:root{--bg:#f5f7f9;--surface:#fff;--fg:#17212b;--muted:#5c6b7a;--border:#d8dee6;--accent:#0b6e99;--accent-soft:#e3f0f7;--ok:#1d7a4f;--warn:#9a5a00;--bad:#b3261e;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0f151b;--surface:#151d25;--fg:#e4eaf0;--muted:#97a6b4;--border:#28343f;--accent:#63b7dd;--accent-soft:#132837;--ok:#6fcf97;--warn:#e0b266;--bad:#f28b82}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--font);margin:0}a{color:var(--accent)}code,pre{font-family:var(--mono);font-size:.9em}pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0;padding:12px 14px;overflow-x:auto}.shell{max-width:960px;margin:0 auto;padding:16px}header.top{flex-wrap:wrap;align-items:center;gap:18px;padding:10px 0 20px;display:flex}header.top .brand{color:var(--fg);font-size:17px;font-weight:700;text-decoration:none}header.top nav{flex-wrap:wrap;gap:4px;display:flex}header.top nav a{color:var(--muted);border-radius:6px;padding:6px 10px;text-decoration:none}header.top nav a[data-status=active]{color:var(--fg);background:var(--accent-soft)}header.top .spacer{flex:1}h1{margin:0 0 6px;font-size:24px}h2{margin:24px 0 8px;font-size:17px}p.muted,.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row .grow{flex:1;min-width:0}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 14px;text-decoration:none}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--bad)}button:disabled{opacity:.6;cursor:default}input[type=text],input[type=email]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:8px;width:100%;padding:9px 12px}label.field{margin:10px 0;display:block}label.field span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.pill.running{color:var(--ok);border-color:var(--ok)}.pill.disconnected,.pill.locked{color:var(--warn);border-color:var(--warn)}.pill.errored{color:var(--bad);border-color:var(--bad)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);font-weight:600}.notice{background:var(--accent-soft);border-radius:8px;margin:10px 0;padding:10px 14px}.notice.bad{background:color-mix(in srgb, var(--bad) 12%, transparent)}.kv{grid-template-columns:max-content 1fr;gap:4px 14px;font-size:14px;display:grid}.copy{align-items:flex-start;gap:8px;display:flex}.copy pre{flex:1}.counters{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px;display:grid}.counters div{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.counters b{font-size:16px;display:block}