:root{--bg:#f6f7f9;--card:#ffffff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--green:#16a34a;--green-bar:#22c55e;--yellow:#eab308;--orange:#f97316;--red:#dc2626;--gray:#d1d5db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:820px;margin:0 auto;padding:40px 20px 60px}header{margin-bottom:24px}h1{margin:0;font-size:28px;letter-spacing:-.02em}.sub{margin:2px 0 0;color:var(--muted)}.banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;font-weight:600;font-size:17px;color:#fff;margin-bottom:24px}.banner.up{background:var(--green)}.banner.degraded{background:var(--orange)}.banner.down{background:var(--red)}.banner.unknown{background:var(--muted)}.banner .dot{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.9}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h2{margin:0;font-size:19px}.url{color:var(--muted);font-size:14px;text-decoration:none}.url:hover{text-decoration:underline}.pill{padding:4px 12px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}.pill.up{background:#dcfce7;color:#166534}.pill.down{background:#fee2e2;color:#991b1b}.pill.unknown{background:#f3f4f6;color:var(--muted)}.incident{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:14px}.uptimes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:18px 0}.uptime{background:var(--bg);border-radius:8px;padding:12px;text-align:center}.uptime .value{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.uptime .label{font-size:13px;color:var(--muted)}.bars{display:flex;gap:2px;height:34px}.bar{flex:1 1;border-radius:2px;min-width:2px}.bar.ok{background:var(--green-bar)}.bar.minor{background:var(--yellow)}.bar.major{background:var(--orange)}.bar.critical{background:var(--red)}.bar.none{background:var(--gray)}.bar:hover{opacity:.7}.bars-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.meta{margin:14px 0 0}.meta,footer{font-size:13px;color:var(--muted)}footer{margin-top:32px;text-align:center}footer a{color:var(--muted)}@media (max-width:560px){.uptimes{grid-template-columns:repeat(2,1fr)}.bars{gap:1px}}