:root{--bg:#f7f7f5;--fg:#1c1c1a;--muted:#6b6b66;--card:#fff;--line:#e2e2dc;--ok:#1f7a4d;--bad:#b3261e;--pending:#8a6d00}@media (prefers-color-scheme:dark){:root{--bg:#151514;--fg:#ececea;--muted:#a0a09a;--card:#1f1f1d;--line:#33332f;--ok:#5bc48d;--bad:#f2867f;--pending:#e0c25a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:32px 16px}h1{margin:0 0 4px}.muted{color:var(--muted);font-size:.9rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0;display:grid}.card{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--pending);border-radius:8px;padding:16px}.card.up{border-top-color:var(--ok)}.card.down{border-top-color:var(--bad)}.card h2{margin:0;font-size:1.1rem}ul{margin:8px 0 0;padding-left:18px}li.ok::marker{color:var(--ok)}li.bad{color:var(--bad)}code{font-size:.85em}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:6px;padding:8px 16px}footer{margin-top:32px}