:root{--bg:#0e1014;--card:#161920;--card2:#1c2029;--fg:#e8eaf0;--mut:#9aa3b2;--acc:#5eead4;--bd:#262b36;--g:#22c55e;--y:#eab308;--o:#f97316;--r:#ef4444;--nd:#2a2f3a}
@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--card:#fff;--card2:#f1f3f6;--fg:#14161b;--mut:#566070;--acc:#0f766e;--bd:#e0e4ea;--g:#16a34a;--y:#ca8a04;--o:#ea580c;--r:#dc2626;--nd:#e3e6eb}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}
a{color:var(--acc)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--bd)}header .wrap{display:flex;justify-content:space-between;align-items:center;height:58px}
.logo{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--fg);letter-spacing:-.02em}.logo b{color:var(--acc)}
header nav a{margin-left:18px;color:var(--mut);text-decoration:none;font-size:.95rem}header nav a:hover{color:var(--fg)}
h1{font-size:1.5rem;line-height:1.25;margin:0}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:34px 0 12px}
.muted{color:var(--mut)}.small{font-size:.85rem}
.banner{display:flex;gap:16px;align-items:center;margin-top:28px;padding:22px 24px;border-radius:16px;border:1px solid var(--bd);background:var(--card)}
.banner p{margin:2px 0 0;color:var(--mut);font-size:.92rem}.banner .dot{width:16px;height:16px}
.banner.up{border-color:color-mix(in srgb,var(--g) 45%,var(--bd));background:color-mix(in srgb,var(--g) 8%,var(--card))}
.banner.degraded{border-color:color-mix(in srgb,var(--y) 45%,var(--bd));background:color-mix(in srgb,var(--y) 8%,var(--card))}
.banner.down{border-color:color-mix(in srgb,var(--r) 45%,var(--bd));background:color-mix(in srgb,var(--r) 8%,var(--card))}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--nd);flex:none}.dot.up{background:var(--g);box-shadow:0 0 0 4px color-mix(in srgb,var(--g) 22%,transparent)}
.dot.degraded{background:var(--y)}.dot.down{background:var(--r);box-shadow:0 0 0 4px color-mix(in srgb,var(--r) 22%,transparent)}
.mon{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px 20px;margin:12px 0}
.mh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.mh h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:10px}.mh h3 a{color:var(--fg);text-decoration:none}.mh h3 a:hover{color:var(--acc)}
.pill{font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--bd);white-space:nowrap}
.pill.up{color:var(--g);border-color:color-mix(in srgb,var(--g) 40%,var(--bd))}.pill.down{color:var(--r);border-color:color-mix(in srgb,var(--r) 40%,var(--bd))}.pill.degraded{color:var(--y)}.pill.unknown{color:var(--mut)}
.bars{width:100%;height:34px;display:block}.bars rect{fill:var(--nd)}.bars rect:hover{opacity:.7}.bars .g{fill:var(--g)}.bars .y{fill:var(--y)}.bars .o{fill:var(--o)}.bars .r{fill:var(--r)}
.axis{display:flex;justify-content:space-between;font-size:.78rem;color:var(--mut);margin-top:6px}
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.meta div{background:var(--card2);border:1px solid var(--bd);border-radius:10px;padding:8px 10px}
.meta b{display:block;font-size:1rem}.meta span{color:var(--mut);font-size:.78rem}@media (max-width:560px){.meta{grid-template-columns:repeat(2,1fr)}}
.spark{margin:14px 0 0}.spark svg{width:100%;height:44px;display:block}.spark polyline{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.spark figcaption{font-size:.8rem;color:var(--mut)}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--mut);margin:6px 2px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px;background:var(--nd)}
.legend .g{background:var(--g)}.legend .y{background:var(--y)}.legend .o{background:var(--o)}.legend .r{background:var(--r)}
.inc{list-style:none;padding:0;margin:0}.inc li{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 16px;margin:8px 0}.inc .pill{margin-right:6px}
.prose{max-width:720px}.prose p{color:color-mix(in srgb,var(--fg) 85%,var(--mut))}
.eps{list-style:none;padding:0}.eps li{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 16px;margin:10px 0}.eps p{margin:4px 0 0}
code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;background:var(--card2);padding:1px 5px;border-radius:5px}
footer{color:var(--mut);font-size:.88rem;border-top:1px solid var(--bd);margin-top:48px}footer .wrap{padding-top:18px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}footer a{color:var(--mut)}
.family{flex-basis:100%;font-size:.85em;line-height:1.7}