:root{color-scheme:light dark;--bg: #ffffff;--fg: #16181d;--muted: #6b7280;--line: #e2e5ea;--panel: #f7f8fa;--accent: #2f6feb;--danger: #d64545;--ok: #1f9d55}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--fg: #e8eaed;--muted: #9aa1ac;--line: #2a2e35;--panel: #1c1f25;--accent: #5b8cf5;--danger: #e26060;--ok: #45c17f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 ui-sans-serif,-apple-system,system-ui,sans-serif}.app{max-width:620px;margin:0 auto;padding:32px 20px 64px}h1{margin:0;font-size:22px;letter-spacing:-.01em}.phase{margin:4px 0 24px;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px}.row{display:flex;gap:8px}input[type=text],.row input{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--fg);font:inherit}button{padding:9px 16px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--fg);font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.muted{border-color:var(--danger);color:var(--danger)}button.link{padding:0;border:0;background:none;color:var(--accent);font-size:12px;text-decoration:underline}.checkbox{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}.checkbox input{flex:none}.hint{color:var(--muted);opacity:.75}.status{display:grid;gap:7px}.status-row{display:flex;gap:12px;font-size:13px}.status-label{width:100px;flex:none;color:var(--muted)}.status-value{font-variant-numeric:tabular-nums}.error{padding:10px 14px;margin-bottom:12px;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:13px}.ok{margin-left:12px;color:var(--ok);font-size:13px}.log h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.log pre{margin:0;max-height:260px;overflow:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:var(--muted)}.warn{margin-top:20px;font-size:12px;color:var(--muted)}audio{display:none}.quality.alarm{border-color:var(--danger)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px}.metric{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.metric-value{font-variant-numeric:tabular-nums;font-size:15px}.metric-value.bad{color:var(--danger)}.stall{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--danger)}.relay{color:var(--accent)}.direct{color:var(--ok)}.server-url{margin-top:2px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);word-break:break-all}