:root{color-scheme:dark;--accent:#22c3b1;--muted:#999;--ink:#f4f4f4}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus,input:focus{outline:2px solid #fff;outline-offset:3px}button:disabled{opacity:.5}button:focus{background:#f4f4f4!important;color:#101010!important}button:focus svg{stroke:#101010}button{border-radius:4px}p,h1,h2,h3{margin:0}#app{font:12px/1.4 Arial,sans-serif;color:var(--ink);overflow:hidden}#app svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#101010}.screen.live,.screen.full{background:transparent}.wordmark{width:155px;height:auto;display:block}.stamp{position:absolute;right:32px;top:32px;font-size:13px;font-weight:bold;display:flex;align-items:center;}.stamp i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.entry-art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#101218fa,#101218c9 40%,#10121875),linear-gradient(0deg,#101218,transparent 70%),url('assets/hero.png') center/cover;opacity:.6}.entry-top{position:absolute;top:34px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#92979e}.entry-main{position:absolute;left:44px;right:44px;top:125px}.entry-main h1{font-size:38px;line-height:1.12;font-weight:600;letter-spacing:-1px;margin-bottom:20px}.entry-main p{font-size:12px;color:#adb3bd}.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}.provider-tile{height:122px;background:linear-gradient(130deg,#24464b,#11282e);display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:bold;position:relative}.provider-tile img{width:38px;height:46px}.provider-tile:focus{outline:2px solid #fff;outline-offset:6px;background:linear-gradient(130deg,#24464b,#11282e)!important;color:white!important}.entry-footer{position:absolute;bottom:35px;left:44px;right:44px;display:flex;justify-content:space-between;color:#717781;font-size:9px}.text-btn{background:transparent;color:#aaa;padding:7px 10px;font-size:11px}.login-intro{position:absolute;left:64px;top:195px;width:370px}.login-intro h1{font-size:37px;line-height:1.1;letter-spacing:-1.1px;margin:15px 0 20px}.login-intro p{color:#aaa;line-height:1.7;font-size:13px}.form-card{position:absolute;right:68px;top:129px;width:300px;background:#17191de8;border:1px solid #ffffff14;border-radius:8px;padding:27px}.form-card h2{font-size:24px;letter-spacing:-.5px;margin-bottom:7px}.form-card p{color:#999;font-size:11px;margin-bottom:20px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:10px;color:#a7a7a7;margin-bottom:6px}.field input{width:100%;height:39px;background:#0c0e12;border:1px solid #383c43;border-radius:4px;color:white;padding:0 12px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;background:#222;font-size:11px}.btn.primary{background:#f4f4f4;color:#101010}.btn.wide{width:100%}.form-card .text-btn{display:block;margin:13px auto 0}.form-error{color:#ff9e96!important;min-height:16px;font-size:11px;margin-top:12px}.rail{position:absolute;left:0;top:0;bottom:0;width:76px;background:#0a0a0a;display:flex;align-items:center;flex-direction:column;padding:24px 8px;}.rail-mark{font-size:29px;font-weight:bold;height:62px;color:#fff}.rail button{width:60px;min-height:60px;background:transparent;color:#999;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px}.rail button.active{color:var(--accent)}.rail svg{width:21px!important;height:21px!important}.rail-dot{position:absolute;bottom:34px;width:4px;height:4px;background:var(--accent);border-radius:50%}.page-title{position:absolute;left:104px;top:24px;font-size:30px;letter-spacing:-.8px;line-height:40px}.categories{position:absolute;left:104px;right:28px;top:78px;height:34px;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px}.categories::-webkit-scrollbar,.list::-webkit-scrollbar{display:none}.category{flex-shrink:0;background:transparent;padding:7px 13px;font-size:11px;color:#aaa}.category.selected{background:#1c2927;color:var(--accent)}.tools{position:absolute;left:104px;right:28px;top:118px;display:flex;}.tools .last{margin-left:auto}.list-caption{position:absolute;left:115px;top:165px;color:#777;font-size:10px;display:flex;justify-content:space-between;width:261px}.list{position:absolute;left:104px;top:186px;width:282px;height:320px;overflow-y:auto;scrollbar-width:none;padding:4px 3px}.channel-line{display:flex;position:relative;border-bottom:1px solid #222;min-height:64px;align-items:center;}.channel-button{display:flex;align-items:center;width:244px;min-height:62px;text-align:left;background:transparent;padding:9px 7px;border-radius:4px}.channel-button.current{background:#191919;box-shadow:inset 2px 0 var(--accent)}.channel-number{color:#777;font-size:9px;min-width:17px}.channel-logo{width:39px;height:39px;flex-shrink:0;background:#f5f5f5;border-radius:5px;color:#171717;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-weight:bold;font-size:20px}.channel-logo img{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:33px;height:33px;object-fit:contain;background:#fff}.channel-logo img.broken{display:none}.channel-copy{min-width:0;flex:1}.channel-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.channel-copy small{display:block;color:#999;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-button:focus small,.channel-button:focus .channel-number{color:#555}.rating{font-size:9px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #555;border-radius:3px;flex-shrink:0}.favorite{background:transparent;color:#aaa;width:28px;height:36px;padding:5px;flex-shrink:0}.favorite.on{color:var(--accent)}.favorite svg{width:17px!important}.video-window{position:absolute;left:412px;top:176px;width:520px;height:222px;pointer-events:none;border:1px solid #ffffff0a}.video-window.empty{background:#090909;display:flex;align-items:center;justify-content:center;color:#777}.live-label{position:absolute;top:12px;left:12px;background:#0008;border-radius:3px;padding:4px 7px;font-size:8px;letter-spacing:.7px;color:#fff}.live-label b{color:var(--accent)}.details{position:absolute;left:412px;top:409px;width:520px;height:99px}.details .channel-name{font-size:10px;color:#999}.details h2{font-size:21px;line-height:29px;max-width:395px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.details .watch{position:absolute;top:2px;right:0}.time-range{display:flex;justify-content:space-between;font-size:9px;color:#888;margin-top:13px}.progress{height:2px;background:#333;margin:3px 0 9px}.progress i{display:block;background:var(--accent);height:100%}.next{font-size:10px;color:#888}.foot-hint{position:absolute;left:104px;bottom:10px;color:#666;font-size:9px}.spinner{width:21px;height:21px;border:2px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.media-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px}.media-error{position:absolute;top:0;right:0;bottom:0;left:0;background:#090909d9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;pointer-events:auto}.full-chrome{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000e,transparent 45%,transparent 85%,#0007);pointer-events:none}.full-top{position:absolute;left:40px;right:40px;top:28px;display:flex;justify-content:space-between;align-items:center}.full-bottom{position:absolute;left:40px;right:40px;bottom:30px}.full-bottom h1{font-size:31px;margin:7px 0 18px}.full-bottom .actions{display:flex;pointer-events:auto}.drawer{position:absolute;top:0;bottom:0;left:0;width:365px;background:linear-gradient(90deg,#0c0e10ed,#0c0e10d4);border-right:1px solid #ffffff15;padding:25px 22px}.drawer h2{font-size:25px}.drawer .close{position:absolute;right:20px;top:25px}.drawer .categories{position:relative;left:auto;right:auto;top:auto;margin-top:18px;height:35px}.drawer .list{left:21px;top:135px;width:324px;height:365px}.drawer .channel-button{width:279px}.drawer .foot-hint{left:24px}.drawer-count{color:#888;font-size:10px;margin-top:12px}.modal-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000a;z-index:20;display:flex;align-items:center;justify-content:center}.modal{background:#191b20;border:1px solid #ffffff20;border-radius:10px;padding:27px;width:380px;box-shadow:0 20px 80px #0009}.modal h2{font-size:23px;margin-bottom:12px}.modal p{font-size:12px;color:#aaa;line-height:1.6;margin-bottom:18px}.modal .actions{display:flex;margin-top:19px}.pin-input{text-align:center;letter-spacing:12px;font-size:24px!important}.account-page{position:absolute;left:104px;right:32px;top:91px;bottom:32px;display:grid;grid-template-columns:1.2fr 1fr;}.account-card{background:#181818;border:1px solid #ffffff0a;padding:24px;border-radius:6px}.account-card h2{font-size:21px;margin-bottom:9px}.account-card p{font-size:11px;color:#999;line-height:1.7}.account-card dl{margin:24px 0}.account-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid #292929;padding:12px 0;font-size:12px}.account-card dt{color:#999}.account-card dd{margin:0}.account-card .btn{margin-top:13px;width:100%;justify-content:flex-start}.radio-pane{position:absolute;left:430px;top:170px;width:480px;height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.radio-pane .channel-logo{width:110px;height:110px;font-size:48px;border-radius:16px}.radio-pane .channel-logo img{top:10px;right:10px;bottom:10px;left:10px;width:90px;height:90px}.radio-pane h2{font-size:26px;margin-top:22px}.radio-pane p{color:#999;margin:8px 0 18px}.guide-summary{position:absolute;left:104px;right:32px;top:85px;height:80px;display:flex;align-items:center;}.guide-summary h2{font-size:24px;margin:3px 0}.guide-summary p{font-size:11px;color:#999}.guide-summary .btn{margin-left:auto}.guide-scroll{position:absolute;left:104px;right:32px;top:187px;bottom:35px;overflow-y:auto;scrollbar-width:none}.guide-timeline{position:sticky;top:0;height:33px;display:flex;align-items:center;background:#101010;z-index:2;border-bottom:1px solid #383838;color:#999;font-size:11px}.guide-timeline>span{width:170px;padding-left:12px}.guide-hours{display:flex;justify-content:space-between;width:calc(100% - 170px)}.guide-hours span{width:33.333%}.guide-row{display:flex;height:67px;padding:5px 0;border-bottom:1px solid #282828}.guide-channel{width:166px;flex-shrink:0;display:flex;align-items:center;padding:6px}.guide-channel strong{font-size:11px;max-width:105px;line-height:1.3}.guide-channel .channel-logo{width:30px;height:30px;font-size:14px}.guide-channel .channel-logo img{width:24px;height:24px}.guide-programs{flex:1;position:relative}.guide-event{position:absolute;top:0;bottom:0;overflow:hidden;padding:8px 10px;background:#1c1c1c;color:#ccc;text-align:left;border-right:3px solid #101010;min-width:15px}.guide-event.current{background:#20302c}.guide-event strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.guide-event small{color:#888;font-size:9px}.guide-missing{color:#777;padding:16px;font-size:11px}.loading-page{display:flex;flex-direction:column;justify-content:center;align-items:center;}.loading-page h1{font-size:27px}.loading-page p{font-size:13px;color:#999}.loading-page .wordmark{position:absolute;top:34px;left:44px}.toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:13px 20px;background:#292c31;border:1px solid #ffffff25;border-radius:6px;z-index:50;max-width:680px;font-size:12px}.reminder-notice{position:absolute;right:28px;top:28px;width:310px;padding:20px;background:#15191ff2;border:1px solid #ffffff25;border-radius:8px;z-index:30}.reminder-notice h2{font-size:19px;margin:8px 0}.reminder-notice p{color:#999;font-size:11px}.reminder-notice .actions{display:flex;margin-top:14px}.settings-card{top:130px;width:500px;right:230px}.settings-card small{color:#888;font-size:10px;line-height:1.5;display:block}.empty-list{color:#999;font-size:12px;padding:20px 10px}.version{font-size:9px;color:#666}.modal .reminder-list{max-height:220px;overflow:auto}.modal .reminder-list .btn{margin-bottom:8px;width:100%;text-align:left;justify-content:space-between}@keyframes spin{to{transform:rotate(360deg)}}

.provider-grid{grid-gap:20px}.account-page{grid-gap:22px}.btn>svg{margin-right:8px}.provider-tile>img{margin-right:12px}.rail>button+button{margin-top:9px}.rail button svg{margin-bottom:7px}.stamp>i{margin-left:8px}.categories>.category{margin-right:8px}.tools>.btn{margin-right:8px}.tools>.last{margin-right:0;margin-left:auto}.channel-button>*+*{margin-left:10px}.channel-line>.favorite{margin-left:2px}.media-loading>.spinner{margin-right:10px}.media-error>.btn{margin-top:16px}.actions>.btn+.btn{margin-left:10px}.loading-page>*+*{margin-top:20px}.guide-summary>*+*{margin-left:12px}.guide-channel>strong{margin-left:10px}.guide-row>.guide-programs{margin-left:4px}

.login-intro{top:133px}.login-intro h1{font-size:31px;margin:12px 0}.login-intro p{font-size:12px}.qr-panel{position:absolute;left:64px;top:300px;width:370px;height:170px;display:flex;align-items:center}.qr-panel>p{color:#999;font-size:11px}.qr-image{width:142px;height:142px;padding:7px;background:white;border-radius:5px;flex-shrink:0}.qr-image svg{width:128px!important;height:128px!important;fill:#000!important;stroke:none!important}.qr-copy{margin-left:22px}.qr-copy h3{font-size:16px;line-height:1.3}.qr-copy p{font-size:11px;color:#aaa;line-height:1.6;max-width:170px;margin:7px 0 8px}.qr-copy strong{font-size:17px;letter-spacing:2px;display:block}.qr-copy small{font-size:9px;color:#777;display:block;margin-top:3px}.qr-copy .text-btn{padding:6px 0;font-size:10px}

.form-card{top:50%;transform:translateY(-50%)}.form-card .form-error{margin:12px 0 0;min-height:16px}.settings-card{top:130px;transform:none}

/* Stable TV navigation: focus changes color, never geometry or an outer frame. */
html,body{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;overflow:hidden}
#app{overflow:visible}
button:focus{outline:none;outline-offset:0}
input:focus{outline:1px solid #d8e4e2;outline-offset:2px}
.provider-tile:focus{outline:1px solid #eef4f4;outline-offset:4px}
.rail{display:block;padding:0}
.rail-brand{position:absolute;left:8px;top:22px;width:60px;height:50px;display:flex;align-items:center;justify-content:center}
.rail-brand img{display:block;width:40px;height:26px;object-fit:contain}
.rail>button+button{margin-top:0}
.rail .rail-link{position:absolute;left:8px;width:60px;height:60px;min-height:60px;max-height:60px;margin:0;padding:0;display:block;border:0;outline:none;box-shadow:none;line-height:normal;background:transparent;border-radius:5px}
.rail-tv{top:96px}.rail-radio{top:164px}.rail-account{top:232px}.rail[data-radio="false"] .rail-account{top:164px}
.rail .rail-link svg{position:absolute;left:20px;top:10px;width:20px!important;height:20px!important;margin:0;stroke:currentColor}
.rail .rail-link span{position:absolute;left:0;right:0;top:35px;height:14px;line-height:14px;font-size:9px;text-align:center;white-space:nowrap}
.rail .rail-link:focus{background:#222a2b!important;color:#f4f4f4!important;outline:0 solid transparent!important;box-shadow:none!important}
.rail .rail-link:focus svg{stroke:currentColor}
.rail .rail-link:before{content:"";position:absolute;left:0;top:15px;width:2px;height:30px;border-radius:2px;background:var(--accent);opacity:0}
.rail .rail-link.active:before,.rail .rail-link:focus:before{opacity:1}
.channel-button:focus{outline:0 solid transparent!important;outline-offset:0;box-shadow:inset 2px 0 var(--accent);background:#252c2d!important;color:#f4f4f4!important}
.channel-button:focus small,.channel-button:focus .channel-number{color:#b3babc}
.favorite:focus{outline:0 solid transparent!important;box-shadow:none;background:#252c2d!important;color:#f4f4f4!important}
.favorite:focus svg{stroke:currentColor}

/* Four simple backgrounds leave the video plane clear on older Samsung compositors. */
.video-matte{position:absolute;background:#101010;pointer-events:none}
.matte-top{top:0;left:0;right:0;height:176px}
.matte-left{left:0;top:176px;width:412px;height:222px}
.matte-right{left:932px;top:176px;right:0;height:222px}
.matte-bottom{top:398px;left:0;right:0;bottom:0}
.video-window{border:0}

/* A saved favorite stays distinct while the remote focus is on it. */
#app .favorite.on svg{fill:#f3c969;stroke:#f3c969}
#app .favorite.on:focus svg{fill:#f3c969;stroke:#f3c969}

/* One focus target per dialog, even when the action is primary. */
.modal .btn,.modal .btn.primary{background:#2a2e34;color:#c7cdd5}
.modal .btn:focus,.modal .btn.primary:focus{background:#f3f5f7!important;color:#13161b!important}
.modal .btn:focus svg{stroke:#13161b}

/* Consistent line icons and a separate utility area. */
.rail{background:#0c0e11;border-right:1px solid #ffffff06}
.rail .rail-link{height:64px;min-height:64px;max-height:64px;border-radius:8px;color:#8b929e}
.rail .rail-link svg{left:19px;top:10px;width:22px!important;height:22px!important;stroke-width:1.65}
.rail .rail-link span{top:38px;font-size:9px;letter-spacing:.1px}
.rail .rail-link.active{color:#bce8df}
.rail .rail-link:before{left:0;top:19px;height:26px;width:2px}
.rail .rail-link:focus{background:#252c34!important;color:#f4f7fa!important}
.rail-tv{top:104px}.rail-radio{top:178px}
.rail .rail-account{top:auto!important;bottom:112px}
.rail .rail-preferences{top:auto;bottom:36px}
.rail-separator{position:absolute;left:23px;right:23px;bottom:196px;height:1px;background:#ffffff12}
.account-card h2{margin-top:12px}.account-card .version{margin-top:26px;color:#707985;line-height:1.8}

/* A standard 16:9 preview with no scaled compositing layer on Samsung. */
.video-window{left:452px;top:160px;width:480px;height:270px}
.matte-top{height:160px}.matte-left{top:160px;width:452px;height:270px}
.matte-right{left:932px;top:160px;height:270px}.matte-bottom{top:430px}
.details{left:452px;top:441px;width:480px;height:84px}
.details h2{font-size:19px;line-height:25px;max-width:330px}
.details .time-range{margin-top:9px}.details .progress{margin-bottom:6px}
.details .next{font-size:9px}

/* Rows remain focusable before their EPG data is ready. */
.guide-placeholder{width:100%;height:100%;text-align:left;padding:12px;background:#181b20;color:#747e8a;font-size:11px}
.guide-summary-copy{min-width:0;flex:1}.guide-summary-copy h2{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-summary .btn{margin-left:10px;flex-shrink:0}
.guide-event:focus,.guide-placeholder:focus{outline:0;background:#eef3f7!important;color:#11151b!important}
.guide-event:focus small{color:#42515f}

/* White is reserved for the remote's current action. */
.details .watch{background:#282e35;color:#d5dce5}
.details .watch:focus{background:#f3f5f7!important;color:#13161b!important;box-shadow:0 0 0 2px #f3f5f7}
.guide-event.reminded{background:#163831;box-shadow:inset 3px 0 #6ce1bd}
.guide-event.reminded strong{padding-right:63px}
.reminder-badge{position:absolute;right:7px;top:7px;display:flex;align-items:center;border-radius:3px;background:#275d4e;color:#b9f8dd;padding:3px 5px;font-size:8px}
#app .reminder-badge svg{width:11px;height:11px;margin-right:3px;stroke-width:2}
.guide-event.reminded:focus .reminder-badge{background:#205b48;color:#d4ffec}
.speed-page{position:absolute;left:128px;right:58px;top:94px}
.speed-page h2{font-size:28px;margin-top:9px;letter-spacing:-.6px}
.speed-intro{font-size:12px;color:#9ba4b1;line-height:1.7;margin-top:12px}
.speed-metrics{display:flex;margin:22px 0 23px}
.speed-metrics article{flex:1;background:#181d24;border:1px solid #ffffff0b;border-radius:7px;padding:20px 24px;margin-right:14px}
.speed-metrics article:last-child{margin-right:0}
.speed-metrics article span{display:block;font-size:11px;color:#a6afbc}
.speed-metrics strong{font-size:40px;font-weight:500;letter-spacing:-1px;display:inline-block;margin-top:8px}
.speed-metrics small{color:#778290;margin-left:7px;font-size:10px}
.speed-status{display:flex;align-items:center;font-size:13px;min-height:22px}
.speed-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}
.speed-status.running i{animation:pulse 1s infinite}
.speed-server{font-size:10px;color:#7c8795;margin:6px 0 21px}
.speed-page .actions{display:flex}.speed-page .actions .btn{margin-right:12px;min-width:110px}
.speed-page [hidden]{display:none!important}
.speed-note{margin-top:14px;color:#687483;font-size:9px}
@keyframes pulse{50%{opacity:.25}}

/* Close the app separately from signing out of the customer account. */
.rail .rail-account{bottom:168px}.rail .rail-preferences{bottom:92px}.rail .rail-exit{position:absolute;left:8px;bottom:16px}.rail-separator{bottom:244px}

/* A fixed seven-item rail keeps every section reachable without shifting icons. */
.rail.has-library .rail-link{height:54px;min-height:54px;max-height:54px}
.rail.has-library .rail-tv{top:88px}.rail.has-library .rail-films{top:146px}.rail.has-library .rail-series{top:204px}.rail.has-library .rail-radio{top:262px}
.rail.has-library .rail-account{top:350px!important;bottom:auto}.rail.has-library .rail-preferences{top:408px;bottom:auto}.rail.has-library .rail-exit{top:466px;bottom:auto}
.rail.has-library .rail-separator{top:334px;bottom:auto}
.rail.has-library .rail-link svg{top:7px}.rail.has-library .rail-link span{top:32px}
.vod-library,.vod-detail{background:#101215}
.vod-meta{font-size:10px;color:#bac0c7;letter-spacing:.2px}
.vod-synopsis{font-size:12px;line-height:1.65;color:#b5bdc7;max-width:412px;margin:12px 0 16px}
.vod-primary{background:#205a55;color:#f0fffc;min-width:134px}
.vod-categories{right:32px;top:78px}
.vod-tools{position:absolute;left:104px;right:32px;top:124px;height:34px;display:flex;align-items:stretch}
.vod-tools .btn{background:#1c2026;border:1px solid #ffffff0b;color:#aeb9c4;font-size:10px;white-space:nowrap}
.vod-tools>.btn+.btn{margin-left:10px}.vod-tools .vod-search{width:330px;justify-content:flex-start}.vod-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vod-tools .vod-clear-search{padding:7px;min-width:34px}.vod-clear-search svg{margin:0}
.vod-tools .vod-list-filter{margin-left:auto!important}.vod-tools .vod-sort{min-width:132px}.vod-tools .selected{color:var(--accent);background:#1b302d}
.vod-results-caption{position:absolute;left:104px;right:32px;top:178px;height:20px;display:flex;align-items:center;justify-content:space-between}.vod-results-caption h2{font-size:13px;font-weight:500}.vod-results-caption>span{font-size:9px;color:#8b98a6;max-width:490px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vod-results-caption h2 span{color:#8b98a6}
.vod-grid{position:absolute;left:104px;right:32px;top:211px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px 13px}
.vod-card{position:relative;height:122px;min-width:0;padding:0;background:transparent;text-align:left;border-radius:5px;color:#fff;overflow:hidden}
.vod-card-art{position:relative;width:100%;height:82px;display:block;overflow:hidden;border-radius:4px;background:#1a222c}.vod-card-art>img{width:100%;height:100%;object-fit:cover;display:block}
.vod-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09101b25,transparent 45%,#09101b40)}
.vod-card-kind{position:absolute;top:6px;left:6px;font-size:6px;letter-spacing:.6px;background:#09121bbd;border-radius:2px;padding:3px 4px}
.vod-card-copy{display:block;padding:6px 5px 3px}.vod-card-copy strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vod-card-copy small{font-size:8px;color:#8594a4;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-card-copy em{position:absolute;top:61px;left:7px;color:white;font-size:7px;font-style:normal;background:#08121cd9;padding:3px 5px;border-radius:2px}
.vod-card-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff35}.vod-card-progress i{display:block;height:100%;background:var(--accent)}
#app .vod-card:focus{background:#f4f4f4!important;color:#101010!important;outline-offset:3px;outline-width:2px}.vod-card:focus small{color:#46566a}
.vod-pager{position:absolute;left:104px;right:32px;top:483px;height:30px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#81909f}.vod-pager>div{display:flex;align-items:center}.vod-pager>div>span{margin:0 18px}.vod-pager .btn{font-size:9px;min-height:28px;padding:5px 10px;background:#1c2026}.vod-pager .btn:last-child svg{margin:0 0 0 6px}.vod-pager .btn:disabled{color:#55616d;opacity:.45}
.vod-origin{position:absolute;left:104px;bottom:9px;color:#66717d;font-size:8px}
.vod-empty{position:absolute;left:104px;top:256px;color:#b8c2cd}.vod-empty h2{font-size:24px}.vod-empty p{margin:12px 0 19px;font-size:12px}
.vod-sort-options .btn{display:block;width:100%;text-align:left;margin-bottom:10px}
.vod-detail-art{position:absolute;left:76px;top:0;width:884px;height:540px;object-fit:cover;object-position:70% center;opacity:.8}
.vod-detail-fade{position:absolute;left:76px;right:0;top:0;bottom:0;background:linear-gradient(90deg,#101215 2%,#101215e8 24%,#10121520 80%),linear-gradient(0deg,#101215 3%,#101215e8 24%,transparent 90%)}
.vod-detail-copy{position:absolute;left:108px;top:84px;width:535px}
.vod-detail-copy h1{font-size:42px;line-height:1.15;letter-spacing:-1.3px;margin:10px 0 12px}
.vod-detail-copy .vod-synopsis{max-width:460px;margin:12px 0 11px}
.vod-audio{font-size:9px;color:#84919e;line-height:1.6;margin-bottom:17px}
.vod-favorite.on svg{fill:#f3c969!important;stroke:#f3c969!important}
.vod-error{font-size:10px;color:#ffa49d;line-height:1.3;margin-top:9px}
.vod-back{position:absolute;left:104px;top:25px;background:transparent;color:#a2acb7;font-size:10px}
.vod-film-note{position:absolute;left:108px;bottom:48px;color:#b7c1cc;font-size:14px}
.vod-film-note p{font-size:10px;color:#788591;margin:8px 0 14px}
.vod-film-note .text-btn{padding:0;color:#8794a2;font-size:9px}
.vod-episodes{position:absolute;left:108px;right:32px;top:348px;bottom:29px}
.vod-episodes-list{position:absolute;top:62px;bottom:0;left:0;right:0;overflow-y:auto;scrollbar-width:none;padding:3px}
.vod-episodes-list::-webkit-scrollbar,.vod-seasons::-webkit-scrollbar{display:none}
.vod-seasons{display:flex;overflow-x:auto;overflow-y:hidden;height:31px;padding:2px;scrollbar-width:none}.vod-seasons .btn{font-size:9px;min-height:26px;padding:5px 10px;margin-right:9px;flex-shrink:0;background:transparent;color:#8e9ba8}.vod-seasons .selected{background:#1b302d;color:var(--accent)}
.vod-detail-copy h1{font-size:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:84px}
.vod-detail-copy .vod-synopsis{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px}
.vod-art-fallback{background:radial-gradient(ellipse at 70% 35%,#29494b,#101215 75%)}
.vod-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(140deg,#233d41,#151e2a);color:#8aa6b0}.vod-card-placeholder svg{width:28px!important;height:28px!important}
.vod-episodes-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vod-episodes-title h3{font-size:13px;font-weight:500}.vod-episodes-title span{font-size:8px;color:#6f7d89}
.vod-episode-row{display:flex;align-items:center;border-top:1px solid #ffffff0e;height:55px}
.vod-episode{display:flex;align-items:center;text-align:left;height:50px;flex:1;min-width:0;padding:4px 9px 4px 0;background:transparent}
.vod-episode>img{width:78px;height:43px;object-fit:cover;border-radius:3px}
.vod-episode-number{width:36px;text-align:center;font-size:11px;color:#7e8e9e}.vod-episode-copy{flex:1}.vod-episode-copy strong{display:block;font-size:12px;font-weight:500}.vod-episode-copy small{display:block;font-size:9px;color:#8795a3;margin-top:4px}
.vod-episode-row .text-btn{font-size:9px;padding:10px 12px;margin-left:8px}.vod-episode-restart{font-size:9px;margin-left:8px}
.vod-episode:focus .vod-episode-copy small,.vod-episode:focus .vod-episode-number{color:#495b6d}
.vod-video-slot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vod-video-slot .media-error{pointer-events:auto}
.vod-spinner{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);box-shadow:0 0 15px #0008}
.vod-chrome .full-top .stamp{top:0;right:0}.vod-chrome .full-bottom h1{margin-bottom:17px}
.vod-chrome .next{margin-top:17px;font-size:9px;color:#8e9ba8}
.vod-timeline{display:flex;align-items:center;margin:0 0 22px;font-size:10px;color:#afbac6}.vod-timeline>div{height:3px;flex:1;background:#ffffff40;margin:0 14px}.vod-timeline i{display:block;height:100%;background:var(--accent);width:0}
.vod-ended{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0c1118}.vod-ended h1{font-size:36px;margin:18px 0 26px}.vod-ended .actions{display:flex}
.vod-license{word-break:break-word;max-height:280px;overflow:auto}.modal .vod-license p{font-size:9px;line-height:1.5;margin-bottom:10px;color:#8e9dab}
.rail-brand img{width:45px;height:39px}.mini-mark{display:block;width:46px;height:40px;object-fit:contain;opacity:.88}

/* Channel-scoped EPG overlays the current full-screen video without moving it. */
.channel-guide{position:absolute;top:0;right:0;bottom:0;width:405px;background:linear-gradient(90deg,#0b1119e6,#0b1119f5);border-left:1px solid #ffffff13;padding:26px 26px 0}
.channel-guide header{position:relative;height:124px}
.channel-guide h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin-top:7px}
.channel-guide .eyebrow{font-size:8px;color:#8f9eac;letter-spacing:1.7px}
.channel-guide-close{position:absolute;top:0;right:0;min-width:29px;padding:7px;background:transparent}
.channel-guide-close svg{margin:0;width:16px!important;height:16px!important}
.channel-guide-identity{display:flex;align-items:center;margin-top:18px;color:#b9c5cf}
.channel-guide-identity .channel-logo{width:30px;height:30px;font-size:15px}.channel-guide-identity .channel-logo img{width:24px;height:24px}
.channel-guide-identity strong{font-size:12px;margin-left:12px;font-weight:500}
.channel-guide-list{position:absolute;left:26px;right:26px;top:157px;bottom:46px;overflow-y:auto;scrollbar-width:none}
.channel-guide-list::-webkit-scrollbar{display:none}
.channel-guide-program{display:block;width:100%;min-height:81px;padding:13px 14px;text-align:left;background:transparent;border-bottom:1px solid #ffffff12;border-radius:3px}
.channel-guide-program.on-air{background:#17312f95;box-shadow:inset 2px 0 var(--accent)}
.channel-guide-time{display:flex;align-items:center;color:#93a1ad;font-size:10px}
.channel-guide-time b{font-size:7px;letter-spacing:1px;font-weight:500;color:#82d8c6;margin-left:auto}
.channel-guide-program>strong{display:block;margin-top:6px;font-size:13px;line-height:1.3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-guide-program>small{display:block;color:#6f818f;font-size:8px;margin-top:6px}
.channel-guide-program:focus .channel-guide-time,.channel-guide-program:focus .channel-guide-time b,.channel-guide-program:focus small{color:#495c68}
.channel-guide-reminder{display:flex;align-items:center;font-size:8px;color:#7edac1;margin-top:6px}.channel-guide-reminder svg{width:10px!important;height:10px!important;margin-right:5px}
.channel-guide-program.reminded{box-shadow:inset 2px 0 #73d6b5}.channel-guide-program:focus .channel-guide-reminder{color:#1d6b53}
.channel-guide-empty p{font-size:12px;color:#92a2af;line-height:1.6;margin:14px 0 18px}
.channel-guide footer{position:absolute;left:26px;right:20px;bottom:20px;color:#687e8f;font-size:8px}

.vod-detail-copy .vod-audio{max-height:29px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}