:root{--accent:#ead1a3;--ink:#101619;--muted:#95a3aa;--line:rgba(255,255,255,.12);--focus:#f7e4c6}
html[data-brand=kolo]{--accent:#c5e68d;--focus:#e0f4bb}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b0d;color:#f3f4f1;font-family:Arial,"Helvetica Neue",sans-serif;font-size:1.25vw}body{min-width:640px}button,input,select{font:inherit}button{border:1px solid var(--line);border-radius:.45rem;background:#202a2f;color:#f3f4f1;padding:.65rem 1rem;cursor:pointer;line-height:1.2}button:hover{background:#303d43}button:disabled{opacity:.35;cursor:default}button:focus,input:focus,select:focus,[tabindex]:focus{outline:3px solid var(--focus);outline-offset:2px}button.focused,button:focus{background:var(--accent);color:#101619}button.primary{background:var(--accent);border-color:var(--accent);color:#101619;font-weight:700}button.danger{color:#ffaba4}
button.danger:focus,button.danger.focused{color:#6b1a14}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:2.35rem;line-height:1.1;font-weight:600;letter-spacing:-.04em}h2{font-size:2rem;line-height:1.2;font-weight:500;letter-spacing:-.03em}p{line-height:1.5}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;font-weight:700;margin-bottom:.7rem}.primary{font-weight:700}.status-dot{display:inline-block;width:.32rem;height:.32rem;vertical-align:middle;border-radius:50%;background:#a8d8a0;margin-right:.5rem}.wordmark{display:flex;align-items:center;font-size:1.5rem;font-weight:800;letter-spacing:.05em;white-space:nowrap}.brand-symbol{width:1.05rem;height:1.05rem;border:.27rem solid var(--accent);border-radius:50%;margin-right:.55rem}.tv-label{font-size:.6rem;font-weight:500;letter-spacing:.2em;border-left:1px solid #556168;margin-left:.7rem;padding-left:.7rem;color:var(--muted)}#header{position:absolute;top:0;left:0;right:0;height:12vh;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);z-index:4;background:rgba(11,17,20,.93)}#main-nav{display:flex;margin-left:4vw}.nav-button{margin-right:.3rem;background:none;border:1px solid transparent;padding:.65rem .85rem;font-size:.8rem;color:#aeb9bc}.nav-button.selected{color:#fff;border-bottom-color:var(--accent);border-radius:0}.nav-button:focus{color:#101619;border-radius:.45rem}#clock{margin-left:auto;font-size:1rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}#demo-badge{font-size:.55rem;color:var(--accent);margin-left:1rem;max-width:8rem;line-height:1.3}#video{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;background:#000;object-fit:contain}#scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(10,16,20,.98) 0%,rgba(10,16,20,.94) 60%,rgba(10,16,20,.75) 100%)}body.watching #scrim{background:none}body.watching #header,body.watching #hints{display:none}body.watching #show-menu{display:block}#show-menu{position:absolute;right:2vw;top:2vh;background:rgba(10,16,20,.75);z-index:4;font-size:.8rem}#show-menu:focus{background:var(--accent);color:#101619}body.watching.menu-idle #show-menu{display:none}.programme.is-now{border-left:.35rem solid var(--accent)}#hints{position:absolute;bottom:0;height:7vh;left:0;right:0;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 3vw;background:rgba(11,17,20,.96);z-index:3;color:#aab5ba;font-size:.65rem}#hints>span{margin-right:2rem}#hints .connection{margin-left:auto;margin-right:0}kbd{font:inherit;background:#28333a;border-radius:.2rem;padding:.17rem .35rem;color:#e5ebe9;margin-right:.4rem}.screen{position:absolute;top:12vh;bottom:7vh;left:3vw;right:3vw;z-index:2}.pairing-screen{display:flex;align-items:center;justify-content:space-between;left:8vw;right:8vw}.pair-copy{width:49%;max-width:32rem}.pair-copy h1{font-size:3.6rem;max-width:8em;line-height:1.04;margin-bottom:1.2rem}.lead{color:#acb7bc;font-size:1.03rem;max-width:25rem;margin-bottom:2rem}.pair-step{display:flex;align-items:center;margin:.8rem 0}.pair-step>span{display:flex;align-items:center;justify-content:center;border:1px solid #45535b;width:1.6rem;height:1.6rem;border-radius:50%;font-size:.8rem;margin-right:.8rem;color:var(--accent)}.pair-step p{font-size:.8rem}.bookmark-note{border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem;font-size:.7rem;color:var(--muted);max-width:25rem}.pair-card{width:42%;border:1px solid #3a454b;border-radius:1rem;padding:2.5rem 2rem;background:#182227;text-align:center}.pair-card .eyebrow{color:#aeb9bf}#pair-code{font-size:4.1rem;letter-spacing:.13em;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;margin:1.1rem 0 1.4rem;white-space:nowrap}#pair-status{font-size:.78rem;min-height:2.6rem}.pair-countdown{margin:1rem 0;font-size:.65rem;color:var(--muted)}.pair-language{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.pair-card button{font-size:.75rem;margin:.4rem}select{color:#fff;background:#202a2f;border:1px solid #52616b;border-radius:.3rem;padding:.45rem}.section-heading{display:flex;align-items:center;justify-content:space-between;height:12vh}.section-heading .muted{font-size:.75rem}.section-heading .eyebrow{margin-bottom:.5rem}.channels-screen{display:flex}.channel-list-pane{width:66%;padding-right:2.5vw;display:flex;flex-direction:column}.channel-list-pane .section-heading{height:12vh;flex-shrink:0}#channel-list{height:60vh;display:flex;flex-direction:column}.channel-row{height:6vh;flex-shrink:0;display:flex;align-items:center;width:100%;border-radius:.35rem;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.055);padding:0 .8rem;text-align:left;background:transparent;position:relative;color:#f0f2ee}.channel-row:focus{outline-offset:-2px}.channel-number{width:2.2rem;flex-shrink:0;font-size:.68rem;font-variant-numeric:tabular-nums;color:#8d9ba3}.channel-logo{width:1.6rem;height:1.6rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#2d3a42;color:#d9e0df;font-size:.58rem;font-weight:700;margin-right:.85rem}.channel-name{width:38%;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-epg{flex:1;min-width:0;margin-left:1rem}.channel-epg-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;color:#a9b4b9}.channel-mini-progress{height:2px;background:#3a464c;width:70%;margin-top:.25rem}.channel-mini-progress i{display:block;height:100%;background:var(--accent)}.channel-row.is-playing:before{content:"";width:.2rem;height:1.4rem;background:var(--accent);position:absolute;left:0;border-radius:.1rem}.channel-row:focus .channel-number,.channel-row:focus .channel-epg-title{color:#3c494a}.channel-row:focus .channel-mini-progress i{background:#304139}.channel-row .playing-label{font-size:.48rem;letter-spacing:.08em;margin-left:.6rem;color:var(--accent)}.channel-row:focus .playing-label{color:#273d29}.list-footer{display:flex;align-items:center;height:8vh;flex-shrink:0;font-size:.65rem}.list-footer button{font-size:.65rem;padding:.4rem .55rem;background:transparent;margin-right:.6rem}.list-footer button:focus{background:var(--accent)}.list-footer>span{margin-right:.8rem;color:var(--muted)}.now-pane{width:34%;padding:16vh 0 0 2.5vw;border-left:1px solid var(--line)}.now-pane h2{margin:1.2rem 0 1rem;font-size:2.5rem}.now-pane>p{font-size:1.1rem}.now-pane .muted{font-size:.7rem;margin-top:.8rem}.thin-progress{height:3px;background:#46525a;margin-top:1.3rem;width:90%}.thin-progress>span{display:block;height:100%;background:var(--accent)}.next-programme{border-top:1px solid var(--line);margin:2rem 0;padding-top:1.2rem}.next-programme p{font-size:.85rem;color:#a7b4b9}.category-rail{width:18vw;flex-shrink:0;border-right:1px solid var(--line);padding:4vh 1.5vw 0 0;margin-right:2vw;overflow:auto}.category-rail button{display:block;width:100%;text-align:left;background:none;border:0;padding:.8rem .65rem;margin-bottom:.25rem;color:#a7b2b9;font-size:.85rem}.category-rail button[aria-selected=true]{color:#fff;background:#26343a}.category-rail button:focus{background:var(--accent);color:#101619}.channels-screen.with-categories .channel-list-pane{width:calc(100% - 20vw);padding-right:0}.channels-screen.with-categories .now-pane{display:none}.library-screen{display:flex}.vod-content{flex:1;min-width:0}.vod-content .section-heading{height:11vh}#vod-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,29vh);grid-column-gap:1vw;grid-row-gap:1.5vh;height:62vh}.vod-card{padding:0;background:none;border:1px solid var(--line);border-radius:.45rem;overflow:hidden;text-align:left;min-width:0}.poster-art{background:linear-gradient(155deg,#344851,#182228 70%);color:#95abb5;display:flex;flex-direction:column;align-items:center;justify-content:center}.vod-card .poster-art{height:22vh;font-size:3rem;letter-spacing:-.07em;border-bottom:1px solid #384950}.vod-card:nth-child(3n+2) .poster-art{background:linear-gradient(160deg,#574938,#25241f);color:#c0ad91}.vod-card:nth-child(3n) .poster-art{background:linear-gradient(160deg,#3e4b3b,#1d2924);color:#a5bca3}.poster-art img{width:100%;height:100%;object-fit:cover}.poster-art small{font-size:.45rem;letter-spacing:.17em;margin-top:.7rem;text-transform:uppercase}.vod-title{display:block;font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.4rem .4rem .1rem}.vod-meta{display:block;font-size:.55rem;padding:0 .4rem;color:var(--muted)}.vod-card:focus .vod-meta{color:#45554b}.sheet-screen{background:rgba(13,20,24,.98);padding:0 1vw}.guide-days{display:flex;align-items:center;margin-bottom:1rem;font-size:.8rem}.guide-days>*{margin-right:1rem}#programme-list{height:58vh;overflow:auto}.programme{display:flex;width:100%;align-items:center;text-align:left;margin-bottom:.35rem;padding:.85rem;font-size:.85rem}.programme time{width:10rem;color:#aeb9bf}.programme span:last-child{margin-left:auto;font-size:.6rem}.programme:focus time{color:#384d3b}.detail-body{display:flex;padding:4vh 2vw}.detail-body>.poster-art{width:20vw;height:50vh;font-size:6rem;border-radius:.6rem;flex-shrink:0}.detail-copy{padding:0 3vw;flex:1;overflow:auto;max-height:59vh}.detail-copy h1{font-size:3rem;margin:.7rem 0 1.2rem;max-width:20em}.detail-copy p{font-size:.88rem;max-width:45em;color:#aeb9bf}.detail-facts{display:grid;grid-template-columns:max-content 1fr;grid-gap:.3rem 1.2rem;margin:1.1rem 0 0;font-size:.74rem;max-width:45em}
.detail-facts dt{color:var(--muted)}
.detail-facts dd{margin:0;color:#d5dde0;min-width:0;overflow-wrap:anywhere}
.detail-facts .fact-long{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#detail-actions{margin:1.5rem 0}#detail-actions button{margin-right:.7rem;font-size:.85rem}#seasons select{margin:.7rem 0}#seasons button{display:block;width:100%;margin:.4rem 0;text-align:left;font-size:.8rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;margin:2vh 0 2rem}.setting{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#1b272d;border:1px solid var(--line);border-radius:.5rem;font-size:.85rem;min-height:8vh;text-align:left}.sheet-screen>.muted{font-size:.75rem}.modal{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:10;display:flex;align-items:center;justify-content:center}.modal form{width:54vw;background:#1b282f;border:1px solid #50616b;border-radius:.8rem;padding:2rem}.modal h2{margin-bottom:1rem}.modal input{width:100%;padding:.8rem;margin-bottom:1rem;background:#0f181e;color:#fff;border:1px solid #56666d;border-radius:.4rem}.modal button{margin-right:.7rem}.notice{position:absolute;left:25vw;right:25vw;top:33vh;padding:2rem;border:1px solid #6d6251;border-radius:.7rem;background:#222b2f;z-index:12;box-shadow:0 0 0 100vw rgba(0,0,0,.55)}.notice p{font-size:1.05rem;margin-bottom:1rem}.notice button{font-size:.8rem;margin-right:.6rem}#play-info{position:absolute;bottom:8vh;left:5vw;right:5vw;z-index:5;background:rgba(14,22,27,.94);border:1px solid #3a474f;border-radius:.6rem;padding:1.5rem;display:flex;align-items:center}#play-info>div{flex:1}#play-info button{margin-left:.7rem;font-size:.7rem}#play-info h2{font-size:1.7rem}#play-info p{font-size:.8rem;color:#aebbc0;margin-top:.4rem}#transport{position:absolute;bottom:5vh;left:10vw;right:10vw;background:rgba(18,27,33,.96);padding:1.5rem;border-radius:.6rem;z-index:6}.transport-title{display:flex;justify-content:space-between;margin-bottom:1rem}.transport-title span:last-child{color:#a3b4bb;font-variant-numeric:tabular-nums}#seek{width:100%;margin:.5rem 0 1.2rem;accent-color:var(--accent)}#transport button{font-size:.8rem;margin-right:.8rem}.gesture-button{position:absolute;top:40vh;left:34vw;width:32vw;padding:2rem;z-index:7;background:rgba(22,31,36,.95);border:1px solid var(--accent);display:flex;flex-direction:column;align-items:center}.play-triangle{font-size:2rem;margin-bottom:.7rem}#vod-status{padding:2rem;color:#adbdc5}.back-button{margin-top:2rem}body.pairing-mode #main-nav,body.pairing-mode #hints{visibility:hidden}
@media(max-aspect-ratio:4/3){body{font-size:1.6vw}#main-nav{margin-left:2vw}.nav-button{font-size:.7rem;padding:.5rem}.pair-copy h1{font-size:3rem}.channel-list-pane{width:100%;padding:0}.now-pane{display:none}.category-rail{width:22vw}#vod-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow:auto}.pairing-screen{left:5vw;right:5vw}.pair-card{width:45%;padding:1.5rem 1rem}#pair-code{font-size:3.3rem}}

#pin-form{width:32rem;max-height:88vh;overflow:auto}#pin-form label{display:block;margin:.65rem 0}#pin-form label span{display:block;font-size:.8rem;margin-bottom:.2rem}#pin-form input{width:100%;padding:.45rem;background:#10191d;color:#fff;border:1px solid #657078;border-radius:.3rem}.pin-actions button{margin:.35rem .3rem 0 0}#pin-status{margin:.5rem 0;color:var(--muted)}
.confirm-box{width:46vw;background:#1b282f;border:1px solid #50616b;border-radius:.8rem;padding:2rem}
#confirm-text{margin-bottom:1rem;font-size:.85rem;color:#c9d2d6}
.devices-count{font-size:.85rem;margin:.5rem 0}
#devices-status{min-height:1.4rem;margin:.6rem 0 .3rem;color:var(--muted);font-size:.75rem}
.device-list{display:grid;grid-gap:.7rem;max-height:52vh;overflow:auto;padding:3px}
.device-row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;background:#1b272d;border:1px solid var(--line);border-radius:.5rem}
.device-row.current{border-color:#50616b}
.device-row h2{font-size:.95rem;margin-bottom:.3rem;overflow-wrap:anywhere}
.device-meta{font-size:.72rem;color:var(--accent);margin-bottom:.25rem}
.device-row .muted{font-size:.62rem}
.device-row button{flex-shrink:0;margin-left:1rem}

/* Decoded raster sizes are bounded in billing and rechecked by the image queue. */
.channel-logo,.poster-art{position:relative;overflow:hidden}.channel-logo img{width:100%;height:100%;object-fit:contain}.has-image>.image-fallback{display:none}

/* Keep connection feedback visible above the video during an outage. */
body.watching.connection-waiting #hints{display:flex}
body.connection-waiting .status-dot{background:#e7b46b}