:root{color-scheme:light dark;--bg:#f2f5f7;--card:#fff;--text:#17212b;--muted:#6d7884;--line:#dfe5ea;--green:#18834d;--amber:#bd7600;--red:#c63d3d;--gray:#707b87}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui}main{width:min(980px,calc(100% - 28px));margin:auto;padding:38px 0}header{display:flex;justify-content:space-between;align-items:end}small{letter-spacing:.18em;color:var(--muted);font-weight:800}h1{font-size:clamp(34px,6vw,58px);margin:5px 0 0}header p,article p{margin:0;color:var(--muted)}.overall,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.overall{margin:25px 0;padding:18px;display:flex;gap:12px;align-items:center}.overall b{width:13px;height:13px;border-radius:50%;background:var(--gray)}.overall.operational b{background:var(--green)}.overall.degraded b{background:var(--amber)}.overall.down b{background:var(--red)}h2{font-size:18px;margin:26px 0 9px}article{display:flex;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid var(--line)}article:last-child{border:0}article h3{margin:0}.pill,.metric{border-radius:999px;padding:5px 10px;font-style:normal;font-size:12px}.pill.operational,.metric.operational{color:var(--green)}.pill.degraded,.metric.degraded{color:var(--amber)}.pill.down,.metric.down{color:var(--red)}.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.metric{border:1px solid var(--line);display:flex;gap:8px}.metric em{color:var(--muted);font-style:normal}footer{text-align:center;padding:30px}a{color:inherit}@media(prefers-color-scheme:dark){:root{--bg:#0d141c;--card:#151e28;--text:#f2f5f7;--muted:#9aa7b4;--line:#293544}}@media(max-width:600px){header{display:block}header span{display:block;margin-top:12px}article{align-items:flex-start}}