:root{color-scheme:light dark;--bg:#fff;--fg:#14181f;--mut:#5b6573;--ok:#157347;--bad:#b42318;--line:#d9dee5}
@media (prefers-color-scheme:dark){:root{--bg:#10141a;--fg:#e8ecf1;--mut:#9aa6b5;--ok:#4cc38a;--bad:#ff7b72;--line:#2a3340}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
main{max-width:640px;margin:0 auto;padding:32px 16px}
h1{font-size:1.4rem;margin:0 0 8px}.summary{font-weight:600}.summary.ok{color:var(--ok)}.summary.bad{color:var(--bad)}
ul{list-style:none;padding:0;margin:24px 0;border-top:1px solid var(--line)}
li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.state{font-weight:600}.state.ok{color:var(--ok)}.state.bad{color:var(--bad)}.foot{color:var(--mut);font-size:.85rem}