:root{--bg: #050706;--fg: #f4f7f5;--muted: #9aa5a0;--accent: #22c55e;--glass: rgba(8, 12, 10, .72);--line: rgba(255, 255, 255, .12);--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:15px/1.4 system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}video{width:100%;height:100%;object-fit:contain;background:#000}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wait,.idle{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;pointer-events:none}.wait{background:radial-gradient(ellipse at center,#0003,#0009)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.idle{background:radial-gradient(120% 90% at 50% 110%,rgba(34,197,94,.18),transparent 60%),var(--bg)}.idle h1{margin:0;font-size:clamp(22px,5vw,44px);line-height:1.15;max-width:22ch}.idle-label{margin:0;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.idle-meta{margin:0;color:var(--muted)}.idle-count{margin:8px 0 0;font-variant-numeric:tabular-nums;font-size:clamp(18px,3.4vw,28px);direction:ltr}.chip,.channels,.bar{position:absolute;display:flex;align-items:center;gap:8px;transition:opacity .35s ease}body.chrome-off .chip,body.chrome-off .channels,body.chrome-off .bar{opacity:0;pointer-events:none}body.chrome-off{cursor:none}.chip{top:max(12px,env(safe-area-inset-top));inset-inline-start:12px;max-width:calc(100% - 24px);padding:6px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444499;animation:pulse 1.8s ease-out infinite}@keyframes pulse{to{box-shadow:0 0 0 8px #ef444400}}.chip-channel{font-weight:600}.chip-title{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.chip-score{font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}.chip-score:empty{display:none}.channels{top:max(12px,env(safe-area-inset-top));inset-inline-end:12px}.bar{bottom:max(12px,env(safe-area-inset-bottom));inset-inline-end:12px;padding:6px;border-radius:12px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn{min-height:var(--tap);padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;color:var(--fg);font:inherit;cursor:pointer}.btn:hover{background:#ffffff1f}.btn.is-on{border-color:var(--accent);color:var(--accent)}#btn-sound{border-color:var(--accent);background:var(--accent);color:#03170a;font-weight:600}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:14px}.vol input{width:110px;accent-color:var(--accent)}@media(max-width:520px){.vol,.chip-title{display:none}}