:root{color:#edf6ff;background:#050506;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050506;--bg-deep: #0b0b0f;--surface: rgba(18, 18, 22, .78);--surface-bright: rgba(30, 30, 36, .7);--surface-strong: rgba(10, 10, 13, .92);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .22);--text: #edf6ff;--muted: #9ba3ad;--muted-strong: #c4cbd4;--accent: #29d3ff;--accent-strong: #7c5cff;--accent-hot: #ff6fcf;--success: #63e6be;--warning: #ffe08a;--danger: #ff7777;--shadow-soft: 0 28px 90px rgba(0, 0, 0, .38);--shadow-hard: 0 34px 130px rgba(0, 0, 0, .58);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px;--radius-sm: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% -12%,rgba(255,255,255,.055),transparent 34rem),radial-gradient(circle at 88% 4%,rgba(41,211,255,.045),transparent 32rem),radial-gradient(circle at 50% 112%,rgba(255,255,255,.035),transparent 38rem),linear-gradient(180deg,#050506,#070708 48%,#0b0b0f)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 84px);opacity:.36;mask-image:radial-gradient(circle at 50% 12%,black,transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 12%,black,transparent 78%)}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:#00000047;backdrop-filter:blur(42px) saturate(122%);-webkit-backdrop-filter:blur(42px) saturate(122%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}button,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(41,211,255,.52);outline-offset:3px}input::placeholder{color:#cbd4e58a}.app-shell{width:min(1760px,calc(100% - 32px));margin:0 auto;padding:18px 0 28px}.app-toolbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:10px}.language-switch,.theme-switch{display:inline-flex;gap:4px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;box-shadow:inset 0 1px #ffffff12,0 16px 42px #0000002e;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);padding:5px}.language-switch span,.theme-switch span{color:var(--muted-strong);font-size:.76rem;font-weight:900;letter-spacing:-.03em;padding:0 7px}.language-switch button,.theme-switch button{min-width:38px;min-height:30px;border:0;border-radius:999px;color:var(--muted-strong);background:transparent;font-size:.76rem;font-weight:950;letter-spacing:.08em;transition:background .17s var(--ease-out),color .17s var(--ease-out),transform .17s var(--ease-out)}.language-switch button:hover,.theme-switch button:hover{transform:translateY(-1px);color:var(--text);background:#ffffff17}.language-switch button.active,.theme-switch button.active{color:#061019;background:linear-gradient(180deg,#8af0ff,#63e6be)}.theme-switch button{padding:0 10px}.theme-switch .icon{width:17px;height:17px}.app-shell.theater-mode{width:100%;min-height:100vh;overflow:hidden;padding:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero-panel,.metric-card,.browser-panel,.player-panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#16161bd1,#0a0a0dc7);box-shadow:var(--shadow-soft);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}.hero-panel:before,.browser-panel:before,.player-panel:before,.metric-card:before{position:absolute;inset:0;border-radius:inherit;pointer-events:none;content:"";border-top:1px solid rgba(255,255,255,.075);background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 38%);opacity:.64}.hero-panel{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(420px,1.14fr);gap:18px;align-items:center;overflow:hidden;border-radius:var(--radius-xl);padding:16px}.hero-panel:after{position:absolute;top:-68%;right:-10%;width:min(620px,52vw);aspect-ratio:1;border-radius:999px;pointer-events:none;content:"";background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.06),transparent 8rem),radial-gradient(circle at 68% 64%,rgba(41,211,255,.045),transparent 10rem),#ffffff05;filter:blur(46px);opacity:.42}.brand-block,.playlist-form,.metric-card>*,.browser-panel>*,.player-panel>*:not(.player-backdrop){position:relative;z-index:1}.brand-block{display:flex;gap:18px;align-items:center;min-width:0;padding:8px}.brand-mark{flex:0 0 78px;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.28);border-radius:26px;color:#061019;background:linear-gradient(145deg,#e5fbff,#7deaff 48%,#8f80ff);box-shadow:inset 0 1px #ffffff61,0 18px 42px #19202c52,0 18px 56px #00000038;font-size:1.24rem;font-weight:950;letter-spacing:-.12em;text-transform:uppercase}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.panel-eyebrow{margin-bottom:5px;color:#cbd4e5b8;font-size:.68rem}h1,h2,p{margin-top:0}h1{margin:0;max-width:760px;font-size:clamp(2.3rem,6vw,5.2rem);line-height:.86;letter-spacing:-.105em}h2{margin-bottom:0;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.055em}.hero-copy{max-width:620px;margin:12px 0 0;color:var(--muted-strong);font-size:clamp(.98rem,1.8vw,1.14rem);line-height:1.6}.playlist-form{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#00000047;box-shadow:inset 0 1px #ffffff14}.url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.url-row input,.search-box input,.track-select select{width:100%;border:1px solid rgba(255,255,255,.12);color:var(--text);background:#060608c7;outline:none;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #0000002e;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out)}.url-row input,.search-box input{min-height:54px;border-radius:18px;padding:0 16px}.url-row input:focus,.search-box input:focus,.track-select select:focus{border-color:#29d3ff94;background:#08080be6;box-shadow:0 0 0 5px #29d3ff1a,0 18px 42px #00000042}.url-row button,.big-favorite{min-height:48px;border:0;border-radius:18px;color:#061019;background:linear-gradient(180deg,#8af0ff,#63e6be);box-shadow:inset 0 1px #ffffff52,0 18px 42px #19202c47;font-weight:900;padding:0 18px;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),filter .18s var(--ease-out)}.url-row button:not(:disabled):hover,.big-favorite:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:inset 0 1px #ffffff5c,0 20px 46px #19202c42}.file-import{display:inline-grid;place-items:center;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:var(--text);background:#ffffff14;box-shadow:inset 0 1px #ffffff14;font-size:.92rem;font-weight:850;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.file-import:hover{transform:translateY(-2px);border-color:#ffffff47;background:#ffffff1f}.file-import input{display:none}.form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;color:var(--muted);font-size:.86rem}.loaded-source,.sync-pill,.pill,.status-badge{min-width:0;max-width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff13;padding:7px 11px;text-overflow:ellipsis;white-space:nowrap}.sync-pill,.pill,.status-badge{flex:none;color:#dffcff;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.state-ready,.status-ready,.status-idle{border-color:#63e6be47;color:#dfffee;background:#63e6be14}.state-loading,.status-loading{border-color:#d3dae547;color:#edf1f7;background:#d3dae514}.state-error,.status-error{border-color:#ff7a8a6b;color:#ffe3e7;background:#ff7a8a24}.load-error{margin:0;border:1px solid rgba(255,122,138,.32);border-radius:18px;color:#ffe3e7;background:#ff7a8a1f;padding:12px 14px}.signal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.metric-card{overflow:hidden;min-width:0;border-radius:22px;padding:14px 16px}.metric-card span,.metric-card strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card span{color:var(--muted);font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.metric-card strong{margin-top:6px;font-size:clamp(1.22rem,2.2vw,1.9rem);line-height:1;letter-spacing:-.055em}.studio-grid{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr);gap:14px;align-items:start;margin-top:14px}.browser-panel,.player-panel{overflow:hidden;border-radius:var(--radius-lg);padding:16px}.browser-panel{position:sticky;top:18px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;max-height:calc(100vh - 36px)}.panel-heading,.now-playing-card,.stage-bar{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading h2{margin:0}.pill{border-color:#29d3ff38;color:#dffcff;background:#29d3ff12}.search-box{position:relative}.search-box span{position:absolute;left:17px;top:50%;z-index:1;color:var(--accent);font-size:1.08rem;transform:translateY(-50%)}.search-box input{padding-left:46px}.group-rail{display:flex;gap:8px;overflow-x:auto;padding:1px 2px 7px;scrollbar-width:none}.group-rail::-webkit-scrollbar{display:none}.filter-button{display:inline-flex;flex:none;gap:9px;align-items:center;max-width:162px;min-height:38px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#dce5f5;background:#fff1;padding:0 13px;transition:transform .17s var(--ease-out),border-color .17s var(--ease-out),background .17s var(--ease-out),color .17s var(--ease-out)}.filter-button:hover{transform:translateY(-1px);border-color:#ffffff42;background:#ffffff1a}.filter-button.active{border-color:transparent;color:#061019;background:linear-gradient(180deg,#84eaff,#63e6be);box-shadow:0 12px 24px #19202c29}.filter-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-button small{flex:none;opacity:.74;font-size:.73rem;font-weight:900}.channel-list{position:relative;--channel-row-gap: 9px;min-height:0;margin:0;padding:0 7px 0 0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;list-style:none;scrollbar-color:rgba(41,211,255,.24) rgba(255,255,255,.04);scrollbar-width:thin}.channel-list-spacer{position:relative;min-height:100%}.channel-window{position:absolute;top:0;right:0;left:0;display:grid;gap:var(--channel-row-gap);contain:layout paint;will-change:transform}.channel-list::-webkit-scrollbar{width:10px}.channel-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.channel-list::-webkit-scrollbar-thumb{border:2px solid rgba(6,8,16,.9);border-radius:999px;background:#29d3ff52}.channel-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;contain:layout paint style}.channel-main,.favorite-toggle{min-width:0;border:1px solid rgba(255,255,255,.11);color:var(--text);background:#ffffff0e;box-shadow:inset 0 1px #ffffff0e;transition:transform .17s var(--ease-out),border-color .17s var(--ease-out),background .17s var(--ease-out),box-shadow .17s var(--ease-out)}.channel-main{display:flex;gap:12px;align-items:center;border-radius:19px;padding:10px;text-align:left}.channel-main:hover,.favorite-toggle:hover{transform:translateY(-1px);border-color:#ffffff3b;background:#ffffff17}.channel-row.active .channel-main{border-color:#29d3ff66;background:linear-gradient(135deg,#29d3ff17,#ffffff0b);box-shadow:inset 0 1px #ffffff1f,0 14px 28px #19202c29}.channel-logo{position:relative;flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:17px;color:#061019;background:linear-gradient(145deg,#e5fbff,#8df5ff 52%,#a59bff);box-shadow:inset 0 1px #ffffff52,0 12px 24px #0003;font-size:.84rem;font-weight:950;letter-spacing:-.06em}.channel-logo img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#03050cd6;padding:5px}.channel-copy{min-width:0}.channel-copy strong,.channel-meta,.channel-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-copy strong{display:block;font-size:.98rem;letter-spacing:-.018em}.channel-meta{display:flex;gap:8px;align-items:center;margin-top:5px;color:var(--muted);font-size:.8rem}.channel-meta span:last-child{flex:none;color:#cbd4e58a}.favorite-toggle{display:grid;place-items:center;min-height:46px;border-radius:17px;color:#697489;font-size:1.08rem}.favorite-toggle.active,.big-favorite.active{border-color:#d6b9735c;color:#d6b973;background:#d6b9731a;box-shadow:0 14px 34px #00000024}.empty-state{border:1px dashed rgba(255,255,255,.22);border-radius:18px;color:var(--muted);background:#ffffff0a;padding:14px}.empty-state strong{display:block;margin-bottom:6px;color:var(--text)}.empty-state p{margin-bottom:0;line-height:1.5}.player-panel{display:grid;gap:14px;box-shadow:var(--shadow-hard)}.theater-mode .hero-panel,.theater-mode .app-toolbar,.theater-mode .signal-strip,.theater-mode .browser-panel,.theater-mode .stage-bar,.theater-mode .now-playing-card,.theater-mode .channel-details{display:none}.theater-mode .studio-grid{display:block;margin:0}.theater-mode .player-panel{position:fixed;inset:0;z-index:50;display:block;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none;padding:0}.theater-mode .player-panel:before,.theater-mode .player-backdrop{display:none}.player-panel.has-channel{background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.035),transparent 24rem),radial-gradient(circle at 100% 10%,rgba(41,211,255,.035),transparent 28rem),linear-gradient(180deg,#16161bd1,#08080acc)}.player-backdrop{position:absolute;top:-10%;right:-7%;z-index:0;width:min(440px,48%);max-height:58%;object-fit:contain;pointer-events:none;filter:blur(28px) saturate(150%);opacity:.18;transform:rotate(-8deg) scale(1.16)}.stage-bar{min-height:34px}.stage-context{min-width:0;overflow:hidden;color:var(--muted);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.video-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#000;clip-path:inset(0 round 30px);isolation:isolate;box-shadow:inset 0 1px #ffffff14,0 24px 70px #0000007a;aspect-ratio:16 / 9}.video-frame:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#000}.theater-mode .video-frame{width:100vw;height:100vh;border:0;border-radius:0;background:#000;box-shadow:none;aspect-ratio:auto}.theater-mode .player-chrome,.video-frame:fullscreen .player-chrome{padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left))}.video-player,.empty-player{width:100%;height:100%}.video-player{display:block;background:#000;border-radius:inherit;cursor:pointer;object-fit:contain}.video-player::-webkit-media-controls{display:none!important}.empty-player{display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center;padding:22px}.empty-player span{color:#f4f6f829;font-size:clamp(3.4rem,10vw,8rem);font-weight:950;letter-spacing:-.11em;opacity:.42}.empty-player p{max-width:360px;margin:0;color:var(--muted-strong);line-height:1.55}.player-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;gap:12px;pointer-events:none;color:#e9feff;background:#00000094;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.84rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.player-overlay:before{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:999px;content:"";animation:spin .9s linear infinite}.player-error-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:clamp(18px,5vw,42px);color:#fff;background:radial-gradient(circle at 50% 45%,rgba(255,122,138,.2),transparent 26rem),#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.player-error-card{display:grid;justify-items:center;gap:16px;width:min(420px,100%);border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#0c0e18c7;box-shadow:inset 0 1px #ffffff1a,0 24px 80px #0000006b;padding:clamp(18px,4vw,28px);text-align:center}.player-error-card p{margin:0;color:#ffe3e7;font-size:clamp(.95rem,2.1vw,1.12rem);font-weight:800;line-height:1.45}.player-error-card button{min-height:44px;border:0;border-radius:999px;color:#15080b;background:linear-gradient(135deg,#ffb3bd,#ff7a8a);box-shadow:0 14px 32px #ff5c7147;padding:0 22px;font-weight:950;cursor:pointer}.player-error-card button:hover{filter:brightness(1.04)}.center-play-button{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:clamp(68px,10vw,96px);height:clamp(68px,10vw,96px);border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#061019;background:linear-gradient(180deg,#8af0ff,#63e6be);box-shadow:inset 0 1px #ffffff57,0 18px 52px #00000057;font-size:clamp(1.45rem,4vw,2.1rem);transform:translate(-50%,-50%);transition:transform .18s var(--ease-out),filter .18s var(--ease-out)}.center-play-button:hover{filter:brightness(1.04);transform:translate(-50%,-50%) scale(1.04)}.player-chrome{position:absolute;right:0;bottom:0;left:0;z-index:3;display:grid;gap:10px;padding:74px clamp(12px,2vw,22px) clamp(12px,2vw,20px);pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.32) 56%,rgba(0,0,0,.58) 100%);opacity:0;transform:translateY(12px);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.video-frame:hover .player-chrome,.video-frame:focus-within .player-chrome,.video-frame.controls-visible .player-chrome{pointer-events:auto;opacity:1;transform:translateY(0)}.seek-layer{display:grid;align-items:center;min-height:18px}.seek-slider,.volume-slider{width:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.seek-slider::-webkit-slider-runnable-track,.volume-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--progress),rgba(255,255,255,.42) var(--progress) var(--buffered),rgba(255,255,255,.18) var(--buffered) 100%)}.seek-slider::-moz-range-track,.volume-slider::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--progress),rgba(255,255,255,.42) var(--progress) var(--buffered),rgba(255,255,255,.18) var(--buffered) 100%)}.seek-slider::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:#fff;box-shadow:0 0 0 5px #29d3ff1f}.seek-slider::-moz-range-thumb,.volume-slider::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 5px #29d3ff1f}.live-progress{overflow:hidden;height:5px;border-radius:999px;background:#ffffff29}.live-progress span{display:block;width:34%;height:100%;border-radius:inherit;background:#29d3ff8c;animation:liveSweep 1.8s var(--ease-out) infinite}.control-row{display:flex;gap:10px;align-items:center;min-width:0}.control-button{flex:none;display:inline-grid;place-items:center;min-width:42px;min-height:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--text);background:#ffffff17;box-shadow:inset 0 1px #ffffff17,0 14px 32px #00000038;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);font-size:.78rem;font-weight:900;letter-spacing:.02em;padding:0 13px;transition:transform .17s var(--ease-out),border-color .17s var(--ease-out),background .17s var(--ease-out)}.icon{width:18px;height:18px;color:currentColor}.icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.control-button.primary .icon path,.center-play-button .icon path{fill:currentColor;stroke:currentColor}.control-button:hover{transform:translateY(-1px);border-color:#29d3ff4d;background:#ffffff24}.control-button.active{border-color:#29d3ff57;color:#061019;background:linear-gradient(180deg,#8af0ff,#63e6be)}.control-button.primary{color:#061019;border-color:transparent;background:linear-gradient(180deg,#8af0ff,#63e6be)}.time-readout{flex:none;color:#f7fbffe0;font-size:.82rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.time-readout.live{display:inline-flex;gap:7px;align-items:center;text-transform:uppercase}.time-readout.live:before{width:8px;height:8px;border-radius:999px;background:#e85d75;box-shadow:0 0 14px #e85d7575;content:""}.volume-control{display:flex;gap:8px;align-items:center}.volume-slider{width:92px}.control-spacer{flex:1 1 auto;min-width:8px}.player-option-dock{position:relative;flex:none;width:max-content;max-width:100%}.player-option-dock[open]{width:max-content}.player-option-dock summary{display:inline-flex;gap:8px;align-items:center;min-height:38px;margin-left:auto;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:var(--text);background:#05060c9e;box-shadow:inset 0 1px #ffffff1a,0 16px 42px #00000057;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);cursor:pointer;font-size:.74rem;font-weight:900;letter-spacing:.08em;list-style:none;padding:0 13px;text-transform:uppercase;transition:border-color .17s var(--ease-out),background .17s var(--ease-out),transform .17s var(--ease-out)}.player-option-dock summary::-webkit-details-marker{display:none}.player-option-dock summary:hover{transform:translateY(-1px);border-color:#29d3ff52;background:#050812b8}.player-option-menu{position:absolute;right:0;bottom:calc(100% + 12px);display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;width:min(460px,calc(100vw - 48px));max-height:min(320px,calc(100vh - 220px));overflow:auto}.theater-channel-guide{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:4;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;width:min(430px,calc(100vw - 36px));max-height:calc(100vh - 150px);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:#080a14b8;box-shadow:inset 0 1px #ffffff14,0 30px 90px #0000007a;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);padding:14px}.theater-filter-rail{margin:-2px 0 0;padding:0 2px 5px}.theater-filter-rail .filter-button{max-width:148px;min-height:34px;background:#ffffff12}.theater-guide-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.theater-guide-heading h2{margin:0;font-size:1.25rem}.theater-guide-search{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.13);border-radius:16px;color:var(--text);background:#03050cad;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #0000002e;outline:none;padding:0 14px}.theater-guide-search:focus{border-color:#29d3ff94;box-shadow:0 0 0 5px #29d3ff1a,0 18px 42px #00000042}.theater-guide-list{display:grid;gap:7px;min-height:0;margin:0;overflow:auto;padding:0 5px 0 0;list-style:none;scrollbar-color:rgba(41,211,255,.24) rgba(255,255,255,.05);scrollbar-width:thin}.theater-guide-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:58px;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:var(--text);background:#ffffff0e;padding:8px;text-align:left;transition:transform .17s var(--ease-out),border-color .17s var(--ease-out),background .17s var(--ease-out)}.theater-guide-row:hover,.theater-guide-row.active{transform:translateY(-1px);border-color:#29d3ff57;background:linear-gradient(135deg,#29d3ff16,#ffffff0b)}.theater-guide-row .channel-logo{flex-basis:42px;width:42px;height:42px;border-radius:15px}.theater-guide-row span,.theater-guide-row strong,.theater-guide-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theater-guide-row strong,.theater-guide-row small{display:block}.theater-guide-row strong{font-size:.92rem}.theater-guide-row small{margin-top:4px;color:var(--muted);font-size:.77rem}.theater-guide-row em{border-radius:999px;color:#061019;background:linear-gradient(180deg,#8af0ff,#63e6be);font-size:.68rem;font-style:normal;font-weight:950;letter-spacing:.08em;padding:5px 7px;text-transform:uppercase}.theater-guide-footnote{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.now-playing-card,.player-option-menu,.channel-details{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#fff1;box-shadow:inset 0 1px #ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px}.now-playing-identity{display:flex;gap:13px;align-items:center;min-width:0}.now-playing-card .channel-logo{flex-basis:62px;width:62px;height:62px;border-radius:21px}.channel-logo.placeholder{text-transform:uppercase}.now-playing-copy{min-width:0}.now-playing-copy h2,.now-playing-copy p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-copy h2{margin:0}.now-playing-copy p:last-child{margin:6px 0 0;color:var(--muted)}.big-favorite{flex:none;min-height:44px;border:1px solid transparent;padding:0 16px}.track-select{display:grid;gap:7px}.track-select span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.track-select select{min-height:42px;border-radius:14px;padding:0 13px}.channel-details{display:grid;gap:8px}.channel-details summary{color:var(--muted-strong);cursor:pointer;font-size:.74rem;font-weight:900;letter-spacing:.13em;list-style-position:inside;text-transform:uppercase}.channel-details:not([open]){padding:10px 12px}.channel-details[open] summary{margin-bottom:4px}.detail-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:center}.detail-row span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.detail-row code{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#dffcff;background:#00000038;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes liveSweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(max-width:1180px){.hero-panel,.studio-grid{grid-template-columns:1fr}.browser-panel{position:static;order:2;max-height:none}.player-panel{order:1}.channel-list{max-height:560px}}@media(max-width:820px){.app-shell{width:min(100% - 22px,1760px);padding-top:11px}.app-shell.has-playlist:not(.theater-mode){display:flex;flex-direction:column}.app-shell.has-playlist:not(.theater-mode) .app-toolbar{order:0}.app-shell.has-playlist:not(.theater-mode) .studio-grid{order:1;margin-top:0}.app-shell.has-playlist:not(.theater-mode) .hero-panel{order:2;margin-top:14px}.app-shell.has-playlist:not(.theater-mode) .signal-strip{order:3}.hero-panel,.browser-panel,.player-panel{border-radius:24px;padding:13px}.brand-block{align-items:flex-start}.brand-mark{flex-basis:58px;width:58px;height:58px;border-radius:20px}.hero-copy{margin-top:9px}.signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.url-row{grid-template-columns:1fr}.player-chrome{padding:62px 12px 12px}.control-row{gap:8px}.volume-slider{width:72px}.player-option-menu{width:min(420px,calc(100vw - 34px))}.theater-channel-guide{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 24px));max-height:none;border-radius:22px;gap:10px;padding:12px}.url-row button,.file-import,.big-favorite{min-height:50px}.now-playing-card{display:grid}.big-favorite{width:100%}.video-frame{border-radius:22px}}@media(max-width:540px){.app-shell{width:min(100% - 16px,1760px)}.brand-block{display:grid;gap:12px}h1{font-size:clamp(2.7rem,18vw,4rem)}.signal-strip{grid-template-columns:1fr}.panel-heading,.stage-bar{align-items:flex-start;flex-direction:column}.player-chrome{gap:8px;padding:52px 10px 10px}.control-row{flex-wrap:wrap}.control-button{min-width:38px;min-height:36px;padding:0 11px}.volume-slider{display:none}.time-readout{font-size:.78rem}.player-option-menu{right:50%;grid-template-columns:1fr;width:min(320px,calc(100vw - 32px));max-height:220px;transform:translate(50%)}.theater-channel-guide{right:10px;left:10px;width:auto;padding:10px}.theater-guide-heading{align-items:flex-start}.theater-guide-heading h2{font-size:1.08rem}.theater-guide-row{grid-template-columns:38px minmax(0,1fr) auto;min-height:54px}.theater-guide-row .channel-logo{flex-basis:38px;width:38px;height:38px;border-radius:13px}.channel-row{grid-template-columns:minmax(0,1fr) 42px}.channel-logo{flex-basis:42px;width:42px;height:42px;border-radius:15px}.now-playing-card .channel-logo{flex-basis:52px;width:52px;height:52px;border-radius:18px}.detail-row{grid-template-columns:1fr}}@media(max-width:920px)and (max-height:480px){.theater-channel-guide{grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;padding:8px}.theater-channel-guide .panel-eyebrow,.theater-guide-footnote{display:none}.theater-guide-heading h2{font-size:.98rem}.theater-guide-search{min-height:38px;border-radius:14px}.theater-filter-rail{padding-bottom:2px}.theater-filter-rail .filter-button{min-height:30px;padding:0 10px}.theater-guide-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:46px;border-radius:15px;padding:6px}.theater-guide-row .channel-logo{flex-basis:34px;width:34px;height:34px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero-panel,.metric-card,.browser-panel,.player-panel,.playlist-form,.now-playing-card,.player-option-menu,.channel-details{background:#0e1222f0}}:root[data-theme=light]{color:#102033;background:#f4f8fb;color-scheme:light;--bg: #f4f8fb;--bg-deep: #e9f1f8;--surface: rgba(255, 255, 255, .74);--surface-bright: rgba(255, 255, 255, .86);--surface-strong: rgba(244, 249, 253, .94);--line: rgba(22, 54, 82, .13);--line-strong: rgba(22, 54, 82, .22);--text: #102033;--muted: #617083;--muted-strong: #374b63;--accent: #007aff;--accent-strong: #5f55d6;--accent-hot: #c455a8;--success: #00a884;--warning: #996f00;--danger: #c93f4d;--shadow-soft: 0 24px 70px rgba(27, 52, 78, .14);--shadow-hard: 0 30px 90px rgba(27, 52, 78, .18)}:root[data-theme=light] body{background:radial-gradient(circle at 18% -12%,rgba(0,122,255,.12),transparent 34rem),radial-gradient(circle at 90% 6%,rgba(95,85,214,.085),transparent 36rem),radial-gradient(circle at 50% 112%,rgba(196,85,168,.05),transparent 38rem),linear-gradient(180deg,#f8fbff,#f4f8fb 48%,#eaf2f9)}:root[data-theme=light] body:before{background:repeating-linear-gradient(90deg,rgba(16,32,51,.025) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgba(16,32,51,.018) 0 1px,transparent 1px 84px);opacity:.42}:root[data-theme=light] body:after{background:#ffffff14}:root[data-theme=light] .language-switch,:root[data-theme=light] .theme-switch,:root[data-theme=light] .hero-panel,:root[data-theme=light] .metric-card,:root[data-theme=light] .browser-panel,:root[data-theme=light] .player-panel{border-color:var(--line);background:linear-gradient(180deg,#ffffffd1,#f1f7fcb8);box-shadow:var(--shadow-soft)}:root[data-theme=light] .hero-panel:before,:root[data-theme=light] .browser-panel:before,:root[data-theme=light] .player-panel:before,:root[data-theme=light] .metric-card:before{border-top-color:#ffffffb3;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 42%)}:root[data-theme=light] .hero-panel:after{background:radial-gradient(circle at 38% 34%,rgba(0,122,255,.11),transparent 8rem),radial-gradient(circle at 68% 64%,rgba(95,85,214,.075),transparent 10rem),#007aff06}:root[data-theme=light] .brand-mark,:root[data-theme=light] .channel-logo,:root[data-theme=light] .language-switch button.active,:root[data-theme=light] .theme-switch button.active,:root[data-theme=light] .url-row button,:root[data-theme=light] .big-favorite,:root[data-theme=light] .filter-button.active,:root[data-theme=light] .center-play-button,:root[data-theme=light] .control-button.active,:root[data-theme=light] .control-button.primary,:root[data-theme=light] .theater-guide-row em{color:#05182c;background:linear-gradient(180deg,#7adfff,#6cd6c3)}:root[data-theme=light] .playlist-form,:root[data-theme=light] .now-playing-card,:root[data-theme=light] .player-option-menu,:root[data-theme=light] .channel-details,:root[data-theme=light] .theater-channel-guide{border-color:var(--line);background:#ffffffad;box-shadow:inset 0 1px #ffffffa6,0 18px 44px #1b344e1f}:root[data-theme=light] .url-row input,:root[data-theme=light] .search-box input,:root[data-theme=light] .theater-guide-search,:root[data-theme=light] .track-select select{border-color:#16365224;color:var(--text);background:#ffffffc7;box-shadow:inset 0 1px #ffffffb3,0 10px 28px #1b344e14}:root[data-theme=light] .url-row input:focus,:root[data-theme=light] .search-box input:focus,:root[data-theme=light] .theater-guide-search:focus,:root[data-theme=light] .track-select select:focus{border-color:#007aff80;background:#ffffffeb;box-shadow:0 0 0 5px #007aff17,0 16px 34px #1b344e1f}:root[data-theme=light] .loaded-source,:root[data-theme=light] .sync-pill,:root[data-theme=light] .pill,:root[data-theme=light] .status-badge,:root[data-theme=light] .filter-button,:root[data-theme=light] .channel-main,:root[data-theme=light] .favorite-toggle,:root[data-theme=light] .theater-guide-row,:root[data-theme=light] .empty-state{border-color:#1636521f;color:var(--text);background:#ffffff94}:root[data-theme=light] .state-ready,:root[data-theme=light] .status-ready,:root[data-theme=light] .status-idle,:root[data-theme=light] .pill{border-color:#007aff33;color:#075e8f;background:#007aff11}:root[data-theme=light] .channel-row.active .channel-main,:root[data-theme=light] .theater-guide-row:hover,:root[data-theme=light] .theater-guide-row.active{border-color:#007aff47;background:linear-gradient(135deg,#007aff14,#5f55d60b)}:root[data-theme=light] .video-frame{border-color:#000;background:#000;box-shadow:inset 0 0 0 1px #000,0 24px 70px #1b344e33}:root[data-theme=light] .player-panel.has-channel{background:radial-gradient(circle at 10% 0%,rgba(0,122,255,.06),transparent 24rem),radial-gradient(circle at 100% 10%,rgba(95,85,214,.05),transparent 28rem),linear-gradient(180deg,#ffffffd1,#f1f7fcbd)}:root[data-theme=light] .player-chrome,:root[data-theme=light] .control-button,:root[data-theme=light] .player-option-dock summary{color:#edf6ff}:root[data-theme=light] .control-button,:root[data-theme=light] .player-option-dock summary{border-color:#ffffff2e;background:#06111f94}:root[data-theme=light] .detail-row code{color:#0a4f77;background:#ffffffb8}