:root{color-scheme:light dark;--bg:#fafafa;--card:#fff;--text:#111;--muted:#666;--line:#e5e5e5;--up:#1f9d55;--minor:#d4a72c;--down:#d93f3f;--none:#d4d4d4}
@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--card:#17171a;--text:#ededed;--muted:#999;--line:#2a2a2e;--none:#33333a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:48px 20px}h1{font-size:22px;margin:0 0 24px}
.banner{padding:14px 18px;border-radius:10px;font-weight:600;margin-bottom:24px;color:#fff}.banner.up{background:var(--up)}.banner.down{background:var(--down)}.banner.unknown{background:var(--muted)}
.service{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px}.service.planned{background:transparent;border-style:dashed}
.service header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service h2{font-size:16px;margin:0}.service p{margin:0;color:var(--muted);font-size:13px}
.pill{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap}.pill.up{color:var(--up);border:1px solid var(--up)}.pill.down{color:#fff;background:var(--down)}.pill.unknown{color:var(--muted);border:1px solid var(--line)}
.bars{display:flex;gap:2px;height:34px;margin:16px 0 8px}.bar{flex:1;border-radius:2px;background:var(--none)}.bar.ok{background:var(--up)}.bar.minor{background:var(--minor)}.bar.major{background:var(--down)}
.service footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
h2.section{font-size:16px;margin:36px 0 12px}.empty{color:var(--muted)}
.incidents{list-style:none;padding:0;margin:0}.incidents li{border-left:3px solid var(--line);padding:4px 0 4px 14px;margin-bottom:14px}.incidents li.ongoing{border-color:var(--down)}
.incidents .meta{color:var(--muted);font-size:13px}.note{color:var(--muted);font-size:12px;margin-top:36px}