@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0c11;--panel:#17151e;--muted:#99959f;--purple:#b59af8;--line:#ffffff14}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f9f7fc;font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}a{color:inherit;text-decoration:none}button,a,input,select{transition:background .2s,color .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button:disabled{opacity:.4;cursor:default}img{display:block;width:100%;object-fit:cover}h1,h2,h3,strong{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}svg{flex-shrink:0}input{min-width:0}.topbar{height:88px;padding:0 4.3%;display:flex;align-items:center;gap:70px;position:sticky;top:0;z-index:15;background:#0c0c11ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff08}.brand{font-family:Manrope;font-size:29px;font-weight:800;letter-spacing:-1.9px;display:flex;align-items:center;padding:0;position:relative;flex-shrink:0}.brand span{font-size:9px;font-weight:600;letter-spacing:1.4px;background:#b59af822;color:#c3abf6;border:1px solid #b59af839;padding:3px 5px;border-radius:3px;margin:3px 0 0 8px}.brand i{width:5px;height:5px;border-radius:50%;background:var(--purple);position:absolute;left:99px;top:4px}.topbar nav{display:flex;align-items:center;gap:28px;height:100%}.topbar nav button{font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:7px;height:100%;color:#a4a0ac;position:relative;padding:0}.topbar nav button:hover,.topbar nav button.active{color:white}.topbar nav button.active:after{content:'';height:2px;width:22px;border-radius:2px;background:var(--purple);position:absolute;bottom:21px;left:0}.live-indicator,.live-pill i{background:#d46a7b;width:5px;height:5px;border-radius:50%;display:inline-block}.top-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.icon-button:hover{background:#ffffff14}.top-divider{width:1px;height:22px;background:var(--line)}.avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#66567d,#3e3252);border:1px solid #ab90c759;font-size:12px}.search-panel{display:flex;align-items:center;gap:18px;padding:17px 4.3%;background:#18151f;position:sticky;top:88px;z-index:14;border-bottom:1px solid var(--line)}.search-panel input{flex:1;border:0;background:transparent;color:white;font-size:17px;padding:10px;outline:0}.content-shell{padding:0 4.3%;max-width:2100px;margin:auto}.hero{min-height:580px;height:calc(100vh - 160px);max-height:720px;background-size:cover;background-position:center 27%;position:relative;display:flex;align-items:center;padding:35px 4.3% 85px}.hero-copy{max-width:560px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600;color:#bcb4cb;display:flex;align-items:center;gap:9px}.purple-line{height:1px;width:23px;background:var(--purple)}.hero h1{font-size:clamp(40px,4.5vw,70px);font-weight:800;line-height:1.04;letter-spacing:-2.8px;margin:26px 0 20px;max-width:640px}.hero-copy>p{line-height:1.8;color:#c4bdcd;font-size:13px;max-width:460px;margin:19px 0 28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.title-meta{display:flex;align-items:center;gap:15px;color:#bcb3c7;font-size:11px}.rating{color:#c5dbbb;font-weight:600}.quality{font-size:9px;border:1px solid #ffffff40;padding:2px 4px;border-radius:3px;font-weight:600}.button-row{display:flex;gap:12px;align-items:center}.play-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:6px;font-weight:600;font-size:12px}.play-button{color:#15101f;background:#e6d9ff}.play-button:hover{background:#f4edff;transform:translateY(-1px)}.soft-button{background:#ffffff0e;border:1px solid #ffffff24;color:#ede7f6}.soft-button:hover{background:#ffffff1d}.round-action{height:43px;width:43px;border-radius:50%;border:1px solid #ffffff3b;display:grid;place-items:center;background:#18121c66}.round-action:hover{background:#ffffff1a}.is-on{color:#c6a7ff!important}.hero-pagination{position:absolute;bottom:65px;right:4.3%;display:flex;align-items:center;gap:7px}.hero-pagination button{height:3px;width:18px;background:#ffffff3b;border-radius:3px;padding:0}.hero-pagination button.selected{width:38px;background:var(--purple)}.hero-pagination span{font-size:9px;letter-spacing:2px;color:#bfb5cc;margin-left:13px}.home-content{margin-top:-25px;position:relative}.media-rail{margin-bottom:36px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.row-heading h2{font-size:18px;letter-spacing:-.45px;font-weight:600;margin:0}.row-heading h3{margin:0}.rail-controls{display:flex;gap:6px}.rail-controls button{height:27px;width:27px;display:grid;place-items:center;border:1px solid #ffffff15;border-radius:50%;color:#b5a8c1}.rail-controls button:hover{background:#ffffff13;color:white}.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;scrollbar-width:none;padding:4px 0 8px;scroll-snap-type:x proximity}.rail-track::-webkit-scrollbar{display:none}.rail-track.wide{grid-auto-columns:calc((100% - 48px)/4)}.media-card{min-width:0;position:relative;scroll-snap-align:start}.artwork{display:block;position:relative;width:100%;padding:0;aspect-ratio:2/3;background:#201927;border-radius:8px;overflow:hidden;border:1px solid #ffffff0c;isolation:isolate}.artwork img{height:100%;transition:transform .35s,filter .35s}.artwork:hover img{transform:scale(1.045);filter:brightness(.75)}.card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:#0002}.artwork:hover .card-play,.artwork:focus-visible .card-play{opacity:1}.rank{position:absolute;bottom:9px;left:11px;font-size:45px;font-family:Manrope;font-weight:800;letter-spacing:-3px;text-shadow:0 2px 20px #0009;color:#fff;line-height:1}.card-caption{padding:12px 0 4px;display:flex;align-items:flex-start;gap:6px;position:relative}.card-caption>button{padding:0;text-align:left;min-width:0;flex:1}.card-caption strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption small{display:block;color:#807888;font-size:9px;margin-top:5px}.card-actions{display:flex;gap:1px;align-items:center;margin-top:-3px}.card-actions button{width:23px;height:25px;color:#a89cb6;display:grid;place-items:center;padding:0;border-radius:5px}.card-actions button:hover{color:white;background:#ffffff12}.landscape .artwork{aspect-ratio:16/9}.progress-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff44}.progress-track>span{height:100%;display:block;background:#b899f6}.poster-placeholder{height:100%;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;padding:20px;color:#a18aaf;font-family:Manrope}.live-banner{display:flex;gap:20px;align-items:center;border:1px solid #9f81c62a;background:linear-gradient(110deg,#21192c,#15121c);padding:23px 26px;margin:10px 0 36px;border-radius:10px}.live-icon{display:grid;place-items:center;color:#c2a3f6;width:51px;height:51px;border-radius:50%;background:#9b73d61a;border:1px solid #a284cd26}.live-banner h3{font-size:17px;letter-spacing:-.3px;margin:7px 0}.live-banner p{margin:0;color:#91859f;font-size:11px}.live-banner .soft-button{margin-left:auto;white-space:nowrap;font-size:11px}.live-banner .eyebrow{font-size:8px;letter-spacing:1.5px;color:#b199d1}.page-title{padding:45px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-title h1{font-size:36px;letter-spacing:-1.4px;font-weight:600;margin:13px 0 12px}.page-title p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 27px;margin-bottom:5px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{padding:10px 18px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:#a79cb3}.tabs button.selected{background:#b49bdc26;border-color:#b49bdc40;color:#e1ceff}.filter-selects{display:flex;gap:15px}.filter-selects label{display:flex;gap:10px;align-items:center}.filter-selects select,select{border:1px solid #ffffff22;background:#211a2b;color:#d9cce6;padding:10px 14px;border-radius:6px;font-size:12px;max-width:100%}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 17px}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:40px 0;font-size:12px;color:#aa9ab9}.library-count{font-family:Manrope;font-size:32px;font-weight:600;color:#d6c0f0;text-align:center}.library-count small{font-family:'DM Sans';font-size:8px;display:block;letter-spacing:1.8px;color:#8b7c99;margin-top:5px}.empty-state{padding:75px 20px;text-align:center;max-width:620px;margin:auto;grid-column:1/-1;color:#b1a2c0}.empty-state>svg{width:34px;height:34px;margin-bottom:18px;color:#9e7aca}.empty-state h3{font-size:23px;color:#e9def4;letter-spacing:-.7px}.empty-state p{font-size:13px;line-height:1.8;color:#8e819d}.empty-state .soft-button{margin-top:12px}.fine-print{font-size:10px;line-height:1.7;color:#766d80;margin:25px 0}.fine-print a{color:#b4a1c6;text-decoration:underline}.library-page{min-height:65vh}.live-favourite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.live-favourite-grid>button{display:flex;flex-direction:column;gap:15px;padding:30px;border:1px solid var(--line);border-radius:9px;background:#18131f}.live-favourite-grid>button svg{color:var(--purple)}.live-favourite-grid>button span{font-size:11px;color:var(--muted)}footer{padding:38px 4.3% 35px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);margin-top:50px}footer .brand{font-size:22px;color:#8c8198}footer .brand span{font-size:7px}footer p{font-size:10px;color:#6f657b;margin:0}footer>span{margin-left:auto;font-size:8px;color:#6f657b}footer a{color:#a192af}.toast{position:fixed;z-index:60;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 22px;background:#332443;border:1px solid #b493dc55;border-radius:9px;box-shadow:0 10px 45px #0007;color:#eadcf7;font-size:12px;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:30px 0}.skeleton-grid>div{aspect-ratio:2/3;background:linear-gradient(100deg,#1b1622,#27202f,#1b1622);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:9px}@keyframes shimmer{to{background-position:-200% 0}}.error-box{padding:30px;border:1px solid #ff839a44;background:#421f2c;border-radius:9px;font-size:13px}.error-box button{margin-left:15px}.muted{color:var(--muted)}
/* Title details and playback */
.modal-shade{position:fixed;inset:0;z-index:40;background:#020205d9;backdrop-filter:blur(10px);overflow-y:auto;padding:45px 25px}.detail-modal{width:min(950px,100%);margin:auto;position:relative;background:#17151e;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;box-shadow:0 35px 100px #0009}.modal-close{position:absolute;right:16px;top:16px;z-index:4;background:#08060dde;border:1px solid #ffffff30}.detail-backdrop{min-height:400px;padding:185px 40px 25px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.detail-backdrop .pill{font-size:9px;letter-spacing:3px;color:#d5c7e8;font-weight:700}.detail-backdrop h2{font-size:43px;font-weight:800;letter-spacing:-1.8px;line-height:1.08;margin:16px 0 25px;max-width:700px}.detail-content{padding:24px 40px 30px}.detail-content>h2{font-size:25px;letter-spacing:-.7px;margin:0 0 15px}.synopsis{line-height:1.9;font-size:13px;color:#b3a7c0;margin:18px 0;max-width:750px}.player-select-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0 30px}.player-select-row label{display:flex;align-items:center;gap:10px;color:#9b8bab;font-size:11px}.text-button{display:flex;align-items:center;gap:8px;font-size:12px;color:#b7a1ce}.text-button:hover{color:white}.screen{padding-top:50px;background:#050306}.screen iframe{width:100%;aspect-ratio:16/9;display:block;border:0}.screen-tools{display:flex;align-items:center;gap:20px;padding:14px 20px;font-size:10px;color:#a795b9}.screen-tools>span{margin-right:auto;display:flex;gap:7px;align-items:center}.screen-tools button{display:flex;align-items:center}.purple-dot{width:5px;height:5px;border-radius:50%;background:var(--purple);display:inline-block}.episodes .row-heading{margin:26px 0 18px}.episodes h3{font-size:19px;margin-right:auto}.episode-row{width:100%;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:17px 12px;text-align:left;border-radius:6px}.episode-row:hover,.episode-row.selected{background:#ffffff06}.episode-number{color:#8e7f9c;font-size:18px;width:18px;flex-shrink:0}.episode-row img,.episode-placeholder{width:135px;aspect-ratio:16/9;border-radius:5px;flex-shrink:0;background:#292034}.episode-placeholder{display:grid;place-items:center}.episode-row strong{font-size:13px}.episode-row p{font-size:11px;color:#8f829e;line-height:1.7;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-row small{margin-left:auto;color:#a08db2;font-size:10px;white-space:nowrap}
/* Live TV */
.live-pill{padding:8px 12px;display:flex;align-items:center;gap:7px;color:#d6bcc5;letter-spacing:1.3px;font-size:10px;background:#d46a7b0e;border:1px solid #d46a7b28;border-radius:5px;white-space:nowrap}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px}.live-stage{min-width:0}.live-video{position:relative;background:#030204;border:1px solid #ffffff15;border-radius:10px;overflow:hidden;aspect-ratio:16/9}.live-video video{display:block;width:100%;height:100%}.stream-status{position:absolute;inset:0;background:#100c17f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#ae94c6;pointer-events:none}.stream-status button{pointer-events:auto}.stream-status h3{font-size:18px;color:#d5c2e8;margin:20px 0 12px}.stream-status p{font-size:12px;line-height:1.8;margin:12px 0 20px}.live-now-info{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.live-now-info h2{font-size:24px;letter-spacing:-.7px;margin:10px 0}.live-now-info p{font-size:12px;color:#94859f;margin:0}.live-now-info .eyebrow{font-size:8px;color:#ad93c9}.live-note{display:flex;gap:10px;color:#7e6e8d;font-size:10px;margin-top:20px;align-items:center}.channel-sidebar{background:#141119;border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.channel-search{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#ffffff05;border:1px solid var(--line);border-radius:6px;color:#8d7f9e}.channel-search input{width:100%;background:transparent;border:0;color:#e8ddf3;outline:none;font-size:12px}.channel-categories{display:flex;gap:5px;flex-wrap:wrap;padding:16px 0}.channel-categories button{padding:7px 9px;font-size:10px;border:1px solid #ffffff0f;border-radius:5px;color:#a997b9}.channel-categories button.selected{background:#b18edc28;color:#d5bbed;border-color:#b18edc33}.channel-count{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8b789c;padding:2px 2px 13px}.channel-list{height:510px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a365c transparent}.channel-entry{display:flex;align-items:center;border:1px solid transparent;margin-bottom:4px;border-radius:6px;padding:3px}.channel-entry.selected{background:#b18edc0d;border-color:#b18edc38}.channel-select{display:flex;gap:11px;align-items:center;flex:1;min-width:0;text-align:left;padding:9px 6px}.channel-logo{height:37px;width:43px;border-radius:5px;background:#342d49;color:#d9cceb;display:grid;place-items:center;font-family:Manrope;font-size:12px;font-weight:800;letter-spacing:-.5px;flex-shrink:0}.cat-sports{background:#203e35;color:#b0deca}.cat-music{background:#473040;color:#e4b7da}.cat-entertainment{background:#443521;color:#e7d2ad}.cat-kids{background:#233d51;color:#aed5ee}.cat-lifestyle{background:#314530;color:#c7e1ac}.channel-select>span:nth-child(2){min-width:0}.channel-select strong{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-select small{display:block;font-size:9px;color:#8b799b;margin-top:5px}.channel-fav{width:27px;display:grid;place-items:center;color:#b99cd0;padding:0}.equalizer{margin-left:auto;display:flex;gap:2px;align-items:center;height:17px}.equalizer i{width:2px;background:#bd9aed;height:6px;animation:bars 1s infinite alternate}.equalizer i:nth-child(2){height:14px;animation-delay:.3s}.equalizer i:nth-child(3){height:10px;animation-delay:.5s}@keyframes bars{to{height:3px}}.empty-small{font-size:12px;color:#9c87ad;text-align:center;padding:35px 20px;line-height:1.8}
@media(min-width:1700px){.rail-track{grid-auto-columns:calc((100% - 112px)/8)}.poster-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.hero-copy{max-width:700px}.hero h1{font-size:80px}.hero-copy>p{max-width:560px;font-size:15px}.hero{max-height:800px}.live-layout{grid-template-columns:minmax(0,1fr) 420px}}
@media(max-width:1200px){.topbar{gap:40px}.topbar nav{gap:22px}.rail-track{grid-auto-columns:calc((100% - 48px)/4)}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rail-track.wide{grid-auto-columns:calc((100% - 32px)/3)}.live-layout{grid-template-columns:minmax(0,1fr) 300px}.channel-list{height:430px}.card-actions{gap:0}.card-actions button{width:21px}.live-banner h3{font-size:15px}.hero{min-height:530px}}
@media(max-width:900px){.topbar{gap:25px;padding:0 4%;height:78px}.topbar nav{gap:17px}.topbar nav button{font-size:11px}.brand{font-size:25px}.brand i{left:86px}.top-actions{gap:10px}.top-divider{display:none}.search-panel{top:78px}.hero h1{font-size:48px}.hero{height:570px;min-height:0;background-position:60% center}.hero-copy{max-width:460px}.hero-copy>p{max-width:370px}.live-layout{grid-template-columns:1fr}.channel-list{height:400px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:4px 15px}.channel-categories{flex-wrap:nowrap;overflow:auto}.live-favourite-grid{grid-template-columns:repeat(3,1fr)}.live-banner p{display:none}.live-banner{padding:20px}.live-banner h3{max-width:320px;line-height:1.5}.live-banner .soft-button{padding:12px;font-size:10px}.hero-pagination{bottom:45px}.home-content{margin-top:0}footer{flex-wrap:wrap}footer>span{width:100%;margin:0}.live-banner .live-icon{display:none}}
@media(max-width:650px){.topbar{height:auto;min-height:105px;flex-wrap:wrap;padding:15px 5% 0;gap:12px 20px}.topbar .brand{font-size:26px}.topbar .brand i{left:90px}.topbar nav{order:3;justify-content:space-between;width:100%;gap:16px;height:42px}.topbar nav button{font-size:11px;height:42px}.topbar nav button.active:after{bottom:0;width:100%}.top-actions{margin-left:auto}.avatar{width:29px;height:29px}.topbar .icon-button{width:30px;height:30px}.search-panel{top:105px;padding:12px 5%;gap:10px}.search-panel input{font-size:14px;padding:6px}.content-shell{padding:0 5%}.hero{height:530px;padding:35px 5% 55px;align-items:end;background-position:58% center}.hero-copy{max-width:100%;padding-top:70px}.hero h1{font-size:41px;letter-spacing:-1.9px;max-width:340px;line-height:1.06;margin:19px 0 15px}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:11px;max-width:320px;margin:16px 0 22px;-webkit-line-clamp:2}.title-meta{font-size:10px;gap:12px}.hero-pagination{right:5%;bottom:23px}.hero-pagination span{font-size:8px}.hero-pagination button{width:13px;height:2px}.hero-pagination button.selected{width:25px}.play-button,.soft-button{font-size:11px;padding:12px 16px;gap:8px}.round-action{height:39px;width:39px}.button-row{gap:9px}.row-heading h2{font-size:16px}.rail-track{grid-auto-columns:43%;gap:13px}.rail-track.wide{grid-auto-columns:78%;gap:13px}.media-rail{margin-bottom:27px}.rail-controls button{width:23px;height:23px}.card-caption strong{font-size:11px}.card-caption small{font-size:9px}.card-actions button{width:20px}.artwork{border-radius:7px}.rank{font-size:36px}.live-banner{padding:18px 17px;flex-wrap:wrap;gap:15px;margin:0 0 27px}.live-banner h3{font-size:16px;max-width:none}.live-banner .soft-button{margin:0;padding:10px 13px}.page-title{padding:32px 0 22px}.page-title h1{font-size:29px;letter-spacing:-1.1px;line-height:1.15;overflow-wrap:anywhere}.page-title p{font-size:11px}.page-title .eyebrow{font-size:8px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}.filter-bar{padding-bottom:20px}.filter-selects{gap:9px;max-width:100%}.filter-selects select{max-width:160px;font-size:10px;padding:9px 7px}.filter-selects label{gap:5px}.tabs{gap:6px}.tabs button{font-size:10px;padding:9px 11px}.library-count{font-size:26px}.library-count small{font-size:7px;letter-spacing:1px}.library-page .page-title{align-items:start}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:13px}.live-pill{font-size:8px;padding:7px}.live-page .page-title{align-items:start}.live-layout{gap:18px}.live-now-info{padding:20px 0}.live-now-info h2{font-size:21px}.live-now-info p{font-size:10px}.channel-sidebar{padding:12px}.channel-list{display:block;height:430px}.channel-categories{padding:13px 0}.channel-select strong{font-size:12px}.channel-select{padding:10px 6px}.live-note{font-size:9px;line-height:1.6}.live-favourite-grid{grid-template-columns:1fr 1fr;gap:12px}.live-favourite-grid>button{padding:23px 15px}.live-favourite-grid strong{font-size:12px}.stream-status{padding:16px}.stream-status h3{font-size:14px;margin:10px 0 5px}.stream-status p{font-size:10px;margin:5px 0 10px}.stream-status>svg{width:20px}.modal-shade{padding:10px 8px}.detail-modal{border-radius:10px}.detail-backdrop{padding:140px 22px 20px;min-height:340px}.detail-backdrop h2{font-size:33px}.detail-content{padding:18px 22px 24px}.synopsis{font-size:12px}.player-select-row{gap:15px;margin:20px 0}.player-select-row select{font-size:11px;padding:8px}.text-button{font-size:10px}.episode-row{gap:10px;padding:15px 0}.episode-row img,.episode-placeholder{width:85px}.episode-row strong{font-size:11px}.episode-row p{font-size:9px;line-height:1.5}.episode-number{font-size:14px;width:12px}.episode-row small{font-size:8px}.episodes h3{font-size:16px}.episodes select{font-size:10px;max-width:130px}.episodes .row-heading{flex-wrap:wrap}.screen-tools{gap:10px;padding:12px;font-size:9px}.screen-tools button{font-size:9px}.detail-content>h2{font-size:23px}.toast{max-width:90%;white-space:normal;font-size:11px;padding:13px 17px;bottom:18px}footer{padding:30px 5%;gap:20px;margin-top:35px}footer p{font-size:9px}footer>span{font-size:8px}.fine-print{font-size:9px}.empty-state{padding:50px 15px}.empty-state h3{font-size:21px}.empty-state p{font-size:12px}.live-banner .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.channel-filters{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:9px;padding-top:13px}.channel-filters label{display:grid;gap:6px;font-size:9px;color:#9c8aaa}.channel-filters select{width:100%;min-width:0;padding:9px 7px;font-size:10px;background:#211a2b}.channel-logo{position:relative;overflow:hidden}.channel-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3px;background:#ece8f1}.show-more-channels{width:100%;grid-column:1/-1;padding:14px 8px;border:1px solid #b18edc30;border-radius:6px;font-size:11px;color:#c6a8e0}.show-more-channels:hover{background:#b18edc12}
/* Focused cinema view */
.detail-modal.cinema-modal{width:min(1440px,100%);background:#0b0b0e;border-color:#ffffff13;border-radius:12px}.cinema-back{position:absolute;top:21px;left:21px;z-index:4;color:#b8b5c0}.cinema-heading{height:80px;padding:17px 28px 17px 76px;display:flex;align-items:center;justify-content:space-between}.cinema-heading h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.cinema-heading p{font-size:11px;color:#797581;margin:0}.cinema .screen{padding:0;background:black}.cinema .screen iframe{max-height:72vh;aspect-ratio:16/9}.cinema-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-bottom:1px solid #ffffff09;gap:14px}.cinema-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e768b}.cinema-toolbar>div{display:flex;gap:10px}.cinema-toolbar button{display:flex;align-items:center;gap:8px;font-size:11px;color:#a69caf;border:1px solid transparent;border-radius:6px;padding:8px 11px}.cinema-toolbar button:hover,.cinema-toolbar button.selected{background:#ffffff08;border-color:#ffffff13;color:#e5daef}.cinema-modal .detail-content{padding:0 28px}.cinema-modal .detail-content:empty{display:none}.cinema-modal .player-select-row{margin:22px 0}.cinema-modal .episodes{max-height:380px;overflow:auto;padding:0 10px 20px;scrollbar-width:thin}.cinema-modal .fine-print{margin:18px 0}.cinema-modal .screen iframe:focus{outline:none}.modal-shade:has(.cinema-modal){padding:24px;background:#030305f5}
/* Channel-guide grid */
.guide-title{display:flex;align-items:center;justify-content:space-between;padding:32px 0 24px}.guide-title h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:9px 0 0}.guide-title .eyebrow{font-size:8px}.guide-preview{display:flex;align-items:center;gap:30px;background:linear-gradient(110deg,#19131f,#111016);border:1px solid #ffffff10;border-radius:10px;padding:16px;margin-bottom:25px}.guide-preview .live-video{width:340px;flex-shrink:0;border:0;border-radius:6px}.guide-preview-info{padding:0 12px}.guide-preview-info h2{font-size:26px;margin:12px 0 10px;letter-spacing:-.8px}.guide-preview-info>p{font-size:11px;color:#a89bb4;margin-bottom:9px}.guide-programme-note{display:block;font-size:10px;color:#70677b;margin-bottom:20px}.guide-preview-info .soft-button{padding:10px 14px;font-size:10px}.guide-preview-info .round-action{width:34px;height:34px}.guide-filter-row{display:flex;align-items:center;gap:12px}.guide-filter-row .channel-search{width:300px;background:#15111c}.guide-filter-row select{font-size:11px;padding:11px 12px;max-width:220px}.guide-filter-row>span{margin-left:auto;font-size:10px;color:#81748d}.guide-categories{padding:16px 0 20px;flex-wrap:nowrap;overflow:auto}.guide-categories button{white-space:nowrap;padding:8px 13px}.guide-date{display:flex;align-items:center;gap:20px;margin-bottom:15px}.guide-date strong{font-size:12px;font-weight:500}.guide-date>span{font-size:9px;color:#766a82}.guide-scroll{border:1px solid #ffffff16;border-radius:8px;overflow:auto;max-height:690px;scrollbar-width:thin;scrollbar-color:#44334e #100e15}.guide-grid{min-width:800px}.guide-time-header,.guide-row{display:grid;grid-template-columns:280px minmax(520px,1fr)}.guide-time-header{height:51px;position:sticky;top:0;z-index:5;background:#1c1625;border-bottom:1px solid #ffffff16}.guide-channel-heading{position:sticky;left:0;background:#1c1625;padding:19px 20px;font-size:9px;letter-spacing:1.6px;color:#a08cac;z-index:6;border-right:1px solid #ffffff15}.guide-times{display:grid;grid-template-columns:repeat(4,1fr);position:relative;align-items:center}.guide-times>span:not(.guide-now-label){padding-left:15px;color:#a296b0;font-size:11px;border-left:1px solid #ffffff10}.guide-now-label{position:absolute;bottom:-7px;font-size:7px;letter-spacing:1px;background:#bc97f5;color:#1d0e2d;padding:4px 5px;border-radius:3px;z-index:4;transform:translateX(-50%)}.guide-row{min-height:76px;border-bottom:1px solid #ffffff09}.guide-row:last-child{border:0}.guide-channel{display:flex;align-items:center;gap:10px;position:sticky;left:0;background:#141118;border-right:1px solid #ffffff13;padding:12px;z-index:3}.guide-row.selected .guide-channel{background:#21172d}.guide-number{font-size:9px;color:#64566e;width:24px}.guide-channel-button{display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding:0;text-align:left}.guide-channel-button>span:last-child{min-width:0}.guide-channel-button strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.guide-channel-button small{display:block;font-size:8px;color:#7e6d8e;margin-top:6px}.guide-channel .channel-logo{width:36px;height:32px;font-size:10px}.guide-channel .channel-fav{width:20px;color:#897497}.guide-programmes{position:relative;padding:7px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff06 calc(25% - 1px),#ffffff06 25%)}.guide-broadcast{width:100%;height:100%;text-align:left;border-radius:5px;border:1px solid #ffffff0c;background:#19151fbd;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}.guide-broadcast:hover{background:#30213d;border-color:#bd91e45c}.guide-row.selected .guide-broadcast{background:#2c1e3a;border-color:#bb91e765}.guide-broadcast>span:first-child{display:flex;align-items:center;gap:10px}.guide-broadcast strong{font-size:11px;font-weight:500;color:#c8b8d5}.guide-broadcast svg{color:#9982ae}.guide-broadcast small{font-size:10px;color:#766681}.no-listings{font-size:9px;color:#66596e}.guide-now-line{position:absolute;top:0;bottom:0;width:1px;background:#b292d64f;z-index:2;pointer-events:none}.guide-broadcast .equalizer{margin-left:0}.guide-page .show-more-channels{margin-top:12px}
@media(max-width:900px){.guide-preview .live-video{width:300px}.guide-preview{gap:15px}.guide-preview-info h2{font-size:22px}.guide-programme-note{font-size:9px}.guide-time-header,.guide-row{grid-template-columns:240px minmax(520px,1fr)}.guide-grid{min-width:760px}.guide-filter-row .channel-search{flex:1;min-width:150px}.guide-filter-row>span{display:none}}
@media(max-width:650px){.modal-shade:has(.cinema-modal){padding:0}.detail-modal.cinema-modal{border:0;border-radius:0;min-height:100dvh}.cinema-heading{height:77px;padding:15px 15px 15px 55px}.cinema-heading h2{font-size:14px;max-width:260px}.cinema-heading p{font-size:9px;max-width:260px}.cinema-back{left:10px;top:22px;width:30px;height:30px}.cinema-heading>.icon-button{width:30px}.cinema-toolbar{padding:11px 12px;gap:8px;flex-wrap:wrap}.cinema-toolbar>div{gap:2px;margin-left:auto}.cinema-toolbar button{font-size:10px;padding:7px;gap:5px}.cinema-toolbar button svg{width:15px}.cinema-status{font-size:8px}.cinema-modal .detail-content{padding:0 16px}.cinema-modal .episodes{max-height:55vh;padding:0 0 15px}.guide-title{padding:26px 0 20px}.guide-title h1{font-size:25px}.guide-title .live-pill{font-size:7px}.guide-preview{display:block;padding:10px;margin-bottom:18px}.guide-preview .live-video{width:100%;border-radius:5px}.guide-preview-info{padding:17px 9px 7px}.guide-preview-info h2{font-size:22px;margin:10px 0 8px}.guide-preview-info .eyebrow{font-size:7px}.guide-preview-info>p{font-size:10px}.guide-programme-note{margin-bottom:13px}.guide-filter-row{flex-wrap:wrap;gap:8px}.guide-filter-row .channel-search{width:100%;flex:auto}.guide-filter-row select{flex:1;max-width:calc(50% - 4px);font-size:10px}.guide-categories{padding:13px 0 17px;gap:5px}.guide-categories button{font-size:9px;padding:7px 10px}.guide-date{display:block;margin-bottom:12px}.guide-date strong{font-size:11px}.guide-date>span{font-size:8px;display:block;margin-top:6px}.guide-time-header,.guide-row{grid-template-columns:175px minmax(440px,1fr)}.guide-grid{min-width:615px}.guide-channel{gap:6px;padding:8px}.guide-number{display:none}.guide-channel .channel-logo{width:28px;height:28px;font-size:9px}.guide-channel-button{gap:7px}.guide-channel-button strong{font-size:10px;max-width:95px}.guide-channel-button small{font-size:7px}.guide-channel .channel-fav{width:15px}.guide-channel-heading{padding:19px 12px;font-size:8px}.guide-row{min-height:70px}.guide-broadcast{padding:10px 13px}.guide-broadcast strong{font-size:10px}.guide-broadcast small{display:none}.no-listings{font-size:8px}.guide-scroll{max-height:520px}}