:root{--bg: #000;--fg: #f2f2f2;--muted: #9a9a9a;--accent: #e50914;--panel: rgba(18, 18, 18, .92);--focus: #ffd400;--tap: clamp(52px, 8vh, 72px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overflow:hidden}[hidden]{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0}#home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vh,40px);padding:16px;text-align:center}.brand{margin:0;font-size:clamp(28px,6vh,56px);letter-spacing:.04em;font-weight:700}.big{min-width:min(80vw,560px);min-height:clamp(84px,18vh,140px);padding:0 40px;font-size:clamp(28px,6vh,52px);font-weight:700;color:#fff;background:var(--accent);border:4px solid transparent;border-radius:20px;cursor:pointer}.channels{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:90vw}.chip{min-height:var(--tap);padding:0 22px;font-size:clamp(16px,3vh,24px);color:var(--fg);background:#1c1c1c;border:3px solid transparent;border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{background:#333;border-color:#666}.note{margin:0;min-height:1.4em;color:var(--muted);font-size:clamp(14px,2.4vh,20px)}#player{background:#000}#video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center;background:rgba(0,0,0,.72)}.overlay-text{margin:0;max-width:40em;font-size:clamp(18px,3.4vh,30px);line-height:1.4}.overlay-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.overlay.busy{background:transparent;pointer-events:none}.overlay.busy .overlay-text{padding:10px 20px;border-radius:12px;background:var(--panel);font-size:clamp(16px,2.8vh,24px)}.controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.85));transition:opacity .2s}.controls.idle{opacity:0;pointer-events:none}#player.idle-cursor{cursor:none}.btn{min-width:var(--tap);min-height:var(--tap);padding:0 18px;font-size:clamp(16px,2.8vh,22px);font-weight:600;color:var(--fg);background:var(--panel);border:3px solid transparent;border-radius:12px;cursor:pointer}.big-btn{min-height:calc(var(--tap) * 1.2);padding:0 32px;font-size:clamp(20px,3.4vh,30px);background:var(--accent);color:#fff}.big-btn.secondary{background:#2a2a2a}input[type=range]{width:clamp(90px,14vw,200px);height:var(--tap);accent-color:var(--accent)}.live{color:var(--accent);font-weight:700;letter-spacing:.06em}.title{margin-right:auto;color:var(--muted);font-size:clamp(14px,2.4vh,20px)}button:focus{outline:none}button:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:2px}@supports not selector(:focus-visible){button:focus,input:focus{outline:4px solid var(--focus);outline-offset:2px}}@media (max-height: 420px){.controls{gap:6px;padding-top:6px;padding-bottom:6px}.btn{padding:0 12px}}.note a{color:var(--fg);text-decoration:underline;padding:6px}.note a:focus-visible{outline:4px solid var(--focus)}.embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}#player.embedding #c-play,#player.embedding #c-mute,#player.embedding #c-volume,#player.embedding #c-live,#player.embedding #c-source{display:none}