:root,[data-theme=dark]{color-scheme:dark;--bg: #2e3440;--panel: #3b4252;--panel-2: #434c5e;--line: #4c566a;--text: #eceff4;--muted: #d8dee9;--accent: #88c0d0;--accent-2: #81a1c1;--live: #bf616a;--ok: #a3be8c;--warn: #ebcb8b;--focus: #88c0d0;--btn-text: #2e3440;--stage: #2e3440}[data-theme=light]{color-scheme:light;--bg: #eceff4;--panel: #e5e9f0;--panel-2: #d8dee9;--line: #d8dee9;--text: #2e3440;--muted: #4c566a;--accent: #5e81ac;--accent-2: #81a1c1;--live: #bf616a;--ok: #a3be8c;--warn: #ebcb8b;--focus: #5e81ac;--btn-text: #eceff4;--stage: #2e3440}*{box-sizing:border-box;scrollbar-color:var(--line) var(--bg)}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{font:15px/1.45 IBM Plex Sans,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}input::placeholder{color:var(--muted);opacity:1}::selection{background:var(--accent);color:var(--btn-text)}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}#app{height:100%}.wrap{max-width:880px;margin:0 auto;padding:20px 20px 16px;height:100%;display:flex;flex-direction:column;min-height:0;overflow-x:hidden}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.brand{font-weight:700;letter-spacing:-.03em;font-size:20px}.brand span{color:var(--accent)}.sub{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:10px 0;min-width:0}label.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;flex:1 1 140px;min-width:0}label.field>input,label.field>select{width:100%;min-width:0}label.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}input[type=text],input[type=password],select,button{font-size:16px}input[type=text],input[type=password],select{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;outline:none;color:var(--text)}input:focus,select:focus{border-color:var(--focus)}.btn{background:var(--accent);color:var(--btn-text);border:0;border-radius:8px;padding:9px 14px;font-weight:650;white-space:nowrap;flex-shrink:0;line-height:1.2}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.btn.copied{background:var(--ok);color:#2e3440;border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.err{color:#bf616a;font-size:13px;min-height:1.2em}.ok{color:var(--ok)}#setup{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}#setup>*{flex-shrink:0}#sourceWrap{flex:0 0 auto;display:flex;flex-direction:column;margin-top:4px}#sourceWrap .sub{flex-shrink:0}.source-heading{margin:0 0 6px;font-size:15px;font-weight:400;color:var(--text)}.desktop-filter-wrap{width:100%;min-width:0;margin-top:10px}.desktop-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px}.desktop-tab{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.desktop-tab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--btn-text)}.desktop-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.source-placeholder{display:grid;place-items:center;height:90px;padding:12px;background:var(--stage);color:var(--muted);font-size:13px}.sources{display:grid;grid-template-columns:repeat(auto-fill,168px);grid-auto-rows:122px;align-content:start;justify-content:start;gap:10px}#sourceWrap .sources{padding-right:2px}#live:not(.hidden){flex:1;min-height:0;overflow-y:auto}.live-sources .sources{max-height:min(40vh,360px);overflow-y:auto}.source{width:168px;height:122px;background:var(--panel-2);border:2px solid transparent;border-radius:10px;overflow:hidden;text-align:left;padding:0;color:var(--text)}.source.selected{border-color:var(--accent)}.source img{width:100%;height:90px;object-fit:cover;display:block;background:var(--stage)}.source figcaption{padding:6px 8px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{position:relative;background:var(--stage);border-radius:12px;overflow:hidden;min-height:240px}.stage:fullscreen,.stage:-webkit-full-screen{width:100%;height:100%;border-radius:0;background:var(--stage)}.stage:fullscreen video,.stage:fullscreen canvas,.stage:-webkit-full-screen video,.stage:-webkit-full-screen canvas{max-height:100%;height:100%;width:100%;object-fit:contain}.stage audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.stage video,.stage canvas.compat{width:100%;display:block;max-height:calc(100vh - 160px);background:var(--stage);object-fit:contain}.stage canvas.compat:not(.hidden),.stage video.compat:not(.hidden){position:absolute;inset:0;width:100%;height:100%}.tap-play{position:absolute;inset:0;z-index:3;margin:0;border:0;border-radius:12px;background:#2e3440b8;color:var(--text);font:inherit;font-weight:650}.hud{display:flex;flex-direction:column;gap:10px;margin-top:12px;min-width:0}.hud-status,.hud-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.hud-actions .check{font-size:13px}.hud-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;flex:0 0 auto}.hud-field select{font-size:14px;padding:6px 10px}.hud-field input[type=range]{width:96px;accent-color:var(--accent)}.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.live{color:#eceff4;background:var(--live);border-color:transparent}.pill.stats{font-variant-numeric:tabular-nums}.btn.stats-on{border-color:var(--accent);color:var(--accent)}.linkbox{display:flex;gap:8px;align-items:stretch;width:100%;min-width:0}.linkbox input{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}#proxyHelp{margin-top:14px}.people-panel{margin-top:14px;min-height:0;display:flex;flex-direction:column}.people{list-style:none;margin:0;padding:0;max-height:min(36vh,280px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.people li{padding:6px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.people li:last-child{border:0}.person-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.ping{font-variant-numeric:tabular-nums;font-size:12px}.ping.ok,.pill.ok{color:var(--ok)}.ping.warn,.pill.warn{color:var(--warn)}.ping.bad,.pill.bad{color:var(--live)}.volume{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}input[type=range]{accent-color:var(--accent);width:140px}.hidden{display:none!important}#audioSrcRow>.field,#audioSrcLiveWrap{width:100%;min-width:0}.audio-picker{position:relative;width:100%;min-width:0;color:var(--text)}.audio-picker summary{padding:11px 14px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--bg);overflow-wrap:anywhere}.audio-picker[open] summary{border-color:var(--accent)}.audio-menu{margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.audio-search{width:100%;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);outline-offset:2px}.audio-options{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.audio-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:14px}.audio-option[hidden]{display:none}.audio-option:hover{background:var(--panel)}.audio-option:has(input:checked){background:var(--panel-2)}.audio-option:focus-within{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:-2px}.audio-option-name{min-width:0;overflow-wrap:anywhere;text-align:left}.audio-option-name small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.audio-option input{position:absolute;width:1px;height:1px;opacity:0}.audio-checkmark{display:grid;place-items:center;flex:0 0 21px;height:21px;border:1px solid var(--line);border-radius:5px;color:transparent;font-weight:700}.audio-option input:checked+.audio-checkmark{background:var(--accent);border-color:var(--accent);color:var(--btn-text)}.audio-empty{margin:12px;color:var(--muted);font-size:13px}.live-sources{margin-top:12px}.ingest-tap{position:fixed;left:-240px;top:0;width:160px;height:90px;opacity:0;pointer-events:none;z-index:-1}