:root{--bg: #0f1218;--card: #181d27;--border: #272e3d;--text: #e8ecf3;--muted: #8d97ab;--accent: #4f8cff;--ok: #34c77b;--warn: #f5a623;--err: #ff5d5d;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:1.4rem;margin:0}h2{font-size:1rem;margin:0 0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.pill{font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--border);color:var(--muted)}.pill.connected{background:#34c77b26;color:var(--ok)}.pill.connecting{background:#f5a62326;color:var(--warn)}.pill.disconnected{background:#ff5d5d26;color:var(--err)}.banner{margin:0;padding:12px 14px;border-radius:10px;font-size:.9rem;line-height:1.4}.banner.warn{background:#f5a6231f;color:var(--warn)}.banner.err{background:#ff5d5d1f;color:var(--err)}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted);margin-bottom:12px}.field small{font-size:.75rem}.check{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:12px}input:not([type=checkbox]){background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.row{display:flex;flex-wrap:wrap;gap:8px}button{background:var(--border);color:var(--text);border:0;border-radius:8px;padding:10px 16px;font-size:.95rem;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.danger{background:#ff5d5d33;color:var(--err)}button.small{padding:6px 10px;font-size:.8rem;margin-top:8px}.muted{color:var(--muted);font-size:.85rem;margin:10px 0 0}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value{background:var(--bg);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:flex-start}.label{font-size:.75rem;color:var(--muted)}.big{font-size:2.2rem;font-weight:700;line-height:1.2}.big small{font-size:.9rem;font-weight:400;color:var(--muted)}.spark{width:100%;height:50px;margin-top:6px}.spark polyline{fill:none;stroke:var(--err);stroke-width:2;vector-effect:non-scaling-stroke}.bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:6px}.bar div{height:100%;background:var(--ok)}.list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.list li{background:var(--bg);border-radius:8px;padding:8px 10px;font-size:.85rem}.log{margin-top:0}.meta{color:var(--muted);font-size:.75rem;word-break:break-all}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;word-break:break-all}