:root{color-scheme:dark;--bg:#080e19;--card:#101a2a;--line:#2b3e55;--text:#edf5ff;--muted:#a8b8ce;--mint:#75e9bf}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 80% 0,#17323c,transparent 48%),var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif;min-height:100vh}
main{width:min(740px,calc(100% - 32px));margin:auto;padding-bottom:36px}
nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
a{color:var(--mint);text-underline-offset:3px}.brand{font-weight:850;letter-spacing:.09em;text-decoration:none;color:var(--text)}
header{padding:clamp(24px,6vw,48px) 0 20px}.kicker{color:var(--mint);text-transform:uppercase;font-size:.73rem;letter-spacing:.14em;font-weight:750}
h1{font-size:clamp(2rem,6vw,3.25rem);letter-spacing:-.05em;line-height:1.1;margin:8px 0 10px}
h2{font-size:1.12rem;margin:0 0 6px}h3{font-size:1rem;margin:0 0 6px}p,small{color:var(--muted)}p{margin:0 0 6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(15px,4vw,24px);margin-bottom:13px;overflow-wrap:anywhere}
.status{display:flex;gap:12px;align-items:flex-start}.dot{flex:none;width:10px;height:10px;margin-top:8px;border-radius:50%;background:#a8b8ce}
.status[data-state=operational]{border-color:#376b5e}.status[data-state=operational] .dot{background:var(--mint)}
.status[data-state=degraded]{border-color:#86643a}.status[data-state=degraded] .dot{background:#ffc976}
.notice{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.notice p{white-space:pre-wrap}
:focus-visible{outline:2px solid var(--mint);outline-offset:4px}