:root{color-scheme:dark;--bg:#111113;--card:#1b1b1e;--line:#2a2a2f;--text:#f4f4f5;--muted:#adadb2;--brand:#1cceff;--ok:#4ec9b0;--warn:#cca700;--ko:#f14c4c;--none:#2e2e34}
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#fafafa;--card:#fff;--line:#e4e4e7;--text:#18181b;--muted:#5f5f66;--brand:#0071bf;--ok:#1f9d84;--warn:#a68800;--ko:#d93636;--none:#e4e4e7}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:40px 16px 56px}
.brand{color:var(--brand);text-decoration:none;font-weight:600}
h1{font-weight:300;letter-spacing:-.8px;font-size:32px;line-height:1.2;margin:12px 0 4px}
.lede{color:var(--muted);margin:0 0 24px}
.banner{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:10px;padding:14px 16px;margin-bottom:24px}
.banner p{margin:0;font-weight:500}
.banner-ko{border-left-color:var(--ko)}
.banner-wait{border-left-color:var(--warn)}
.services{display:grid;gap:12px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}
.svc header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.svc h2{font-size:16px;font-weight:500;margin:0}
.pill{font-size:13px;padding:2px 10px;border-radius:999px;border:1px solid currentColor}
.pill-up{color:var(--ok)}
.pill-down{color:var(--ko)}
.pill-wait{color:var(--muted)}
.bars{display:flex;gap:2px;height:32px;margin:0;padding:0;list-style:none}
.b{flex:1 1 0;min-width:0;border-radius:2px;background:var(--none)}
.b-ok{background:var(--ok)}
.b-warn{background:var(--warn)}
.b-ko{background:var(--ko)}
.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 0}
.stats dt{color:var(--muted);font-size:12px}
.stats dd{margin:0;font-variant-numeric:tabular-nums}
.incidents{margin-top:32px}
.incidents h2{font-size:18px;font-weight:400;letter-spacing:-.3px;margin:0 0 12px}
.incidents ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.incidents li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 14px}
.incidents li.open{border-color:var(--ko)}
.muted{color:var(--muted)}
footer{margin-top:40px;color:var(--muted);font-size:13px}
footer p{margin:4px 0}
@media (max-width:480px){.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}}