:root{--bg:#08090a;--fg:#f0f1f3;--mut:#9aa0aa;--line:#24262b;--panel:#101114;--ok:#3fb27f;--warn:#e0a93b;--bad:#e5534b;--na:#2b2d33}
@media (prefers-color-scheme:light){:root{--bg:#fff;--fg:#15161a;--mut:#5a606b;--line:#e2e4e8;--panel:#f6f7f9;--na:#d9dce1}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:40px 16px 64px}header{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}h1{font-size:28px;margin:0;letter-spacing:-.02em}
.back{color:var(--mut);text-decoration:none}.back:hover{color:var(--fg)}a{color:var(--fg)}
.banner{display:flex;gap:10px;align-items:center;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:600;margin-bottom:24px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--na)}.banner.ok .dot{background:var(--ok)}.banner.warn .dot{background:var(--warn)}.banner.bad .dot{background:var(--bad)}
.comp{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 18px;margin-bottom:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}
h2{font-size:17px;margin:0}.h2{margin:32px 0 12px}.pill{font-size:13px;padding:2px 10px;border-radius:99px;border:1px solid var(--line)}.pill.ok{color:var(--ok)}.pill.bad{color:var(--bad)}.pill.na{color:var(--mut)}
.bars{display:flex;gap:2px;height:34px;margin:14px 0 6px}.bars i{flex:1;border-radius:2px;background:var(--na)}.bars i.ok{background:var(--ok)}.bars i.warn{background:var(--warn)}.bars i.bad{background:var(--bad)}
.sub{display:flex;justify-content:space-between;color:var(--mut);font-size:13px;margin:0}.inc{padding-left:20px}.inc li{margin:6px 0}.none,footer{color:var(--mut);font-size:14px}footer{margin-top:40px}