:root{--bg:#f5f6f8;--card:#fff;--text:#1c1f24;--muted:#6b7280;--border:#e5e7eb;--up:#16a34a;--down:#dc2626;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:0 auto;padding:32px 16px}h1{margin:0 0 24px;font-size:1.75rem}.muted{color:var(--muted)}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.card-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.url{overflow-wrap:anywhere;flex:1;font-weight:600}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot.up{background:var(--up)}.dot.down{background:var(--down)}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge.up{color:var(--up);background:#dcfce7}.badge.down{color:var(--down);background:#fee2e2}dl{gap:6px;margin:0;display:grid}dl div{justify-content:space-between;gap:8px;display:flex}dt{color:var(--muted)}dd{font-variant-numeric:tabular-nums;margin:0}
