:root{--bg: #f4f5f7;--surface: #fff;--text: #1a1d23;--muted: #667085;--border: #e4e7ec;--up: #16a34a;--down: #dc2626;--unknown: #98a2b3;--accent: #2563eb}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--surface: #171b21;--text: #e6e8eb;--muted: #98a2b3;--border: #2a303a;--accent: #4f8cff}}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);margin:0}.container{max-width:720px;margin:0 auto;padding:32px 16px 48px}h1{margin:0 0 4px;font-size:1.6rem}.summary{margin:0 0 20px;color:var(--muted)}form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}input{flex:1 1 160px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}button{padding:9px 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:5px 10px}.error,.err{color:var(--down)}.list{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--unknown);border-radius:10px;padding:14px 16px}.card.up{border-left-color:var(--up)}.card.down{border-left-color:var(--down)}.card-head{display:flex;align-items:center;gap:10px}.card-title{flex:1;min-width:0;display:flex;flex-direction:column}.card-title a{color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.dot{width:10px;height:10px;border-radius:50%;background:var(--unknown);flex:none}.dot.up{background:var(--up)}.dot.down{background:var(--down)}.bars{display:flex;gap:2px;height:28px;align-items:stretch;margin:12px 0 8px}.bar{flex:1;border-radius:2px;min-width:3px}.bar.up{background:var(--up)}.bar.down{background:var(--down)}.stats{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.stats b{color:var(--text)}footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}code{background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:4px}
