.dialog.work-dialog{--work-bg:#0b1320;--work-muted:#aebed3;--work-line:#344966;isolation:isolate;background:var(--work-bg);border-color:#496078;flex-direction:column;width:1440px;max-height:100%;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 100px #0009}.work-stage{z-index:-1;pointer-events:none;transform:translateY(calc(-1 * var(--work-scroll-top,0px)));position:absolute;inset:0}.work-backdrop{object-fit:cover;object-position:center;width:90%;height:min(760px,100%);position:absolute;top:0;right:0}.work-stage:after{content:"";background:linear-gradient(180deg, #0b132008 0%, #0b132015 38%, var(--work-bg) 82%), linear-gradient(90deg, var(--work-bg) 3%, #0b1320eb 25%, #0b132066 65%, #0b132012);position:absolute;inset:0}.work-image-empty{color:#7894b5;background:linear-gradient(145deg,#1c304b,#101c30);justify-content:center;align-items:center;display:flex}.work-topbar{justify-content:space-between;align-items:center;gap:24px;padding:24px 50px 8px;display:flex}.work-dialog button{border-color:var(--work-line);background:#152132b3;border-radius:13px;min-height:44px;font-size:15px}.work-dialog button:hover,.work-dialog button:focus-visible{background:#2a4161;border-color:#b9dfff}.work-dialog :is(button,summary,.work-cast):focus-visible{outline-offset:3px;outline:2px solid #a8ddff}.work-topbar button{background:0 0;border:0;gap:12px;padding:10px 0;font-size:14px}.work-brand{width:136px}.work-brand .brand-wordmark{width:100%;height:auto}.work-scroll{overscroll-behavior:contain;min-height:0;padding:20px 56px calc(28px + var(--work-tail-room,0px));scrollbar-color:#405778 transparent;scrollbar-width:thin;overflow-y:auto}.work-hero{padding:0 0 34px}.work-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--work-muted);margin:0 0 10px;font-size:11px;line-height:1.5}.work-dialog .work-hero h2{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;max-width:740px;margin:0 0 12px;font-size:clamp(32px,4.3vw,64px);font-weight:700;line-height:1.04}.work-original{color:var(--work-muted);max-width:650px;margin:0 0 18px;font-size:20px;line-height:1.4}.work-meta{color:#e7edf7;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 18px;font-size:15px;display:flex}.work-rating{align-items:center;gap:6px;display:inline-flex}.work-rating>svg{color:#ffd071;width:16px}.work-story{color:#e1e7f0;max-width:610px;font-size:16px;line-height:1.65}.work-story p{color:inherit;overflow-wrap:anywhere;margin:0}.work-description-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-story small{color:var(--work-muted);font-size:11px;display:block}.work-dialog button.work-text-button{color:#86bcff;background:0 0;border:0;min-height:36px;padding:0 4px 0 0;font-size:14px;display:inline-flex}.work-context{max-width:630px;color:var(--work-muted);margin:12px 0 24px;font-size:13px;line-height:1.6}.work-actions{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:24px;display:flex}.work-actions>button{gap:10px;min-height:58px;padding:12px 24px;font-size:16px}.work-actions .work-play{background:#1478ff;border-color:#338aff;min-width:210px;font-size:18px;font-weight:600}.work-actions .work-play:hover{background:#358cff}.work-actions .work-favorite{border-radius:50%;width:58px;padding:12px}.work-actions button[aria-pressed=true]{color:#b7daff;border-color:#80b8df}.work-resume{max-width:430px;margin:20px 0}.work-resume p{color:var(--work-muted);margin:0 0 9px;font-size:13px;line-height:1.5}.work-resume progress{appearance:none;color:#9bdcff;background:#25334c;border:0;border-radius:4px;width:100%;height:4px;display:block;overflow:hidden}.work-resume progress::-webkit-progress-bar{background:#25334c}.work-resume progress::-webkit-progress-value{background:#9bdcff}.work-resume progress::-moz-progress-bar{background:#9bdcff}.work-unavailable{color:var(--work-muted);margin:16px 0 0}.work-media{max-width:690px;margin-top:20px}.work-quality{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.work-quality>span{color:#e0e9f5;border:1px solid #526277;border-radius:6px;padding:3px 9px;font-size:11px;line-height:1.4}.work-dialog summary{cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}.work-dialog summary::-webkit-details-marker{display:none}.work-dialog summary>svg:last-child{flex-shrink:0;transition:transform .18s}.work-dialog details[open]>summary>svg:last-child{transform:rotate(180deg)}.work-media-details>summary{color:var(--work-muted);flex-wrap:wrap;gap:8px;padding:4px 0;font-size:13px}.work-media-link{color:#bdd6f3}.work-media-details>summary>span:first-of-type:not(.work-media-link):after{content:"";vertical-align:middle;background:#6e8099;width:1px;height:12px;margin-left:12px;display:inline-block}.work-media-body{background:#0e1b2be8;border:1px solid #34496688;border-radius:14px;margin-top:8px;padding:20px}.work-file-name{color:var(--work-muted);overflow-wrap:anywhere;margin:0 0 18px;font-size:12px}.work-technical{gap:10px;margin:0 0 22px;display:grid}.work-technical>div{grid-template-columns:65px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.6;display:grid}.work-technical dt{color:var(--work-muted)}.work-technical dd{overflow-wrap:anywhere;margin:0}.work-media-body h4{margin:0 0 12px;font-size:14px;font-weight:600}.work-audio-tracks{gap:16px;margin:0;padding:0;list-style:none;display:grid}.work-audio-tracks li{align-items:start;gap:10px;display:flex}.work-audio-tracks li>svg{color:var(--work-muted);flex-shrink:0;margin-top:2px}.work-audio-tracks li>div{flex:1;gap:3px;min-width:0;display:grid}.work-audio-tracks strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.work-audio-tracks small,.work-audio-tracks li>span{color:var(--work-muted);font-size:11px;line-height:1.5}.work-audio-empty{color:var(--work-muted);margin:0;font-size:13px}.work-section{margin:0 0 32px}.work-section h3,.work-versions summary{margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.4}.work-section h3 span,.work-versions summary>span{color:var(--work-muted);margin-left:8px;font-size:14px;font-weight:400}.work-seasons{flex-wrap:wrap;gap:9px;margin:0 0 20px;display:flex}.work-seasons button[aria-pressed=true],.work-file-main[aria-pressed=true]{background:#243e60;border-color:#8bc9f9}.work-file-list{gap:12px;display:grid}.work-file{align-items:stretch;gap:12px;min-width:0;display:flex}.work-dialog .work-file-main{text-align:left;justify-content:flex-start;gap:16px;width:100%;min-width:0;padding:12px;display:flex}.work-file-main>span:not(.work-selected){flex:1;gap:7px;min-width:0;display:grid}.work-file-main strong{overflow-wrap:anywhere;font-size:15px;font-weight:550;line-height:1.5}.work-file-main small{color:var(--work-muted);font-size:12px;line-height:1.5}.work-file-main>svg{flex-shrink:0}.work-file-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:106px;height:62px}.work-file-restart{flex-shrink:0;align-self:center}.work-selected{color:#c3e3ff;font-size:11px}.work-version-hint{color:var(--work-muted);margin:0 0 16px;font-size:13px}.work-cast{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#405778 transparent;gap:20px;padding:2px 0 14px;display:flex;overflow-x:auto}.work-cast>div{flex-direction:column;flex:0 0 156px;gap:6px;min-width:0;display:flex}.work-actor-image{aspect-ratio:1.1;object-fit:cover;object-position:center 28%;border-radius:9px;width:100%;margin-bottom:3px}.work-cast strong{font-size:13px;font-weight:550;line-height:1.5}.work-cast small{color:var(--work-muted);font-size:12px;line-height:1.4}.work-maintenance{color:var(--work-muted);margin-top:4px;font-size:13px}.work-maintenance>summary{width:fit-content}.work-maintenance>div{padding:16px 0 0}.work-maintenance .metadata-form{max-width:700px;margin-top:24px}.work-spinner{animation:.8s linear infinite work-spin}@keyframes work-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.work-topbar{padding:18px 28px 8px}.work-scroll{padding:18px 32px calc(24px + var(--work-tail-room,0px))}.work-topbar .work-brand{width:115px}.work-dialog .work-hero h2{max-width:620px}.work-story{max-width:530px;font-size:15px}}@media (max-width:600px){.dialog.work-dialog{border-radius:20px;max-height:100%}.work-topbar{gap:12px;padding:12px 18px 4px}.work-topbar button{font-size:12px}.work-topbar .work-brand{width:94px}.work-scroll{padding:14px 22px calc(24px + var(--work-tail-room,0px))}.work-backdrop{opacity:.8;width:100%;height:440px}.work-stage:after{background:linear-gradient(180deg, #0b132040 0, #0b1320b8 190px, var(--work-bg) 400px), linear-gradient(90deg, #0b1320d9, #0b132010)}.work-eyebrow{font-size:10px}.work-dialog .work-hero h2{letter-spacing:-.025em;font-size:34px;line-height:1.08}.work-original{margin-bottom:16px;font-size:14px}.work-meta{gap:7px 12px;margin-bottom:16px;font-size:12px}.work-story{font-size:14px;line-height:1.65}.work-context{margin-bottom:20px;font-size:11px}.work-resume p{font-size:11px}.work-actions{gap:10px;margin-top:20px}.work-actions>button{min-height:48px;padding:10px 14px;font-size:13px}.work-actions .work-play{flex:100%;min-width:0;font-size:17px}.work-actions .work-favorite{flex-shrink:0;width:48px}.work-actions svg{width:20px;height:20px}.work-media{margin-top:18px}.work-media-details>summary{gap:6px;font-size:12px}.work-media-body{padding:14px}.work-audio-tracks li{flex-wrap:wrap}.work-audio-tracks li>span{width:100%;margin-left:27px}.work-section h3,.work-versions summary{font-size:18px}.work-file{gap:8px}.work-dialog .work-file-main{gap:10px;padding:12px}.work-file-main strong{font-size:13px}.work-file-main small{font-size:11px}.work-file-image{display:none}.work-file-restart{padding:11px}.work-file-restart span{display:none}.work-cast{gap:14px}.work-cast>div{flex-basis:124px}}@media (max-height:500px) and (min-width:601px){.dialog.work-dialog{max-height:calc(100dvh - 24px)}.work-topbar{padding-top:8px}.work-scroll{padding-top:10px}}@media (prefers-reduced-motion:reduce){.work-dialog button,.work-dialog summary>svg{transition:none}.work-spinner{animation:none}}.work-series{grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;scroll-margin-top:8px;display:grid}.work-series h3{grid-column:1/-1;margin:0}.work-season-row{min-width:0}.work-series .work-seasons{scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin:0;padding:4px;overflow-x:auto}.work-series .work-seasons button{white-space:nowrap;background:0 0;border-color:#0000;flex-shrink:0;padding:10px 20px}.work-series .work-seasons button[aria-pressed=true]{color:#fff;background:#193f69;border-color:#579ffb}.work-episode-tools{grid-area:2/2;align-items:center;gap:8px;display:flex}.work-episode-tools>span{color:var(--work-muted);white-space:nowrap;margin-right:12px;font-size:13px}.work-dialog .work-episode-tools button{background:#243247b3;border-color:#0000;border-radius:50%;width:44px;height:44px;padding:10px}.work-dialog .work-episode-tools button:disabled{opacity:.35}.work-episode-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#405778 transparent;grid-column:1/-1;gap:20px;margin:-4px;padding:6px 4px 12px;display:flex;overflow-x:auto}.work-dialog .work-episode-card{text-align:left;scroll-snap-align:start;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:0 0 clamp(220px,23vw,300px);align-items:stretch;gap:9px;min-width:0;padding:0;display:flex}.work-dialog .work-episode-card:hover,.work-dialog .work-episode-card:focus-visible{background:0 0;outline:none}.work-episode-frame{aspect-ratio:16/9;background:#15263c;border-radius:10px;display:block;position:relative}.work-episode-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.work-episode-image.work-image-empty{display:flex}.work-episode-duration{color:#eef4fc;background:#07101cd9;border-radius:5px;padding:3px 7px;font-size:11px;line-height:1.4;position:absolute;bottom:9px;right:9px}.work-episode-watched{color:#fff;background:#07101cc9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;left:10px}.work-episode-play{color:#fff;opacity:0;background:#06132388;border:1.5px solid #edf6ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-episode-progress{background:#02091388;border-radius:0 0 10px 10px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.work-episode-progress>span{background:#2488ff;height:100%;display:block}.work-episode-card strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.9em;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.work-episode-card small{min-height:1.5em;color:var(--work-muted);margin-top:-5px;font-size:12px;line-height:1.5;display:block}.work-episode-card:is(:hover,:focus-visible) .work-episode-frame{box-shadow:0 0 0 2px #a8d5ff}.work-episode-card:is(:hover,:focus-visible) .work-episode-play{opacity:1}.work-dialog .work-episode-card:disabled{opacity:.55}@media (max-width:600px){.work-series{gap:12px}.work-series h3{grid-column:1}.work-season-row{grid-column:1/-1}.work-series .work-seasons{gap:6px}.work-series .work-seasons button{padding:10px 16px;font-size:13px}.work-episode-tools{grid-area:1/2}.work-episode-tools>span{margin:0;font-size:12px}.work-episode-tools button{display:none}.work-episode-rail{gap:14px}.work-dialog .work-episode-card{flex-basis:82%;gap:8px}.work-episode-card strong{font-size:14px}.work-episode-card small{font-size:11px}}@media (prefers-reduced-motion:reduce){.work-episode-play{transition:none}}.work-seasons button small{color:#a5b4ca;margin-left:8px;font-size:11px}.work-season-availability{color:#aebbd0;margin:12px 0 4px;font-size:13px}.work-episode-missing .work-episode-frame{opacity:.45;filter:grayscale()}.work-episode-missing strong{color:#b0bdd0}.work-episode-missing small{color:#94a5bd}.work-episode-missing[aria-disabled=true]{cursor:default}
.main-content.guide-main{height:100dvh;min-height:0;padding-bottom:max(24px, var(--safe-bottom));flex-direction:column;display:flex}.programme-guide{flex-direction:column;flex:1;min-height:0;display:flex}.guide-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.guide-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.35vw,40px);line-height:1.2}.guide-heading p{color:var(--muted);margin:9px 0 0;font-size:14px}.guide-channel{flex-direction:column;flex-shrink:0;gap:6px;max-width:36%;display:flex}.guide-channel>span{color:var(--muted);font-size:12px}.guide-channel select{width:240px;max-width:100%;min-height:46px}.guide-schedule{border:1px solid var(--line);background:#111419;border-radius:20px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.guide-dates{border-bottom:1px solid var(--line);background:#15181d;flex-shrink:0;gap:12px;padding:12px;display:flex}.guide-day-rail{scrollbar-width:thin;align-items:center;gap:8px;min-width:0;padding:3px;scroll-padding:4px;display:flex;overflow-x:auto}.guide-day-rail button{color:#c5cad7;background:#1b1e25;border-color:#ffffff07;flex:none;min-height:45px;padding:10px 17px;font-size:14px}.guide-day-rail button[aria-pressed=true]{color:#fff;background:#293e8c;border-color:#536fd1}.guide-jump{flex-shrink:0;gap:8px;margin:3px 0;padding:9px 16px}.guide-content{flex:1;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:0;display:grid}.guide-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#484e5b transparent;min-height:0;padding:12px;scroll-padding:12px;overflow-y:auto}.guide-list [role=list]{gap:8px;display:grid}.guide-row{text-align:left;width:100%;min-height:105px;color:var(--text);background:#1a1d23;border:1px solid #ffffff09;border-radius:12px;align-items:center;gap:13px;padding:12px 10px;display:flex;position:relative}.guide-row:hover{background:#252a35;border-color:#ffffff20}.guide-row.is-selected{background:linear-gradient(110deg,#263b724d,#202b464a);border-color:#5878ed}.programme-guide button:focus-visible,.programme-guide select:focus-visible,.guide-detail-dialog button:focus-visible{outline-offset:1px;outline:3px solid #6989ff;box-shadow:0 0 0 5px #4f72ff1a}.guide-row:focus-visible{outline-offset:-1px!important}.guide-row-time{font-variant-numeric:tabular-nums;color:#c1c8d7;flex:0 0 47px;gap:6px;font-size:15px;display:grid}.guide-row-time small{color:#929bad;font-size:12px;font-weight:400}.guide-row-art{aspect-ratio:16/10;object-fit:cover;background:#242a35;border-radius:7px;flex-shrink:0;width:100px}.guide-row-art.work-image-empty{color:#667188;place-items:center;display:grid}.guide-row-art.work-image-empty svg{width:26px}.guide-row-copy{flex:1;gap:7px;min-width:0;display:grid}.guide-row-copy strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.guide-row-copy small{color:#a0a8b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.guide-row-copy progress{appearance:none;background:#3b465d;border:0;border-radius:5px;width:100%;height:5px;overflow:hidden}.guide-row-copy progress::-webkit-progress-bar{background:#3b465d}.guide-row-copy progress::-webkit-progress-value{background:#5279ff;border-radius:5px}.guide-row-copy progress::-moz-progress-bar{background:#5279ff;border-radius:5px}.guide-row-state{color:#9da5b7;flex-shrink:0;font-size:11px}.guide-row-state.live{color:#eaf0ff;background:#395ee1;border-radius:7px;padding:5px 7px}.guide-detail-pane{border-left:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.guide-detail{background:#111419;min-height:100%}.guide-hero{aspect-ratio:16/9;background:#1b202a;position:relative}.guide-detail-art{object-fit:cover;width:100%;height:100%}.guide-detail-art.work-image-empty{color:#626d85;place-items:center;display:grid}.guide-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#111419);position:absolute;inset:40% 0 -1px}.guide-status{color:#e2e6f0;background:#151b27d9;border:1px solid #ffffff18;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:18px;left:22px}.guide-status.live{background:#3155d9;border-color:#5679f4}.guide-detail-copy{overflow-wrap:anywhere;margin-top:-32px;padding:0 24px 24px;position:relative}.guide-detail-copy h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(24px,2.3vw,36px);line-height:1.16}.guide-episode{color:#e0e5f1;margin:8px 0;font-size:15px;line-height:1.5}.guide-meta{color:#aeb7c9;margin:10px 0;font-size:14px;line-height:1.5}.guide-timing{color:#aeb7c9;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 18px;font-size:13px;line-height:1.6;display:flex}.guide-play-actions{flex-wrap:wrap;gap:9px;margin:18px 0;display:flex}.guide-play-actions button{flex:145px;min-height:48px;padding:11px 12px;font-size:14px}.guide-description{color:#c5cbd8;font-size:15px;line-height:1.65}.guide-description>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.guide-description>p.expanded{display:block}.guide-text-button{color:#98b0ff;background:0 0;border:none;border-radius:5px;padding:8px 0;font-size:13px}.guide-availability{color:#b2bacb;margin:0;font-size:14px;line-height:1.6}.guide-footer{border-top:1px solid var(--line);color:#929bad;flex-shrink:0;align-items:center;gap:18px;padding:13px 20px;font-size:12px;display:flex}.guide-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.guide-footer i{background:#668aff;border-radius:100%;width:6px;height:6px;margin-right:7px;display:inline-block}.guide-footer time{font-variant-numeric:tabular-nums;color:#ccd2df}.guide-key-hint kbd{font:inherit;background:#242a35;border-radius:5px;margin:0 6px 0 12px;padding:4px 7px}.guide-message{color:#b1b9ca;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.guide-spinner{animation:1s linear infinite guide-spin}@keyframes guide-spin{to{transform:rotate(360deg)}}.guide-error{color:#ffc0c0;background:#51282b44;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.guide-error button{flex-shrink:0}.guide-detail-dialog.dialog{width:min(620px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);flex-direction:column;padding:0;display:flex;overflow:hidden}.guide-detail-dialog.dialog>header{border-bottom:1px solid var(--line);flex-shrink:0;margin:0;padding:14px 18px}.guide-detail-dialog>.guide-detail{overscroll-behavior:contain;min-height:0;overflow-y:auto}.guide-detail-dialog .guide-detail-copy h2{font-size:28px}@media (min-width:1700px){.guide-row{min-height:118px}.guide-row-art{width:122px}.guide-row-copy strong{font-size:18px}}@media (max-width:1250px){.guide-row-art{width:78px}.guide-row{gap:10px}.guide-row-state.past{display:none}.guide-detail-copy{padding:0 18px 20px}}@media (max-width:1100px),(max-height:600px){.guide-content{grid-template-columns:minmax(0,1fr)}.guide-row-art{width:112px}.guide-row-copy strong{font-size:17px}.guide-row{padding:12px}.guide-heading h1{font-size:28px}.guide-key-hint{display:none}}@media (max-width:650px),(max-width:950px) and (max-height:500px) and (pointer:coarse){.main-content.guide-main{padding:20px max(14px, var(--safe-right)) calc(var(--bottom-nav-height) + 12px) max(14px, var(--safe-left));height:calc(100dvh - 54px - var(--safe-top));min-height:400px}.guide-heading{margin-bottom:16px;display:block}.guide-heading h1{font-size:26px}.guide-heading p{display:none}.guide-channel{flex-direction:row;align-items:center;gap:12px;max-width:none;margin-top:14px}.guide-channel>span{font-size:13px}.guide-channel select{flex:1;width:auto;min-width:0;min-height:44px}.guide-schedule{border-radius:14px}.guide-dates{gap:5px;padding:7px}.guide-day-rail{gap:6px}.guide-day-rail button{padding:9px 12px;font-size:13px}.guide-jump{padding:8px}.guide-jump span{display:none}.guide-jump:after{content:""}.guide-list{padding:7px;scroll-padding:7px}.guide-row{gap:9px;min-height:96px;padding:10px 7px}.guide-row-art{aspect-ratio:4/3;width:74px}.guide-row-time{flex-basis:39px;gap:5px;font-size:13px}.guide-row-time small{font-size:10px}.guide-row-copy strong{font-size:14px}.guide-row-copy small{font-size:11px}.guide-row-state{position:absolute;top:5px;left:53px}.guide-row-state.future{display:none}.guide-row-state.live{padding:3px 5px;font-size:9px}.guide-footer{gap:10px;padding:11px;font-size:11px}.guide-detail-dialog .guide-detail-copy{padding:0 18px 20px}.guide-detail-dialog .guide-detail-copy h2{font-size:27px}}@media (max-height:600px){.guide-heading{margin-bottom:12px}.guide-heading p{display:none}.guide-dates{padding:7px}.guide-footer{padding-block:8px}}@media (prefers-reduced-motion:reduce){.guide-spinner{animation:none}}@media (max-width:950px) and (max-height:500px) and (pointer:coarse){.mobile-brand.guide-brand{display:none}.main-content.guide-main{height:100dvh;min-height:0;padding-top:max(10px, var(--safe-top))}.guide-heading{gap:12px;margin-bottom:8px;display:flex}.guide-heading h1{font-size:22px}.guide-channel{flex:0 220px;margin:0}.guide-channel>span{display:none}}
.schedule-job{background:var(--surface,#1a1d24);border:1px solid var(--border,#30343e);border-radius:14px;min-width:0;margin-top:20px;padding:16px}.schedule-job-heading{align-items:center;gap:10px;display:flex}.schedule-job-heading strong{flex:1;font-size:15px}.schedule-job-heading>span{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:13px}.schedule-job svg{color:var(--accent,#5871ff);flex-shrink:0}.schedule-job[data-state=failed]>.schedule-job-heading svg,.schedule-job [data-state=failed]>svg{color:#f18e94}.settings-section .schedule-job progress{width:100%;height:6px;margin:14px 0;display:block}.settings-section .schedule-job p{margin:8px 0;font-size:13px}.schedule-job-current{color:var(--text)}.schedule-job-meta{color:var(--muted);font-size:12px}.schedule-job-counts{flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.schedule-job-counts>[data-state=failed]{color:#f18e94}.schedule-job-counts>[data-state=empty],.schedule-job [data-state=empty]>svg,.schedule-job[data-state=partial]>.schedule-job-heading svg{color:#e9be7c}.schedule-job-warning{color:#e9be7c;margin-top:12px;font-size:13px}.schedule-job-details{border-top:1px solid var(--border,#30343e);margin-top:14px;padding-top:12px}.schedule-job-details summary{cursor:pointer;color:var(--muted);font-size:13px}.schedule-job-details ul{margin:12px 0 0;padding:0;list-style:none}.schedule-job-details li{border-top:1px solid var(--border,#30343e);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.schedule-job-details li>div{flex:1;min-width:0}.schedule-channel-heading{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:13px;display:flex}.schedule-channel-heading strong{overflow-wrap:anywhere}.schedule-channel-heading span{color:var(--muted);font-size:12px}.schedule-spin{animation:1s linear infinite schedule-spin}@keyframes schedule-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.schedule-spin{animation:none}}
.soda-loading{--soda-mark-size:clamp(144px, 18vw, 168px);--soda-rise:-330px;z-index:2;isolation:isolate;pointer-events:none;background:#09101db3;flex-direction:column;justify-content:center;align-items:center;padding:76px 16px 50px;animation:.18s ease-out .16s both soda-appear;display:flex;position:absolute;inset:0;overflow:hidden}.soda-loading p{color:#f3f4f7;text-align:center;text-shadow:0 2px 12px #0009;margin:8px 0 0;font-size:clamp(18px,2vw,22px);font-weight:500}.soda-backdrop{z-index:-1;background:#09101d;position:absolute;inset:0}.soda-backdrop img{object-fit:cover;filter:blur(5px)saturate(.9);width:calc(100% + 24px);max-width:none;height:calc(100% + 24px);position:absolute;inset:-12px}.soda-backdrop:after{content:"";background:radial-gradient(at 50% 46%,#070a1059,#070a10bd),linear-gradient(#070a1033,#070a104d);position:absolute;inset:0}.soda-fizz{flex:none;width:min(340px,86vw);height:300px;position:relative}.soda-glow{background:radial-gradient(#006cff3d,#006cff00 70%);border-radius:50%;position:absolute;inset:12%}.soda-channel-loading .soda-glow{background:radial-gradient(#ffffff18,#fff0 70%)}.soda-mark{width:var(--soda-mark-size);height:var(--soda-mark-size);left:calc(50% - var(--soda-mark-size) * .5);top:calc(55% - var(--soda-mark-size) * .5);object-fit:contain;filter:drop-shadow(0 6px 18px #0006);animation:6s ease-in-out infinite soda-float;position:absolute}.soda-bubble{width:var(--bubble-size);height:var(--bubble-size);opacity:0;animation:soda-rise var(--bubble-time) linear var(--bubble-delay) infinite;background:radial-gradient(circle at 30% 27%,#fffffff0 0 8%,#e1efff0d 24% 70%,#e1efff40);border:1.5px solid #d8edffe6;border-radius:50%;position:absolute;bottom:-6%;box-shadow:0 0 5px #ffffff20,inset -1px -1px 3px #e1efff33}.soda-bubble.warm{border-color:#ff9eafe6}.soda-channel-title{color:#f3f4f7;text-align:center;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 12px #0009;max-width:85vw;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.12}@keyframes soda-rise{0%{opacity:0;transform:translate(0,0)scale(.7)}18%{opacity:.9}72%{opacity:.75}to{transform:translate3d(var(--bubble-sway), var(--soda-rise), 0) scale(1.08);opacity:0}}@keyframes soda-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}@keyframes soda-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.soda-loading,.soda-mark{animation:none}.soda-bubble{opacity:.65;bottom:var(--bubble-rest);animation:none}}@media (max-height:460px){.soda-fizz{width:250px;height:clamp(156px,48dvh,200px)}.soda-loading{--soda-mark-size:112px;--soda-rise:-220px;padding-top:60px;padding-bottom:24px}.soda-channel-title{font-size:clamp(26px,3.5vw,32px)}}
@font-face{font-family:PepsikaCinema;src:url(/fonts/player-montserrat.ttf)format("truetype");font-weight:100 900;font-display:swap}.player.player-shell{--player-safe-top:var(--safe-top,env(safe-area-inset-top,0px));--player-safe-right:var(--safe-right,env(safe-area-inset-right,0px));--player-safe-bottom:var(--safe-bottom,env(safe-area-inset-bottom,0px));--player-safe-left:var(--safe-left,env(safe-area-inset-left,0px));--hud-gutter:clamp(20px, 3.2vw, 64px);--hud-blue:#0075ff;height:min(100lvh, var(--visual-height,100dvh));isolation:isolate;color:#f3f4f7;background:#05070b;max-height:none;padding:0;font-family:PepsikaCinema,system-ui,sans-serif;overflow:hidden}.player-shell button{touch-action:manipulation;min-width:44px;min-height:44px;font-family:inherit}.player-shell button:focus-visible,.player-shell input:focus-visible,.player-shell select:focus-visible{outline-offset:3px;outline:2px solid #65d7ff;box-shadow:0 0 18px #0af6}.player-shell>.player-header{top:var(--player-safe-top);left:var(--player-safe-left);right:var(--player-safe-right);z-index:4;padding:clamp(18px, 2.1vw, 42px) var(--hud-gutter) 35px;background:linear-gradient(#05070bc9,#05070b40,#0000);justify-content:flex-start;align-items:center;gap:clamp(16px,1.8vw,36px);display:flex;position:absolute}.player-shell .player-header>button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#292b2c80,#0d1012a3);border:1px solid #ffffff80;border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;font-size:clamp(16px,1.4vw,24px);font-weight:600;display:flex}.player-header>button svg{width:clamp(22px,1.5vw,28px);height:auto}.player-context{border-left:1px solid #ffffffb3;flex-direction:column;gap:4px;min-width:0;padding-left:clamp(16px,1.8vw,34px);display:flex}.player-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(23px,2.4vw,42px);font-weight:750;line-height:1.1;overflow:hidden}.player-mode{color:#f0f0f0;align-items:center;gap:10px;font-size:clamp(13px,1.45vw,24px);display:flex}.player-mode i,.player-live-edge i{background:#ff283d;border-radius:50%;flex-shrink:0;width:.65em;height:.65em;display:inline-block}.player-brand{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.player-brand .player-wordmark{width:clamp(160px,16vw,280px);height:auto;display:block}.player-brand .player-symbol{display:none}.player-channel-switch{flex-shrink:0;gap:8px;display:flex}.player-channel-switch button{color:#fff;background:#0d101280;border:1px solid #fff6;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid}.player-channel-switch svg{width:24px;height:24px}.player-channel-switch button:hover{background:#0075ff55}.player-stage{background:#000;flex:1;min-width:0;min-height:0;position:relative}.player-shell .player-stage>video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.player-shell .player-stage>.soda-loading{inset:0}.player-feedback{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;inset:80px 16px auto}.player-feedback:empty{display:none}.player-shell>.player-controls{bottom:calc(var(--player-safe-bottom) + clamp(16px, 2.2vw, 42px));left:calc(var(--player-safe-left) + var(--hud-gutter));right:calc(var(--player-safe-right) + var(--hud-gutter));z-index:3;color:#f3f4f7;font-size:inherit;background:0 0;flex-flow:column;gap:clamp(16px,1.45vw,28px);padding:0;display:flex;position:absolute}.player-controls:before{content:"";z-index:-1;inset:-100px calc(-1 * var(--hud-gutter)) calc(-1 * clamp(16px, 2.2vw, 42px) - var(--player-safe-bottom));pointer-events:none;background:linear-gradient(#0000,#0007 45%,#000c);position:absolute}.player-information{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.player-heading{min-width:0}.player-heading h1{letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 20px #0008;margin:0;font-size:clamp(30px,3.8vw,64px);font-weight:750;line-height:1.1}.player-heading p{color:#c1c2c4;margin:6px 0 0;font-size:clamp(15px,1.55vw,26px);line-height:1.3}.player-up-next{text-align:right;flex-direction:column;gap:3px;min-width:0;max-width:35%;font-size:clamp(16px,1.65vw,28px);line-height:1.2;display:flex}.player-up-next span{color:#b5b8bc}.player-up-next strong{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:650;display:-webkit-box;overflow:hidden}.player-glass{-webkit-backdrop-filter:blur(24px)saturate(.85);backdrop-filter:blur(24px)saturate(.85);background:linear-gradient(115deg,#151818a8,#10151975 65%,#151a1a8c);border:1px solid #ffffff80;border-radius:clamp(14px,1.2vw,23px);padding:clamp(10px,.86vw,16px) clamp(18px,2.4vw,44px) clamp(16px,1.6vw,30px);position:relative;box-shadow:inset 0 1px #ffffff20,0 12px 40px #0004}.player-video-backdrop{display:none}.player-video-backdrop[data-ready=true]{border-radius:inherit;pointer-events:none;background:#05070b;display:block;position:absolute;inset:0;overflow:hidden}.player-video-backdrop canvas{filter:blur(24px);opacity:.5;width:calc(100% + 56px);height:calc(100% + 56px);position:absolute;inset:-28px}.player-video-backdrop:after{content:"";background:linear-gradient(115deg,#151818a8,#10151975 65%,#151a1a8c);position:absolute;inset:0}.player-timing,.player-dock-actions{position:relative}.player-controls[data-mode=catchup] .player-dock-actions{flex-wrap:wrap;gap:20px}.player-controls[data-mode=catchup] .player-secondary-actions{border-left:0;flex-basis:100%;padding-left:0}.player-timing{align-items:center;gap:clamp(12px,1.3vw,24px);height:clamp(38px,3.3vw,62px);display:flex}.player-timing>span{color:#f4f4f4;flex-shrink:0;font-size:clamp(16px,1.6vw,28px)}.player-timeline{flex:1;align-items:center;min-width:0;display:flex;position:relative}.player-controls input[type=range]{appearance:none;width:100%;height:44px;min-height:44px;accent-color:var(--hud-blue);cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.player-controls input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--hud-blue) var(--played), #606875b3 var(--played));height:8px}.player-controls input::-webkit-slider-thumb{-webkit-appearance:none;background:#f3f4f7;border:0;border-radius:50%;width:24px;height:24px;margin-top:-8px;box-shadow:0 0 8px #0003}.player-controls input::-moz-range-track{background:#606875b3;height:8px}.player-controls input::-moz-range-progress{background:var(--hud-blue);height:8px}.player-controls input::-moz-range-thumb{background:#f3f4f7;border:0;border-radius:50%;width:24px;height:24px}.player-live-progress{appearance:none;accent-color:#ff283d;background:#60687599;border:0;border-radius:0;width:100%;height:8px;display:block}.player-live-progress::-webkit-progress-bar{background:#60687599}.player-live-progress::-webkit-progress-value{background:#ff283d}.player-live-progress::-moz-progress-bar{background:#ff283d}.player-live-edge{white-space:nowrap;align-items:center;gap:7px;font-size:clamp(12px,1.15vw,20px);display:flex;position:absolute;top:-30px;transform:translate(-50%)}.player-dock-actions{align-items:center;gap:clamp(16px,4.3vw,80px);display:flex}.player-touch-controls{flex-shrink:0;align-items:center;gap:clamp(16px,3.3vw,64px);padding-left:clamp(12px,1.2vw,24px);display:flex}.player-dock-actions button{color:#f6f7f8;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:clamp(9px,1.2vw,22px);padding:12px 0;font-size:clamp(15px,1.6vw,28px);font-weight:500;display:flex}.player-dock-actions button svg{stroke-width:1.8px;flex-shrink:0;width:clamp(24px,2.8vw,48px);height:clamp(24px,2.8vw,48px)}.player-touch-controls>.player-toggle{background:linear-gradient(#004dacdd,#03235bdb);border:2px solid #60cfff;border-radius:clamp(12px,1.2vw,20px);min-height:clamp(58px,5vw,90px);padding:12px clamp(22px,3.3vw,64px);font-weight:650;box-shadow:inset 0 2px 8px #459bff55,0 0 16px #00aaff4d}.player-toggle svg{width:clamp(28px,2.8vw,48px);height:clamp(28px,2.8vw,48px)}.player-dock-actions .player-skip{aspect-ratio:1;width:clamp(48px,4vw,72px);padding:0;position:relative}.player-skip span{place-items:center;padding-top:4px;font-size:clamp(12px,1.1vw,19px);font-weight:600;display:grid;position:absolute;inset:0}.player-touch-controls>.player-beginning{background:linear-gradient(#ffffff0d,#00000024);border:1px solid #ffffff40;padding:14px clamp(18px,3vw,56px)}.player-secondary-actions{border-left:1px solid #fff6;flex:1;justify-content:space-around;align-items:center;gap:clamp(12px,1.5vw,28px);min-width:0;padding-left:clamp(16px,2vw,36px);display:flex}.player-dock-actions .player-fullscreen{padding:6px}.player-dock-actions .player-fullscreen svg{width:24px;height:24px}.player-header,.player-controls{transition:opacity .18s,translate .18s}.player-shell[data-controls=hidden]>.player-header,.player-shell[data-controls=hidden]>.player-controls{opacity:0;pointer-events:none}.player-shell[data-controls=hidden]>.player-controls{translate:0 6px}.player-shell[data-controls=hidden]>.player-controls button,.player-shell[data-controls=hidden]>.player-controls input{pointer-events:none}.player-sheet-backdrop{z-index:10;background:#0007;justify-content:flex-end;display:flex;position:absolute;inset:0}.player-sheet{width:min(520px,100%);height:100%;max-height:100%;padding:calc(var(--player-safe-top) + 24px) 28px calc(var(--player-safe-bottom) + 24px);color:#f3f4f7;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#10151ae6;border-left:1px solid #ffffff40;overflow:auto}.player-sheet-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.player-sheet h2{margin:0;font-size:24px;line-height:1.2}.player-sheet button{color:#f3f4f7;text-align:left;background:#ffffff08;border:1px solid #ffffff25;border-radius:12px;padding:12px;font-size:16px}.player-sheet button[aria-pressed=true]{background:#006eff36;border-color:#65d7ff}.player-audio{flex-direction:column;gap:24px;display:flex}.player-audio label{flex-direction:column;gap:12px;display:flex}.player-audio fieldset{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.player-audio legend{margin-bottom:12px;font-size:18px;font-weight:600}.player-audio p{color:#b5b8bc;line-height:1.5}.player-audio input{width:100%;min-height:44px;accent-color:var(--hud-blue)}.player-sheet .player-programme{align-items:flex-start;gap:20px;width:100%;margin:0 0 12px;display:flex}.player-programme time{color:#a9b8d6}.player-programme span{flex-direction:column;gap:6px;display:flex}.player-programme small{color:#b5b8bc}.player-programme:disabled{opacity:.55}@media (max-width:1200px){.player-secondary-actions{gap:12px;padding-left:16px}.player-dock-actions{gap:20px}.player-touch-controls{gap:16px}.player-dock-actions button{font-size:16px}.player-dock-actions button svg{width:28px;height:28px}.player-touch-controls>.player-toggle{padding:12px 20px}.player-dock-actions .player-fullscreen{display:none}}@media (max-width:800px){.player.player-shell{--hud-gutter:16px}.player-shell>.player-header{padding:16px var(--hud-gutter) 28px;gap:12px}.player-shell .player-header>button{min-width:44px;padding:8px}.player-header>button span{display:none}.player-context{border-left:0;padding-left:0}.player-context strong{font-size:20px}.player-mode{font-size:12px}.player-brand .player-wordmark{display:none}.player-brand .player-symbol{width:38px;height:auto;display:block}.player-channel-switch{gap:4px}.player-header:has(.player-channel-switch){gap:8px}.player-header:has(.player-channel-switch) .player-context{flex:1}.player-information{gap:12px}.player-heading h1{font-size:clamp(26px,4vw,38px)}.player-heading p{font-size:14px}.player-up-next{display:none}.player-shell>.player-controls{bottom:calc(var(--player-safe-bottom) + 14px);gap:14px}.player-glass{padding:10px 14px 14px}.player-timing{gap:10px;height:44px}.player-timing>span{font-size:14px}.player-live-edge{font-size:11px;top:-18px}.player-dock-actions{flex-wrap:wrap;gap:12px}.player-touch-controls{flex:1;justify-content:center;gap:20px}.player-touch-controls>.player-toggle{min-height:54px;padding:10px 18px;font-size:17px}.player-touch-controls>.player-beginning{padding:10px;font-size:14px}.player-dock-actions .player-skip{width:44px}.player-secondary-actions{border-top:1px solid #ffffff25;border-left:0;flex-basis:100%;justify-content:space-around;gap:8px;padding:8px 0 0}.player-secondary-actions>button{white-space:normal;gap:7px;padding:4px;font-size:13px}.player-secondary-actions>button svg{width:20px;height:20px}.player-controls input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px}.player-controls input::-moz-range-thumb{width:18px;height:18px}}@media (max-height:500px) and (orientation:landscape){.player.player-shell{--hud-gutter:16px}.player-shell>.player-header{padding:8px var(--hud-gutter) 22px}.player-header>button{padding:6px 10px!important}.player-context strong{font-size:20px}.player-mode{font-size:11px}.player-brand img{width:34px}.player-brand b{color:#f3f4f7;font-size:24px}.player-shell>.player-controls{bottom:calc(var(--player-safe-bottom) + 10px);gap:8px}.player-heading h1{font-size:27px}.player-heading p{margin-top:3px;font-size:12px}.player-glass{padding:4px 14px 8px}.player-timing{height:36px}.player-timing>span{font-size:13px}.player-live-edge{font-size:10px;top:-15px}.player-dock-actions{flex-wrap:nowrap;gap:14px}.player-touch-controls{flex:none;gap:10px}.player-touch-controls>.player-toggle{min-height:44px;padding:7px 14px;font-size:15px}.player-touch-controls>.player-beginning{padding:8px}.player-secondary-actions{border-top:0;border-left:1px solid #ffffff40;flex-basis:auto;padding:0 0 0 12px}.player-dock-actions button{gap:7px;padding:6px;font-size:13px}.player-dock-actions button svg{width:23px;height:23px}.player-up-next{display:none}}@media (prefers-reduced-motion:reduce){.player-header,.player-controls{transition:none}}@media (max-width:380px){.player-toggle span{display:none}.player-touch-controls{gap:14px}}.player-controls[data-mode=live] .player-dock-actions{gap:clamp(16px,3.3vw,64px)}@media (max-width:1200px){.player-touch-controls{padding-left:0}.player-controls[data-mode=live] .player-dock-actions{gap:20px}}@media (max-height:500px) and (orientation:landscape){.player-controls[data-mode=live] .player-dock-actions{gap:14px}}.player-heading h1,.player-heading p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.player-dock-actions:has(button:focus) .player-toggle:not(:focus){border-color:#3d89c7;box-shadow:inset 0 2px 8px #459bff55}.programme-guide-window.dialog{width:min(1400px,100%);height:min(820px, calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px));flex-direction:column;max-height:none;padding:20px;display:flex}.programme-guide-window>header{flex-shrink:0;margin-bottom:6px}.guide-window-channel{color:var(--muted);margin:0 0 16px;font-size:15px}@media (max-width:600px){.player-guide-label-long{display:none}.player-shell .player-controls .player-guide-button{gap:6px;padding-inline:9px;font-size:12px}.programme-guide-window.dialog{height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);padding:12px}.guide-window-channel{margin-bottom:10px;font-size:13px}}@media (max-height:500px){.programme-guide-window.dialog{height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);padding:10px}.guide-window-channel{margin-bottom:6px}}.player-shell .programme-guide-window.dialog{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(115deg,#151818ed,#101519e6);border:1px solid #fff6}
.remote-page{--remote-blue:#4f72ff;min-height:100svh;padding:calc(14px + var(--safe-top)) max(16px, var(--safe-right)) calc(18px + var(--safe-bottom)) max(16px, var(--safe-left));color:#f3f4f7;background:#0d0f12}.remote-console{width:min(100%,390px);margin:0 auto}.remote-header{justify-content:space-between;align-items:center;height:48px;display:flex}.remote-header .brand-logo{width:146px}.remote-header>div{gap:10px;display:flex}.remote-header button,.remote-header a{color:#c9cdd6;background:linear-gradient(150deg,#20252b,#14181d);border:1px solid #2a3038;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.remote-console>h1{letter-spacing:-1.7px;margin:6px 0 8px;font-size:46px;font-weight:750;line-height:1}.remote-selector,.remote-playing{background:linear-gradient(120deg,#1c2229,#171c22);border:1px solid #2c323b;border-radius:19px;width:100%;box-shadow:inset 0 1px #ffffff09}.remote-selector{text-align:left;justify-content:flex-start;gap:12px;min-height:56px;padding:8px 11px}.remote-selector>svg{color:#d8dce5;flex-shrink:0;margin-left:auto}.remote-device-icon{background:linear-gradient(145deg,#303742,#222830);border:1px solid #ffffff0b;border-radius:13px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 1px 5px #ffffff08,0 3px 9px #0002}.remote-device-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.remote-device-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.15;overflow:hidden}.remote-device-copy small{color:#9a9da6;align-items:center;gap:7px;font-size:12px;display:flex}.remote-device-copy i{background:#666d79;border-radius:50%;flex-shrink:0;width:7px;height:7px}.remote-device-copy i.online{background:#54df80;box-shadow:0 0 9px #54df801a}.remote-playing{margin:10px 0;padding:10px 13px 8px}.remote-playing-line{align-items:center;gap:10px;display:flex}.remote-playing-line>div{flex:1;min-width:0}.remote-playing strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.2;display:block;overflow:hidden}.remote-playing small{color:#8e9aaf;margin-top:4px;font-size:12px;display:block}.remote-transfer{color:#6285ff;text-align:left;background:0 0;border:none;flex-shrink:0;gap:4px;padding:0;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.remote-transfer:hover{background:0 0}.remote-progress{background:#39414d;border-radius:5px;height:5px;margin-top:9px;overflow:hidden}.remote-progress span{border-radius:inherit;background:linear-gradient(90deg,#345bff,#5683ff);height:100%;transition:width .5s linear;display:block}.remote-times{color:#8f9bb1;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.remote-button{-webkit-user-select:none;user-select:none;touch-action:manipulation;color:#f3f4f7;background:linear-gradient(145deg,#2a3038,#191e24);border:1px solid #303842;transition:transform .1s,background .1s,box-shadow .1s;box-shadow:inset 0 1px 2px #ffffff0c,0 5px 13px #0006}.remote-button:active{background:#313b4c;transform:translateY(2px)scale(.97);box-shadow:inset 0 2px 8px #0008}.remote-button:disabled{opacity:.34}.remote-navigation{gap:12px;display:flex}.remote-navigation .remote-button{border-radius:16px;flex:1;gap:12px;height:44px;padding:7px 12px;font-size:15px;font-weight:600}.remote-pad{aspect-ratio:1;isolation:isolate;background:#090c10;border-radius:50%;width:min(100%,276px);margin:12px auto 6px;position:relative;box-shadow:0 0 0 1px #34445866,0 0 0 4px #121922,0 7px 28px #000b}.remote-pad>svg{pointer-events:none;position:absolute}.remote-direction{clip-path:url(#remote-pad-sector);width:100%;height:100%;box-shadow:none;background:radial-gradient(at 50% 0,#353c46,#202731 70%);border:none;border-radius:50%;padding:0;position:absolute;inset:0}.remote-direction>svg{position:absolute;top:26px;left:calc(50% - 19px)}.remote-direction-1{transform:rotate(90deg)}.remote-direction-2{transform:rotate(180deg)}.remote-direction-3{transform:rotate(270deg)}.remote-direction:active{background:#3d4c67;transform:none}.remote-direction-1:active{transform:rotate(90deg)}.remote-direction-2:active{transform:rotate(180deg)}.remote-direction-3:active{transform:rotate(270deg)}.remote-direction:focus-visible{background:#3d4c67;outline:none}.remote-ok{z-index:2;background:radial-gradient(circle at 35% 15%,#4392ff,#2058ff 70%,#1430bb);border:2px solid #6fb0ff;border-radius:50%;width:42%;height:42%;padding:0;font-size:30px;font-weight:750;position:absolute;top:29%;left:29%;box-shadow:inset 0 2px 7px #b9e5ff55,0 0 0 5px #0f1e48,0 0 28px #315cff44}.remote-ok:hover,.remote-pause:hover{background:linear-gradient(145deg,#5a9dff,#2456f1)}.remote-ok:active{background:#1d48c7;transform:scale(.96);box-shadow:inset 0 3px 12px #071c63,0 0 0 5px #0f1e48}.remote-transport{justify-content:space-between;align-items:center;gap:15px;margin:8px 4px 10px;display:flex}.remote-transport .remote-button{border-radius:50%;width:64px;height:64px;padding:0;position:relative}.remote-transport .remote-pause{background:radial-gradient(circle at 30% 10%,#5197ff,#2054f2 80%);border:1px solid #528bff;width:74px;height:74px;box-shadow:inset 0 1px 6px #b9e5ff40,0 5px 16px #00279a33}.remote-seconds{font-size:10px;font-weight:700;line-height:1;position:absolute;top:29px;left:0;right:0}.remote-audio{gap:10px;display:flex}.remote-audio>div{background:linear-gradient(145deg,#242b34,#161b21);border:1px solid #2b323c;border-radius:18px;flex:1;align-items:center;gap:9px;min-width:0;padding:6px;display:flex}.remote-audio .remote-button{border-radius:13px;gap:0;min-width:44px;height:44px;padding:0}.remote-audio input{accent-color:#6587ff;cursor:pointer;background:0 0;border:none;flex:1;height:24px;min-height:0;padding:0}.remote-audio>.remote-button{border-radius:17px;width:58px;height:58px}.remote-tabs{background:#181d23;border:1px solid #272d35;border-radius:20px;gap:9px;margin-top:10px;padding:6px;display:flex}.remote-tabs button{color:#919cb1;white-space:nowrap;background:linear-gradient(145deg,#222a33,#181d23);border:1px solid #0000;border-radius:14px;flex:1;gap:9px;min-width:0;height:45px;padding:5px 9px;font-size:13px;font-weight:600}.remote-tabs button.selected{color:#fff;background:linear-gradient(120deg,#233b99,#10309b);border-color:#4d71ff;box-shadow:inset 0 0 11px #316dff33,0 0 12px #284fff1c}.remote-more{color:#8e9bb0;background:0 0;border:none;width:100%;min-height:36px;margin-top:3px;font-size:11px}.remote-help,.remote-volume-help{color:#9a9da6;margin:8px 3px;font-size:12px;line-height:1.5}.remote-volume-help{text-align:center;font-size:11px}.remote-devices{flex-direction:column;gap:10px;display:flex}.remote-devices>button{text-align:left;gap:12px;min-height:70px;padding:12px}.remote-extra{flex-direction:column;gap:8px;display:flex}.remote-extra button{justify-content:space-between}.remote-library-page .remote-console{width:min(100%,900px)}.remote-library-page .remote-selector{max-width:440px;margin-bottom:24px}.remote-library-page .remote-tabs{max-width:440px;margin:20px auto 0;position:sticky;bottom:10px;box-shadow:0 -8px 30px #0d0f1280}.remote-catalog .toolbar h1{display:none}.remote-catalog .toolbar{margin-bottom:20px}.remote-catalog .toolbar .search{width:100%;max-width:500px}.remote-catalog .poster-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}@media (min-width:700px){.remote-page{padding-top:28px;padding-bottom:28px}}@media (max-width:365px){.remote-page{padding-left:12px;padding-right:12px}.remote-pad{width:250px}.remote-transport{gap:12px}.remote-transport .remote-button{width:58px;height:58px}.remote-transport .remote-pause{width:67px;height:67px}.remote-tabs button{gap:6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.remote-page *,.remote-page :before{transition:none!important;animation:none!important}}.remote-pad .remote-button{touch-action:none}.remote-tabs{padding:4px}.remote-tabs button{height:44px}.remote-audio input[type=range]{appearance:none;border-radius:5px;height:7px}.remote-audio input[type=range]::-webkit-slider-thumb{appearance:none;background:#f3f4f7;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 5px #0005}.remote-audio input[type=range]::-moz-range-thumb{background:#f3f4f7;border:none;border-radius:50%;width:16px;height:16px}
