:root{--bg: #0b1220;--panel: #121a2b;--panel-2: #182236;--border: #243049;--text: #e6ebf5;--muted: #8b97b1;--accent: #4f8cff;--ok: #3ccf91;--warn: #f5b942;--bad: #ff5c6c;--p2: #ff5c6c;--p1: #f5b942;--p0: #4f8cff;--pm1: #6b7a99;--pm2: #46506a;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Inter, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f3f5f9;--panel: #ffffff;--panel-2: #eef1f7;--border: #d8dee9;--text: #0f1a2e;--muted: #5d6a85;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;color:inherit}a{color:var(--accent)}#app{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}header.top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}header.top h1{font-size:18px;margin:0;letter-spacing:.2px}header.top .who{font-size:12px;color:var(--muted)}nav.tabs{display:flex;gap:6px;padding:0 12px 10px}nav.tabs button{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:9px 10px;font-size:14px;cursor:pointer}nav.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}main{flex:1;padding:0 12px 24px}.banner{display:flex;gap:10px;align-items:flex-start;background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--warn);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;font-size:14px}.banner.ok{border-left-color:var(--ok)}.banner.bad{border-left-color:var(--bad)}.banner .grow{flex:1}.banner button{white-space:nowrap}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:9px 14px;font-size:14px;cursor:pointer}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:transparent;color:var(--bad);border:1px solid var(--bad)}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.list{display:flex;flex-direction:column;gap:8px}.alert{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:6px 1fr auto;gap:12px;align-items:start}.alert .bar{width:6px;align-self:stretch;border-radius:3px;background:var(--p0)}.alert[data-p="2"] .bar{background:var(--p2)}.alert[data-p="1"] .bar{background:var(--p1)}.alert[data-p="-1"] .bar{background:var(--pm1)}.alert[data-p="-2"] .bar{background:var(--pm2)}.alert.acked{opacity:.6}.alert .meta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.alert .title{font-weight:600;margin:2px 0 4px;font-size:15px}.alert .body{font-size:14px;white-space:pre-wrap;word-break:break-word}.alert .actions{display:flex;flex-direction:column;gap:6px}.alert .actions .btn{min-width:64px}.group{margin-bottom:14px}.group summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-weight:600}.group summary::-webkit-details-marker{display:none}.group[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.group .list{padding:8px 0 0}.count{font-size:12px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;margin-left:8px}.count.zero{background:var(--border);color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card h2{margin:0 0 10px;font-size:15px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border);font-size:14px}.row:first-of-type{border-top:0}.row .k{color:var(--muted)}.row .v{font-family:var(--mono);font-size:13px;text-align:right;word-break:break-all}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.field label{font-size:13px;color:var(--muted)}.field input,.field select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px}.status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.status.active{background:#3ccf9126;color:var(--ok)}.status.dead,.status.revoked{background:#ff5c6c26;color:var(--bad)}.status.unknown{background:var(--panel-2);color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.toolbar .hint{font-size:12px;color:var(--muted)}.center{text-align:center;padding:60px 20px}.center h1{font-size:22px}.center p{color:var(--muted);max-width:32ch;margin:10px auto 20px}ol.steps{text-align:left;max-width:34ch;margin:0 auto;color:var(--text);font-size:14px;line-height:1.6}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;box-shadow:0 6px 24px #0000004d;z-index:10}