:root{color-scheme:dark;--bg: #05070d;--panel: rgba(15, 23, 42, .72);--border: rgba(56, 189, 248, .18);--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--danger: #fb7185}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;overscroll-behavior:none}body{min-height:100vh;min-height:100dvh}#root{min-height:100dvh}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px 12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--accent),transparent 68%);box-shadow:0 0 18px #38bdf88c;flex:none}.app-header h1{margin:0;font-size:20px;letter-spacing:.02em}.tagline{margin:2px 0 0;font-size:12px;color:var(--muted)}.mode-badge{font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.mode-badge.is-stereo{color:var(--accent);border-color:#38bdf880;background:#38bdf81a}.app-main{flex:1;display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;backdrop-filter:blur(8px)}.panel h2{margin:0 0 10px;font-size:16px}.panel p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#cbd5e1}.panel--error{border-color:#fb718566}.panel--error p{color:var(--danger)}.notes{margin:0 0 18px;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.7}.primary-button{width:100%;padding:14px;font-size:15px;font-weight:600;color:#04121f;background:linear-gradient(180deg,#7dd3fc,#38bdf8);border:none;border-radius:12px;cursor:pointer}.primary-button:active{transform:translateY(1px)}.loading{text-align:center;color:var(--muted);font-size:14px;padding:8px 0}.radar-wrap{position:relative;width:100%;aspect-ratio:1;max-height:56dvh;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:#04080f}.radar-canvas{display:block;width:100%;height:100%;touch-action:manipulation}.source-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.source-selector::-webkit-scrollbar{display:none}.source-chip{flex:none;display:flex;flex-direction:column;gap:5px;min-width:92px;padding:9px 11px;font-size:12px;font-family:inherit;color:var(--muted);background:#0f172a99;border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .12s ease,color .12s ease}.source-chip.is-active{color:var(--text);border-color:#38bdf88c;background:#38bdf81a}.chip-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}.chip-dot--all{background:linear-gradient(90deg,#38bdf8,#fb7185,#a3e635)}.chip-name{font-size:10px;opacity:.75;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-level{display:block;height:3px;border-radius:2px;background:#94a3b833;overflow:hidden}.chip-level-fill{display:block;height:100%;border-radius:2px;transition:width .14s linear}.source-empty{font-size:12px;color:var(--muted);padding:8px 2px}.banner{margin:0;font-size:12px;line-height:1.6;padding:10px 12px;border-radius:10px;border:1px solid rgba(251,191,36,.35);background:#fbbf2414;color:#fcd34d}.link-button{align-self:flex-start;padding:4px 2px;font-size:12px;font-family:inherit;color:var(--muted);background:none;border:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.diagnostics{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:0;padding:12px;font-size:12px;background:#0f172a80;border:1px solid var(--border);border-radius:12px}.diagnostics dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.diagnostics dd{margin:2px 0 0;color:var(--text)}.source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.source-list li{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 10px;border-radius:10px;background:#0f172a80}.source-list .dot{width:8px;height:8px;border-radius:50%;flex:none}.source-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-list .meta{color:var(--muted);font-variant-numeric:tabular-nums}.app-footer{padding:12px 0 4px}.stop-button{width:100%;padding:12px;font-size:14px;font-family:inherit;color:var(--text);background:#1e293bcc;border:1px solid var(--border);border-radius:12px;cursor:pointer}.legal{padding:14px 4px 18px;font-size:11px;color:#94a3b8a6;text-align:center}.legal a{color:inherit}@media (min-width: 420px){.radar-wrap{max-height:60dvh}}