:root{--bg:#f7f8fa;--surface:#fff;--border:#e4e7ec;--text:#101828;--muted:#667085;--operational:#16a34a;--maintenance:#375b95;--degraded:#d97706;--outage:#ef4444;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#0c111d;--surface:#161b26;--border:#2a303c;--text:#f5f5f6;--muted:#94969c;--maintenance:#6b8fd1}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:760px;margin:0 auto;padding:32px 16px 64px}h1,h2,h3,p{margin:0}a{color:var(--maintenance)}section{margin-top:32px}.masthead{justify-content:space-between;align-items:baseline;display:flex}.masthead h1{font-size:20px}.eyebrow{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600}.meta{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card+.card{margin-top:12px}.banner{border-radius:var(--radius);color:#fff;align-items:center;gap:12px;padding:16px;display:flex}.banner h2{font-size:17px}.banner .dot{background:#fff}.banner.operational{background:var(--operational)}.banner.maintenance{background:var(--maintenance)}.banner.degraded{background:var(--degraded)}.banner.outage{background:var(--outage)}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.operational{--tone:var(--operational)}.maintenance{--tone:var(--maintenance)}.degraded{--tone:var(--degraded)}.outage{--tone:var(--outage)}.dot,.bar{background:var(--tone)}.component+.component{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.component-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.component h3{font-size:15px}.label{color:var(--tone);white-space:nowrap;font-size:13px;font-weight:600}.bars{gap:2px;height:28px;margin-top:12px;display:flex}.bar{border-radius:2px;flex:1;min-width:0}.bar.operational{opacity:.55}.bars-legend{justify-content:space-between;margin-top:4px;display:flex}.incident header{align-items:center;gap:8px;display:flex}.incident h3{font-size:15px}.incident .meta{margin-top:4px}.updates{margin:12px 0 0;padding:0;list-style:none}.updates li+li{margin-top:12px}.updates time{font-size:13px;font-weight:600}footer{margin-top:32px}.bar.nodata{background:var(--border)}