:root{--bg:#f7f7f5;--panel:#fff;--ink:#15171a;--muted:#5b6168;--line:#e2e4e7;--brand:#4b2bd6;--ok:#1d6b3a;--ok-bg:#e6f4ec;--warn:#7a5300;--warn-bg:#fff4dc;--bad:#9b1c1c;--bad-bg:#fde8e8;--none:#d7d9dc}
@media (prefers-color-scheme: dark){:root{--bg:#0f1113;--panel:#171a1d;--ink:#eceef1;--muted:#a3a9b1;--line:#2a2e33;--brand:#8c74ff;--ok:#7fd39c;--ok-bg:#173325;--warn:#f2c46b;--warn-bg:#3a2c10;--bad:#ff9a9a;--bad-bg:#3d1717;--none:#33373c}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--brand)}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h2{font-size:1.25rem}p{margin:0 0 .75rem}
.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel)}
.brand{font-weight:700;color:var(--ink);text-decoration:none}.muted{color:var(--muted)}.top-link{margin-left:auto}
main{max-width:920px;margin:0 auto;padding:24px 16px 56px;display:grid;gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}
.pill{display:inline-block;font-weight:600;font-size:.85rem;padding:2px 10px;border-radius:999px;border:1px solid currentColor}
.s-operational{color:var(--ok);background:var(--ok-bg)}.s-degraded,.s-partial_outage,.s-maintenance{color:var(--warn);background:var(--warn-bg)}
.s-outage,.s-major_outage{color:var(--bad);background:var(--bad-bg)}.s-unknown{color:var(--muted);background:var(--none)}
.headsup{border-left:4px solid currentColor;padding:14px 16px}.headsup.h-info{color:var(--muted)}.headsup.h-degraded{color:var(--warn);background:var(--warn-bg)}.headsup.h-outage{color:var(--bad);background:var(--bad-bg)}
.row{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0;padding-top:0}
.bars{display:flex;gap:2px;height:28px;align-items:stretch}.bars span{flex:1;border-radius:2px;min-width:2px}
.b-ok{background:var(--ok)}.b-warn{background:var(--warn)}.b-bad{background:var(--bad)}.b-none{background:var(--none)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
ul{padding-left:1.1rem;margin:0}li{margin:.3rem 0}footer{text-align:center;color:var(--muted);font-size:.9rem}
@media (max-width:600px){.bars{height:22px}}