:root{color-scheme:dark;--bg:#0b0e15;--panel:#10141f;--raised:#1b2233;--line:#242a39;--text:#edf1fa;--muted:#8491aa;--blue:#3c88ff;--active:#1a2b4b;--green:#a9ed48}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{display:none}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:6px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#25324a;border-color:#42516d}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:var(--blue);text-decoration:none}input,select{border:1px solid #30394e;border-radius:6px;padding:9px 11px;color:var(--text);background:#1b2233;outline:none;min-width:0}input:focus,select:focus{border-color:var(--blue)}input::placeholder{color:#6d7b95}h1,h2,h3,p{margin:0}h1{font-size:19px;letter-spacing:-.5px}h2{font-size:16px}h3{font-size:14px}.muted{color:var(--muted);font-size:12px}.topbar{height:53px;padding:0 16px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#10141e;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:8px;color:white;font-size:16px;font-weight:800;letter-spacing:.8px;min-width:134px;max-width:190px}.brand-mark{display:grid;place-items:center;width:29px;height:31px;background:var(--green);color:#15200c;border-radius:6px;font-style:italic;font-size:24px;flex-shrink:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:none}.topnav button{flex-shrink:0;border:0;background:transparent;color:#8d9ab4;font-size:11px;white-space:nowrap;padding:8px 11px;gap:6px}.topnav svg{width:15px;height:15px}.topnav button.active{background:var(--active);color:var(--blue)}.account{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.account>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;background:#1c2336;border-radius:15px;padding:5px 10px}.icon-button{width:32px;height:32px;padding:6px;background:#171d29}.primary{background:#2c73df;color:#fff;border-color:#3d87ee;font-weight:600}.primary:hover{background:#3b84f2;border-color:#5099ff}.quiet{background:transparent;color:var(--muted);font-size:11px}.full{width:100%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--blue)}.message{border:1px solid #614239;background:#2d201e;color:#f6bcb0;padding:11px 13px;border-radius:6px;font-size:12px;margin:15px 20px;line-height:1.65}.danger{background:#2e1d23;color:#eea3a4;border-color:#59323c}.watch-layout{display:grid;grid-template-columns:245px 260px minmax(0,1fr);height:calc(100dvh - 53px);min-height:550px}.categories,.channel-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0}.aside-heading,.channel-heading{height:95px;flex-shrink:0;padding:16px 14px;border-bottom:1px solid var(--line)}.aside-heading h2,.channel-heading h2{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.aside-heading input,.channel-heading input{width:100%;font-size:11px;padding:8px 10px}.counter{background:#1a243a;color:#6c9be6;border-radius:10px;font-size:10px;padding:1px 7px;font-weight:400}.categories nav{flex:1;overflow:auto;padding:7px;scrollbar-width:thin;scrollbar-color:#283046 transparent}.categories nav button{display:flex;justify-content:space-between;width:100%;border:1px solid transparent;background:transparent;font-size:11px;padding:8px 9px;gap:7px;text-align:left;min-height:33px;margin:1px 0;color:#dae2f1}.categories nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories nav button small{font-size:9px;color:#6687b9;background:#172137;padding:0 5px;border-radius:8px;font-weight:400}.categories nav button.active{background:var(--active);border-color:#2a4773;color:var(--blue)}.categories nav button:hover{background:#172135}.connection-label{border-top:1px solid var(--line);padding:12px 15px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px}.connection-label i{width:5px;height:5px;border-radius:50%;background:#72ad6c}.channel-list{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#283046 transparent;padding:6px}.list-summary{font-size:10px;color:var(--muted);padding:7px 14px}.channel-row{display:flex;border:1px solid transparent;border-radius:6px;margin:2px 0;align-items:center;min-width:0}.channel-row.active{background:var(--active);border-color:#2a4773}.channel-row:hover{background:#172031}.channel-button{display:flex;align-items:center;flex:1;min-width:0;justify-content:flex-start;text-align:left;gap:9px;padding:9px 7px;border:0;background:none}.channel-button:hover{background:none;border:0}.channel-symbol{width:31px;height:31px;background:#1e2a40;border:1px solid #2d3c57;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#a5b5d5;flex-shrink:0;overflow:hidden}.channel-symbol img{width:100%;height:100%;object-fit:contain}.channel-button .title{min-width:0}.channel-button strong{font-size:11px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-button small{display:block;color:#71819b;font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-fav{border:0;background:none;padding:6px;color:#6c7b95;font-size:15px}.channel-fav.selected,.favorite-current.selected{color:#ff6b9b}.channel-panel>.full{width:calc(100% - 20px);margin:8px 10px}.empty{text-align:center;color:var(--muted);font-size:12px;padding:30px 15px}.theater{min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#283046 transparent}.theater-heading{height:75px;border-bottom:1px solid #191f2c;padding:15px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.theater-heading p{font-size:11px;color:var(--muted);margin-top:3px}.heading-actions{display:flex;gap:8px}.screen{aspect-ratio:16/9;background:#000;position:relative;margin:18px 32px 0;border-radius:8px;overflow:hidden}.screen video{width:100%;height:100%;background:#000;display:block}.screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;color:#6e85b2;text-align:center;padding:20px;pointer-events:none}.screen-overlay>svg{width:38px;height:38px;stroke-width:1.3;color:#2e364d}.screen-overlay h3{font-size:13px;font-weight:500}.screen-overlay p{font-size:11px;max-width:600px;color:var(--muted);line-height:1.7}.screen-overlay button{pointer-events:auto}.now-playing{display:flex;align-items:center;gap:13px;margin:18px 32px 0}.now-icon{width:42px;height:42px;border:1px solid #334563;border-radius:7px;background:#19243a;color:#9bbcf2;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.now-description{min-width:0}.now-description h2{font-size:16px;overflow-wrap:anywhere;margin:3px 0}.now-description p{font-size:11px;color:var(--muted)}.live-badge{font-size:9px;letter-spacing:1.5px;color:var(--blue)}.favorite-current{margin-left:auto;background:none;border:0;font-size:24px;color:var(--muted);padding:5px 10px}.playback-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:19px 32px 0;border-top:1px solid var(--line);padding-top:15px}.playback-tools>.quiet{padding:8px 10px}.track-tools{display:flex;gap:8px;margin-left:auto;align-items:center}.track-tools select{font-size:10px;padding:8px;max-width:155px}.playback-status{font-size:11px;color:var(--muted);margin:13px 32px 20px}.diagnostic{background:#141c2b;border:1px solid #2b4165;border-radius:7px;padding:15px;color:#b4c7e5;font-size:12px;margin:15px 32px}.radio-art{position:absolute;inset:0 0 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:radial-gradient(ellipse,#1b2e50,#080d16 75%);pointer-events:none}.radio-art>svg{width:65px;height:65px;color:#5f9eff}.radio-art h2{font-size:24px;max-width:80%;text-align:center}.radio-art p{font-size:9px;color:var(--muted);letter-spacing:2px}.equalizer{height:35px;display:flex;align-items:center;gap:5px}.equalizer i{width:5px;height:20px;background:#3c88ff;border-radius:2px;animation:wave .8s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.3s}.equalizer i:nth-child(3){animation-delay:.5s}.equalizer i:nth-child(4){animation-delay:.2s}.equalizer i:nth-child(5){animation-delay:.6s}@keyframes wave{to{height:6px;opacity:.4}}.screen:fullscreen{width:100vw;height:100vh;margin:0;border-radius:0;aspect-ratio:auto}.screen:fullscreen video{object-fit:contain}.watch-layout.library{grid-template-columns:245px minmax(0,1fr)}.library .channel-panel{display:none}#libraryPane{padding:20px 24px 35px}.shelf-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 17px}.shelf-title h2{font-size:16px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px 17px}.media-grid.compact{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));max-height:315px;overflow:hidden;margin-bottom:30px}.media-card{min-width:0;position:relative}.poster-button{padding:0;display:block;width:100%;background:none;border:0;text-align:left}.poster{aspect-ratio:2/3;border-radius:7px;overflow:hidden;border:1px solid #283650;background:linear-gradient(135deg,#1c3152,#101a2b);display:grid;place-items:center;position:relative;color:#526e9c;font-size:40px;font-weight:700}.poster img{height:100%;width:100%;object-fit:cover;display:block}.poster svg{width:42px;height:42px;color:#49658d}.poster-button:hover .poster{border-color:#4a8ef4;box-shadow:0 0 0 2px #367cdd20}.poster-button strong{display:block;font-size:12px;line-height:1.45;margin:10px 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.poster-button small{display:block;font-size:10px;color:var(--muted)}.card-favorite{position:absolute;right:7px;top:7px;background:#0c1222c9;border:1px solid #425173;border-radius:50%;height:28px;width:28px;padding:0;color:#a4b7db;font-size:17px}.card-favorite.selected{color:#ff83ab}.poster-progress{position:absolute;bottom:0;left:0;right:0;height:4px;width:100%;border:0;border-radius:0;background:#222f48;appearance:none}.poster-progress::-webkit-progress-bar{background:#222f48}.poster-progress::-webkit-progress-value{background:#448df5}.poster-progress::-moz-progress-bar{background:#448df5}.poster-tag{position:absolute;left:8px;bottom:10px;background:#0b1223dd;padding:3px 6px;border-radius:3px;font-size:9px;color:#afc9f6}.library-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px;color:var(--muted)}.library-empty svg{width:40px;height:40px;color:#394861}.library-empty h2{font-size:17px;color:#9cafce}.library-empty p{font-size:12px;max-width:550px}.global-search{display:flex;align-items:center;gap:10px;background:#121b2c;padding:13px;border-radius:8px;margin-bottom:26px;border:1px solid #2d3d5b}.global-search input{flex:1;background:none;border:0;font-size:13px}.global-search select{max-width:130px;font-size:11px}#moreCards{display:flex;margin:25px auto 0}.guide-pane{padding:22px 32px 35px}.epg-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:flex-start;gap:18px}.epg-time{width:100px;flex-shrink:0;font-size:11px;color:#7f96ba}.epg-description{flex:1;min-width:0}.epg-description h3{font-size:13px;margin-bottom:4px}.epg-description p{font-size:11px;color:var(--muted);max-width:750px}.epg-row.current h3{color:var(--blue)}.epg-row button{font-size:11px;padding:7px 11px}.epg-description progress{width:100%;height:3px;margin-top:9px;accent-color:var(--blue)}dialog{width:min(850px,94vw);max-height:90dvh;overflow:auto;border:1px solid #364761;border-radius:11px;background:#121927;color:var(--text);padding:24px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#03050acb;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-top h2{font-size:20px}.dialog-top .icon-button{font-size:22px}.detail-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px}.detail-poster .poster{height:270px}.detail-text h2{font-size:28px;letter-spacing:-.7px}.detail-text .muted{margin:9px 0 15px}.detail-text>p:not(.muted){font-size:12px;color:#a2aec3;line-height:1.85}.detail-cast{margin-top:14px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-actions button{font-size:12px}.season-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.season-heading select{font-size:12px;min-width:140px}.episode-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px 12px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.episode-row span{font-size:12px}.episode-row small{color:var(--muted);font-size:10px}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#0d1422;border-radius:8px;margin-bottom:24px}.account-details dt{font-size:10px;color:var(--muted)}.account-details dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}#settingsDialog{max-width:550px}#settingsDialog label{display:block;font-size:12px;margin:20px 0}#settingsDialog label select{width:100%;display:block;margin-top:9px}.checkbox-label{display:flex!important;align-items:center;gap:10px}.checkbox-label input{accent-color:var(--blue)}#settingsDialog .danger{margin-top:25px}.setup-layout{max-width:1150px;margin:auto;min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding:55px 40px}.intro h1{font-size:55px;letter-spacing:-2.2px;line-height:1.1;margin:20px 0}.intro h1>span{color:var(--blue)}.intro>p{font-size:15px;color:var(--muted);max-width:340px;line-height:1.8}.intro-screen{height:170px;border:1px solid #304b76;border-radius:12px;background:radial-gradient(ellipse at 50% 20%,#233e69,#111d30);position:relative;margin-top:35px;overflow:hidden}.screen-logo{font-size:120px;font-weight:900;font-style:italic;color:#7398d225;position:absolute;left:25px;top:5px}.intro-screen>span{position:absolute;left:24px;bottom:18px;font-size:9px;letter-spacing:2px;color:#8eaee0}.signal{position:absolute;right:30px;bottom:30px;display:flex;gap:8px;align-items:flex-end;height:80px}.signal i{display:block;width:12px;height:35%;background:#599af6;border-radius:4px;opacity:.5}.signal i:nth-child(2){height:60%}.signal i:nth-child(3){height:100%;opacity:.9}.signal i:nth-child(4){height:75%}.signal i:nth-child(5){height:50%}.feature-row{display:flex;gap:22px;margin-top:25px;font-size:10px;color:var(--muted)}.feature-row span::before{content:'✓';color:var(--blue);margin-right:6px}.setup-card{padding:32px;border:1px solid #2c3d58;background:linear-gradient(135deg,#1a263b,#101925);border-radius:13px}.setup-card h2{font-size:27px;margin:10px 0}.setup-card label{display:block;margin:22px 0 9px;font-size:12px}.setup-card input,.setup-card select{width:100%;display:block;margin-top:8px;padding:12px}.setup-card .full{margin-top:22px;padding:12px}.setup-card .full>span{margin-left:auto}.setup-card .message{margin:0 0 20px}.password-field{display:block;position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:0;top:0;border:0;height:42px}.text-button{display:block;margin:20px auto 0;background:none;border:0;color:var(--muted);text-decoration:underline;font-size:11px;padding:0}.login-note{text-align:center;font-size:10px;color:var(--muted);margin-top:17px}.code-label{font-size:10px;color:var(--muted);letter-spacing:2px;display:block;margin-top:25px}.activation-code{font-size:32px;letter-spacing:5px;color:#75acff;display:block;text-align:center;padding:16px;border:1px solid #46699f;border-radius:8px;background:#0c1525;margin:10px 0 18px}.waiting{display:flex;align-items:center;gap:8px;color:#75acff;font-size:12px;margin-top:20px}.waiting i{height:6px;width:6px;border-radius:50%;background:#75acff}.setup-card #codeBox>p{color:var(--muted);font-size:12px;margin-bottom:12px}footer{max-width:1150px;margin:auto;padding:15px 40px;color:#61718b;font-size:10px;display:flex;justify-content:space-between}@media(min-width:1800px){.watch-layout{grid-template-columns:250px 255px minmax(0,1fr)}.watch-layout.library{grid-template-columns:250px minmax(0,1fr)}.screen{margin:18px 78px 0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media(max-width:1250px){.watch-layout{grid-template-columns:190px 215px minmax(0,1fr)}.watch-layout.library{grid-template-columns:190px minmax(0,1fr)}.brand{min-width:105px;max-width:135px;font-size:14px}.topnav button{font-size:10px;padding:8px}.topnav button svg{width:13px}.account>span{display:none}.screen{margin:15px 18px 0}.now-playing,.playback-tools{margin-left:18px;margin-right:18px}.track-tools{margin-left:0}.guide-pane{padding:20px 18px}.topbar{gap:8px;padding:0 10px}}@media(max-width:850px){.topbar{height:auto;min-height:54px;flex-wrap:wrap;padding:10px 13px 0;gap:9px}.brand{max-width:170px;min-width:125px}.account{order:1}.topnav{order:2;flex-basis:100%;padding-bottom:8px}.watch-layout{height:auto;min-height:calc(100dvh - 100px);display:flex;flex-direction:column}.theater{order:0;overflow:visible}.categories{order:1;border-top:1px solid var(--line);border-right:0;max-height:240px}.channel-panel{order:2;max-height:500px;border-right:0;border-top:1px solid var(--line)}.aside-heading{height:auto;padding:12px 14px}.aside-heading h2{margin-bottom:8px}.categories nav{max-height:150px}.connection-label{display:none}.channel-heading{height:auto;padding:12px 14px}.channel-list{min-height:130px}.theater-heading{height:auto;min-height:65px;padding:14px 16px}.screen{margin:14px 14px 0}.now-playing,.playback-tools{margin-left:15px;margin-right:15px}.playback-status{margin-left:15px;margin-right:15px}.screen-overlay{gap:10px}.screen-overlay>svg{width:30px}.screen-overlay h3{font-size:12px}.screen-overlay p{font-size:10px}.playback-tools{gap:6px}.playback-tools>.quiet{font-size:10px;padding:7px 8px}.track-tools{gap:5px}.track-tools select{font-size:9px;max-width:130px}.watch-layout.library .categories{order:0;max-height:200px}.watch-layout.library .theater{order:1}.library .categories nav{display:flex;white-space:nowrap;overflow-x:auto;max-height:70px}.library .categories nav button{width:auto;flex-shrink:0}.library .categories nav button small{margin-left:8px}.library .aside-heading{display:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:18px 12px}#libraryPane{padding:18px 15px}.media-grid.compact{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));max-height:290px}.global-search{flex-wrap:wrap;gap:8px;padding:10px}.global-search input{width:calc(100% - 30px);flex:auto}.global-search select{flex:1;max-width:none}.global-search button{padding:8px 15px}.detail-layout{grid-template-columns:110px minmax(0,1fr);gap:15px}.detail-poster .poster{height:165px}.detail-text h2{font-size:22px}.detail-text>p:not(.muted){font-size:11px}.detail-cast{display:none}.detail-actions{gap:7px}.detail-actions button{font-size:10px;padding:8px}.epg-row{gap:10px}.epg-time{width:70px;font-size:10px}.epg-description h3{font-size:12px}.epg-description p{font-size:10px}.epg-row button{font-size:10px;padding:7px}.setup-layout{display:block;padding:35px 22px;min-height:calc(100vh - 110px)}.intro h1{font-size:34px;letter-spacing:-1px;margin:0 0 25px}.intro h1 br,.intro .eyebrow,.intro>p,.intro-screen,.feature-row{display:none}.setup-card{padding:25px;max-width:500px;margin:auto}.intro{max-width:500px;margin:auto}.setup-card h2{font-size:24px}.radio-art{gap:10px}.radio-art>svg{width:37px;height:37px}.radio-art h2{font-size:18px}.equalizer{height:23px}.radio-art p{font-size:8px}.diagnostic{margin:15px}dialog{padding:19px}.guide-pane{padding:20px 15px}.shelf-title h2{font-size:15px}footer{padding:15px 22px}}@media(prefers-reduced-motion:reduce){.equalizer i{animation:none}}
