
:root{color-scheme:dark;--bg:#0b1511;--panel:#101e18;--line:#2b4639;--text:#e5f5e9;--muted:#8ca596;--ok:#b7ff3c;--warn:#ffca3a;--bad:#ff6b5c}
*{box-sizing:border-box}html{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:var(--bg);color:var(--text)}
body{min-width:320px;margin:0;background-image:linear-gradient(rgba(183,255,60,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,60,.025) 1px,transparent 1px);background-size:32px 32px}
main{width:min(760px,calc(100% - 32px));margin:0 auto;padding:64px 0 48px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
h1{margin:12px 0 8px;font-size:clamp(30px,7vw,54px);line-height:1.05;letter-spacing:-.04em}.lede{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.summary{display:flex;align-items:center;gap:12px;margin:38px 0 18px;padding:18px;border:1px solid var(--line);background:rgba(16,30,24,.82)}.dot{width:11px;height:11px;border-radius:50%;background:var(--muted);box-shadow:0 0 18px currentColor}.dot.operational{color:var(--ok);background:var(--ok)}.dot.degraded{color:var(--warn);background:var(--warn)}.dot.unavailable{color:var(--bad);background:var(--bad)}
.summary strong{display:block;font-size:16px;text-transform:capitalize}.summary span:last-child{display:block;margin-top:3px;color:var(--muted);font-size:12px}.services{display:grid;gap:10px}.service{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);background:var(--panel)}.service-name{font-size:14px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.badge.operational{color:var(--ok)}.badge.unavailable{color:var(--bad)}
.note{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.65}footer{display:flex;justify-content:space-between;gap:16px;margin-top:42px;color:var(--muted);font-size:11px}a{color:var(--ok);text-underline-offset:3px}
@media(max-width:520px){main{padding-top:40px}.service{align-items:flex-start;flex-direction:column;gap:8px}footer{flex-direction:column}}
