:root{color-scheme:dark;--bg:#0b0e12;--surface:#11161c;--card:#161c23;--hover:#1b232c;--line:#252e38;--text:#edf2f5;--muted:#8593a1;--dim:#536372;--accent:#69e1c9;--accent-rgb:105,225,201;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100vh;height:100dvh;min-width:300px;display:flex;flex-direction:column}button,input,select{font:inherit}button,input,select,a{touch-action:manipulation;outline:none}button{cursor:pointer;border:0;background:none;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{pointer-events:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#09271e}[hidden]{display:none!important}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-50px;left:20px;z-index:100;background:var(--accent);color:#123b30;font-size:12px;padding:10px 14px;border-radius:0 0 6px 6px}.skip-link:focus{top:0}
.topbar{height:66px;flex:0 0 66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:10px;justify-self:start}.brand-symbol{display:block;position:relative;width:25px;height:27px}.brand-symbol>span{position:absolute;inset:0;border:2.5px solid var(--accent);border-radius:8px 11px 11px 8px}.brand-symbol:before{content:'';position:absolute;left:8px;top:7px;width:7px;height:12px;border:1.8px solid var(--accent);border-left:0;border-radius:0 7px 7px 0}.brand-symbol i{position:absolute;right:-4px;top:-4px;height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.brand-text{font-size:24px;font-weight:730;letter-spacing:-1.3px}.brand-text>span{font-size:11px;font-weight:500;color:var(--accent);letter-spacing:-.2px;margin-left:4px}.country-tabs{display:flex;border:1px solid var(--line);background:var(--surface);padding:4px;gap:4px;border-radius:8px}.country-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:126px;min-height:31px;padding:7px 17px;border-radius:5px;color:var(--muted);font-size:11px;transition:background .15s,color .15s}.country-tabs a:hover{background:var(--hover);color:var(--text)}.country-tabs a[aria-current=true]{background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.country-code{font-size:7px;letter-spacing:1px;font-weight:650;opacity:.7}.topbar-actions{display:flex;align-items:center;gap:17px;justify-self:end}.top-tv-button{font-size:10px;display:flex;align-items:center;gap:7px;color:#a8b5c0;min-height:32px;white-space:nowrap;padding:5px}.top-tv-button svg{width:16px;height:16px}.top-tv-button[aria-pressed=true]{color:var(--accent)}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:6px;color:#a5b4c0;background:rgba(255,255,255,.015)}.icon-button svg{width:15px;height:15px}.icon-button:hover:not(:disabled){border-color:#4e756a;color:var(--accent)}.icon-button.is-saved{color:var(--accent);background:rgba(var(--accent-rgb),.09)}.icon-button.is-saved svg{fill:rgba(var(--accent-rgb),.12)}
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:20px;padding:20px 24px 8px;overflow:hidden}.player-panel{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 65px;border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:hidden}.video-stage{min-height:0;min-width:0;position:relative;display:grid;place-items:center;isolation:isolate;background:#0b141c;overflow:hidden}.stage-backdrop{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:58% 50%;z-index:-3;filter:saturate(.45) brightness(.54);opacity:.58}.stage-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(125deg,#0a141cdf,#12263247 60%,#0b182879),linear-gradient(0deg,#0a121cbb,transparent 75%)}.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:2}.stage-brand{position:absolute;top:21px;left:23px;font-size:20px;font-weight:700;letter-spacing:-1px;color:#c7d6db88}.stage-brand>span{font-size:9px;color:#9ccfc188;letter-spacing:0;margin-left:4px}.stage-preview{position:absolute;top:25px;right:23px;color:#b1c6c477;font-size:7px;letter-spacing:1.8px}.player-placeholder{text-align:center;padding:36px 25px;max-width:90%;color:#eef6f6}.welcome-play{width:55px;height:55px;display:grid;place-items:center;margin:0 auto;border:1px solid #b2ddce35;border-radius:50%;background:#6ce3c90b;color:#b2e8d9}.welcome-play svg{width:18px;height:18px;fill:currentColor;stroke:none;margin-left:2px}.player-channel-mark{margin-bottom:25px;--channel-color:#69e1c9}.player-channel-mark .channel-wordmark{min-height:48px}.player-state-label{color:#a0c6b9;font-size:7px;letter-spacing:2.1px;font-weight:500}.player-placeholder h2{font-size:25px;letter-spacing:-.8px;font-weight:530;line-height:1.3;margin:14px 0 11px}.player-placeholder p{font-size:11px;color:#93a9b5;line-height:1.8;margin:0 auto;max-width:280px}.player-placeholder .secondary-button{margin-top:18px}.stage-caption{position:absolute;left:23px;bottom:23px;font-size:7px;letter-spacing:2px;color:#8ca7b075}.player-details{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-top:1px solid var(--line);min-width:0}.player-identity{min-width:0;display:flex;gap:11px;align-items:center}.player-current-dot{height:5px;width:5px;background:#486074;border-radius:50%;flex-shrink:0}.player-current-dot.is-selected{background:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}.player-identity>div{min-width:0}.player-details h2{font-size:12px;letter-spacing:-.1px;font-weight:550;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-details p{font-size:9px;line-height:1.5;color:var(--muted);margin:4px 0 0}.player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-controls .icon-button{width:32px;height:32px}
.directory{min-width:0;min-height:0;display:grid;grid-template-rows:28px 35px 34px minmax(0,1fr) 34px;row-gap:12px;padding:1px 1px 0}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.directory-heading h1{font-size:15px;font-weight:560;letter-spacing:-.4px;line-height:1.4;margin:0;white-space:nowrap}.directory-heading h1>span{color:var(--accent);margin-left:1px}#category-select{min-width:0;max-width:130px;border:1px solid var(--line);background:var(--surface);border-radius:5px;color:#91a2b0;font-size:9px;padding:6px 7px;height:28px;cursor:pointer}.search-box{min-width:0;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.search-box:focus-within{border-color:#539b8a}.search-box>svg{height:14px;width:14px;color:#7a8c9c}.search-box input{width:100%;min-width:0;font-size:10px;color:var(--text);border:0;background:none;outline:none!important}.search-box input::placeholder{color:#5f7384}.search-box kbd{color:#5e7181;font-size:8px;border:1px solid #2b3b48;padding:1px 5px;border-radius:3px}.library-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:17px;min-width:0}.library-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;min-height:34px;font-size:9px;padding:0 0 10px;color:#778b9d;white-space:nowrap}.library-tabs button svg{width:12px;height:12px}.library-tabs button>span{font-size:7px;color:#607585;background:#1b2732;padding:2px 4px;border-radius:3px;line-height:1.15;min-width:13px;text-align:center}.library-tabs button.is-active{color:var(--accent)}.library-tabs button.is-active:after{position:absolute;content:'';height:2px;background:var(--accent);bottom:-1px;left:0;right:0;border-radius:3px}.library-tabs button.is-active>span{background:rgba(var(--accent-rgb),.08);color:#8dbeb1}.grid-viewport{min-height:0;min-width:0;overflow:hidden;position:relative;padding:4px}.channel-grid{height:100%;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(var(--grid-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows,3),minmax(0,1fr));gap:12px 11px}.channel-card{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 35px;gap:0}.channel-art{position:relative;isolation:isolate;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);border-radius:7px;overflow:hidden;min-height:0;min-width:0;transition:border-color .14s,background .14s}.channel-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--channel-color) 7%,transparent),transparent 80%)}.channel-art:hover{border-color:#4a6570;background:var(--hover)}.channel-card.is-selected .channel-art{border-color:#63a697;box-shadow:inset 0 0 0 1px #69e1c91a;background:linear-gradient(150deg,#20362f44,var(--card))}.channel-wordmark{color:var(--channel-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;max-width:90%;margin:0 auto}.channel-wordmark strong{font-size:20px;font-weight:750;letter-spacing:-.6px;line-height:1}.channel-wordmark>span{font-size:6px;letter-spacing:2px;font-weight:600;line-height:1.2}.channel-wordmark.international strong{font-size:12px;font-weight:750;letter-spacing:.05px}.channel-wordmark.international>span{font-size:5px;letter-spacing:1.7px;background:var(--channel-color);color:#fff;padding:3px 5px}.channel-wordmark.bbc strong{font-size:24px;font-weight:800;letter-spacing:5px}.channel-wordmark.bbc>span{font-size:6px;letter-spacing:4px}.channel-wordmark.manoto strong{font-size:27px;letter-spacing:-1.5px}.channel-wordmark.javan strong{font-size:29px;font-weight:800;font-style:italic;letter-spacing:-2.5px}.channel-wordmark.number strong{font-size:37px;font-weight:500}.channel-wordmark.tolo strong{width:57px;height:57px;border-radius:50%;background:var(--channel-color);color:#1c2630;display:grid;place-items:center;font-size:22px;font-weight:800;letter-spacing:-1.5px}.channel-wordmark.tolo-news{flex-direction:row;gap:1px}.channel-wordmark.tolo-news strong{font-size:22px;letter-spacing:-.8px}.channel-wordmark.tolo-news>span{font-size:8px;letter-spacing:-.1px;background:var(--channel-color);color:#fff;padding:5px 3px}.channel-wordmark.ariana strong{font-size:29px;font-weight:500;letter-spacing:-1.7px}.channel-wordmark.ariana>span{font-size:5px;letter-spacing:3px}.channel-wordmark.lemar strong{font-size:29px;font-style:italic;letter-spacing:-1.5px;font-weight:650}.channel-wordmark.shamshad strong{font-size:13px;letter-spacing:.3px}.channel-wordmark.shamshad>span{font-size:5px;letter-spacing:3px}.channel-status{position:absolute;left:7px;bottom:7px;font-size:5px;letter-spacing:.8px;color:#586f80;display:flex;align-items:center;gap:3px;line-height:1}.channel-status i{height:3px;width:3px;border-radius:50%;background:currentColor}.channel-status.available{color:var(--accent)}.card-play{position:absolute;right:8px;bottom:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ffffff05;color:#729184;opacity:0;transition:opacity .14s}.card-play svg{width:9px;height:9px;fill:currentColor;stroke:none}.channel-art:hover .card-play,.channel-art:focus-visible .card-play,.channel-card.is-selected .card-play{opacity:1}.channel-info{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;padding:5px 0 0}.channel-info>div{min-width:0}.channel-name{font-size:9px;line-height:1.4;font-weight:530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.channel-name:hover{color:var(--accent)}.channel-info p{font-size:7px;color:#60798b;line-height:1.5;margin:3px 0 0;display:flex;gap:4px;white-space:nowrap}.channel-info p>span{color:#455d70}.favorite-button{width:24px;height:27px;display:grid;place-items:center;border-radius:5px;flex-shrink:0;color:#4f687b}.favorite-button svg{width:12px;height:12px;fill:none}.favorite-button:hover{color:var(--accent);background:#69e1c908}.favorite-button.is-saved{color:var(--accent)}.favorite-button.is-saved svg{fill:rgba(var(--accent-rgb),.12)}.directory-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:9px}.directory-bottom>span{font-size:8px;color:#647f92;font-variant-numeric:tabular-nums}.pager{display:flex;align-items:center;gap:10px}.pager button{width:26px;height:25px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center}.pager button:hover:not(:disabled){border-color:#558d7f;color:var(--accent)}.pager button svg{width:12px;height:12px}#previous-page svg{transform:rotate(180deg)}.pager>span{font-size:8px;color:#8a9eac;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 20px;border:1px dashed #293d4b;border-radius:8px;background:var(--surface);overflow:hidden}.empty-state>svg{color:#719e90;width:23px;height:23px}.empty-state h3{font-size:14px;font-weight:500;letter-spacing:-.3px;margin:13px 0 6px}.empty-state p{color:var(--muted);font-size:10px;line-height:1.7;max-width:250px;margin:0 0 15px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3b564e;border-radius:6px;padding:9px 13px;font-size:10px;color:#a6d0c2;min-height:32px}.secondary-button:hover{border-color:#6ab29c;background:#69e1c908}.statusbar{height:33px;flex:0 0 33px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px 4px;color:#465e70;font-size:7px}.preview-note{display:flex;align-items:center;gap:5px;font-size:7px;margin:0;color:#607e86}.preview-note i{height:3px;width:3px;background:#7c9b88;border-radius:50%}.remote-hint{color:#476273;letter-spacing:.15px}.remote-hint i{font-style:normal;margin:0 6px;color:#3b5262}.statusbar>div{display:flex;align-items:center;gap:11px}.statusbar button{font-size:7px;color:#6b8796;padding:3px}.statusbar button>svg{width:12px;height:12px}.statusbar button:hover{color:var(--accent)}.toast{position:fixed;bottom:47px;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;border:1px solid #3e6755;background:#152a22f5;box-shadow:0 4px 30px #0003;border-radius:7px;padding:11px 17px;font-size:10px;line-height:1.5;text-align:center;max-width:calc(100% - 35px);color:#c8ecdf;z-index:100;transition:opacity .16s,transform .16s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.utility-dialog{--accent:#69e1c9;--accent-rgb:105,225,201;color-scheme:dark;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #344650;background:#111b23;color:#e6eff4;border-radius:11px;box-shadow:0 16px 100px #0009;overflow-y:auto}.utility-dialog::backdrop{background:#03080ddd;backdrop-filter:blur(6px)}.utility-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #293a46;gap:10px}.utility-header h2{font-size:16px;letter-spacing:-.4px;font-weight:550;margin:0}#utility-body{padding:21px 22px;color:#97afbd;font-size:11px;line-height:1.8}.setting-label{font-size:9px;letter-spacing:1.5px;color:#647f91;text-transform:uppercase;margin:0 0 12px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.theme-option{border:1px solid #324956;border-radius:7px;padding:13px;display:flex;align-items:center;gap:9px;font-size:11px}.theme-option svg{width:15px;height:15px}.theme-option[aria-pressed=true]{background:#69e1c90a;color:var(--accent);border-color:#4a806e}.setting-switch{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:20px;margin-bottom:20px}.setting-switch input{accent-color:#69e1c9;width:17px;height:17px}.setting-description{font-size:9px;color:#627f91;margin-top:-14px;margin-bottom:21px}.setting-actions{border-top:1px solid #293c48;padding-top:17px}.setting-actions button{font-size:10px;border:1px solid #365147;color:#8fc6b4;border-radius:6px;padding:8px 11px}.utility-copy p{margin:0 0 15px}.utility-copy .about-wordmark{font-size:29px;letter-spacing:-1.5px;font-weight:700;color:#eaf1f5;margin-bottom:14px}.about-wordmark>span{color:var(--accent);font-size:12px;letter-spacing:0;margin-left:4px}.utility-copy h3{font-size:10px;font-weight:600;letter-spacing:1px;color:#b3cad6;margin:19px 0 8px}.utility-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.utility-copy small{font-size:9px;color:#647f92;line-height:1.7;display:block}.shortcuts-list{display:grid;gap:11px}.shortcuts-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.shortcuts-list kbd{font-size:9px;border:1px solid #3c5363;background:#1a2936;border-radius:4px;padding:2px 7px}.noscript-message{position:fixed;inset:auto 15px 8px;background:#1d3329;border:1px solid #4a6f59;z-index:60;font-size:11px;color:#c3e3cd;padding:10px;border-radius:5px}.noscript-message a{margin-left:10px;text-decoration:underline}
.tv-mode .topbar{height:61px;flex-basis:61px}.tv-mode .workspace{padding:18px 3vw 8px;gap:24px}.tv-mode .topbar{padding:0 3vw}.tv-mode .statusbar{padding-left:3vw;padding-right:3vw}.tv-mode button:focus-visible,.tv-mode a:focus-visible,.tv-mode input:focus-visible,.tv-mode select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.video-stage:fullscreen{height:100vh!important;width:100vw!important;border-radius:0}.video-stage:fullscreen .stage-backdrop{object-fit:cover}
html[data-theme=light]{color-scheme:light;--bg:#f1f4f6;--surface:#fff;--card:#e9eff3;--hover:#e3ecef;--line:#d7e1e8;--text:#1b303c;--muted:#687e8d;--dim:#7b929f;--accent:#147e68;--accent-rgb:20,126,104}html[data-theme=light] .top-tv-button,html[data-theme=light] .icon-button{color:#4a6d7d}html[data-theme=light] .library-tabs button>span{background:#e6eef1;color:#6b8593}html[data-theme=light] .channel-wordmark.bbc{color:#253d4b}html[data-theme=light] .channel-status{color:#647f92}html[data-theme=light] .channel-card.is-selected .channel-art{background:#e1efe9;border-color:#63a38a}html[data-theme=light] .player-current-dot{background:#a4bbb8}html[data-theme=light] .player-current-dot.is-selected{background:var(--accent)}html[data-theme=light] .player-placeholder .secondary-button{color:#b1e4d3}html[data-theme=light] .empty-state{border-color:#bdcfd8}html[data-theme=light] .secondary-button{color:#316e58;border-color:#a6c9bc}html[data-theme=light] .utility-dialog .icon-button{color:#a5b4c0;border-color:#354952}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1.8fr) minmax(420px,1fr);padding:24px 32px 10px;gap:26px}.topbar{padding:0 32px}.directory{row-gap:15px;grid-template-rows:30px 38px 36px minmax(0,1fr) 36px}.directory-heading h1{font-size:17px}.library-tabs button{font-size:10px}.search-box input{font-size:11px}.channel-name{font-size:10px}.channel-info p{font-size:8px}.channel-card{grid-template-rows:minmax(0,1fr) 40px}.channel-wordmark.international strong{font-size:13px}.player-placeholder h2{font-size:29px}.player-placeholder p{font-size:12px}.player-details h2{font-size:13px}.player-details p{font-size:10px}.statusbar{padding-left:33px;padding-right:33px;font-size:8px}.preview-note{font-size:8px}.country-tabs a{font-size:12px;min-width:144px}.channel-grid{gap:15px 13px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:15px;padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.country-tabs a{min-width:112px;padding-left:12px;padding-right:12px}.topbar-actions{gap:9px}.player-placeholder h2{font-size:22px}.player-placeholder p{font-size:10px}.player-details{padding-left:12px;padding-right:12px;gap:10px}.player-details h2{font-size:11px}.player-controls{gap:5px}.player-controls .icon-button{width:29px;height:29px}.stage-brand{left:17px;top:18px;font-size:18px}.stage-preview{right:17px;top:21px;font-size:6px;letter-spacing:1.4px}.stage-caption{left:17px;bottom:19px;font-size:6px}.directory-heading h1{font-size:13px}.library-tabs{gap:13px}#category-select{max-width:115px;font-size:8px}.channel-info p{font-size:6.5px}.channel-wordmark.international strong{font-size:10px}.channel-wordmark.international>span{font-size:4px;letter-spacing:1.4px}.channel-wordmark.shamshad strong{font-size:11px}}
@media(max-width:760px) and (orientation:portrait){.topbar{flex-basis:96px;height:96px;grid-template-columns:1fr auto;grid-template-rows:48px 39px;gap:0 10px;padding:4px 16px 5px}.brand-text{font-size:23px}.brand-symbol{width:23px;height:25px}.brand-symbol:before{left:7px;top:6px}.topbar-actions{grid-column:2;grid-row:1;gap:10px}.country-tabs{grid-row:2;grid-column:1/-1;justify-self:stretch;max-width:440px;width:100%;margin:0 auto;padding:3px;border-radius:6px}.country-tabs a{flex:1;min-height:28px;font-size:10px;gap:7px;padding:6px 9px}.country-code{font-size:6px}.top-tv-button{font-size:9px}.top-tv-button svg{width:14px;height:14px}.topbar-actions>.icon-button{width:28px;height:28px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(125px,.9fr) minmax(0,1.25fr);gap:13px;padding:12px 15px 4px}.player-panel{grid-template-rows:minmax(0,1fr) 47px;border-radius:9px}.player-placeholder{padding:16px 15px;max-width:92%}.player-channel-mark{margin-bottom:12px}.welcome-play{width:35px;height:35px}.welcome-play svg{width:13px;height:13px}.player-placeholder h2{font-size:18px;letter-spacing:-.5px;margin:9px 0 6px}.player-placeholder p{font-size:9px;line-height:1.6;max-width:240px}.player-state-label{font-size:6px;letter-spacing:1.5px}.stage-brand{font-size:15px;left:13px;top:12px}.stage-brand>span{font-size:7px}.stage-preview{font-size:5px;right:13px;top:15px;letter-spacing:1px}.stage-caption{display:none}.player-details{padding:7px 11px}.player-details h2{font-size:10px}.player-details p{font-size:7px;margin-top:2px}.player-identity{gap:8px}.player-controls .icon-button{height:27px;width:27px}.player-controls .icon-button svg{height:13px;width:13px}.player-channel-mark .channel-wordmark{min-height:25px}.player-channel-mark .channel-wordmark.international strong{font-size:14px}.player-channel-mark .channel-wordmark.international>span{font-size:5px}.player-channel-mark .channel-wordmark.tolo strong{width:41px;height:41px;font-size:17px}.directory{grid-template-rows:24px 30px 28px minmax(0,1fr) 28px;row-gap:8px}.directory-heading h1{font-size:13px}#category-select{font-size:8px;height:25px;max-width:119px;padding:4px 5px}.search-box{padding:6px 9px;gap:8px}.search-box input{font-size:9px}.search-box>svg{width:12px;height:12px}.search-box kbd{font-size:7px}.library-tabs{gap:20px}.library-tabs button{font-size:8px;min-height:28px;padding-bottom:7px;gap:5px}.library-tabs button svg{height:11px;width:11px}.library-tabs button>span{font-size:6px}.grid-viewport{padding:3px}.channel-grid{gap:8px 10px}.channel-card{grid-template-rows:minmax(0,1fr) 30px}.channel-info{padding-top:4px}.channel-name{font-size:8px}.channel-info p{font-size:6px;margin-top:2px}.favorite-button{width:22px;height:24px}.favorite-button svg{height:11px;width:11px}.channel-wordmark.international strong{font-size:10px}.channel-wordmark.international>span{font-size:4px;padding:3px 4px}.channel-wordmark.tolo strong{width:41px;height:41px;font-size:17px}.channel-wordmark.tolo-news strong{font-size:19px}.channel-wordmark.tolo-news>span{font-size:7px;padding:4px 2px}.channel-wordmark.ariana strong{font-size:24px}.channel-wordmark.lemar strong{font-size:23px}.channel-wordmark.manoto strong{font-size:23px}.channel-wordmark.number strong{font-size:29px}.channel-wordmark.javan strong{font-size:23px}.channel-wordmark.bbc strong{font-size:20px}.channel-wordmark.bbc>span{font-size:5px}.channel-status{font-size:4px;left:5px;bottom:5px;letter-spacing:.5px}.channel-status i{height:2px;width:2px}.card-play{display:none}.directory-bottom{padding-top:6px}.directory-bottom>span,.pager>span{font-size:7px}.pager{gap:8px}.pager button{height:22px;width:25px}.pager button svg{height:11px;width:11px}.statusbar{height:25px;flex-basis:25px;padding:0 16px 2px;font-size:6px;gap:8px}.preview-note{font-size:6px;gap:4px}.remote-hint{display:none}.statusbar button{font-size:6px}.statusbar button>svg{height:10px;width:10px}.toast{bottom:37px;font-size:9px;padding:9px 12px}.tv-mode .topbar{height:96px;flex-basis:96px;padding:4px 16px 5px}.tv-mode .workspace{padding:12px 15px 4px;gap:13px}.tv-mode .statusbar{padding-left:16px;padding-right:16px}.empty-state{padding:7px 12px}.empty-state>svg{display:none}.empty-state h3{font-size:12px;margin:0 0 5px}.empty-state p{font-size:8px;margin-bottom:8px}.empty-state .secondary-button{font-size:8px;padding:5px 9px;min-height:25px}}
@media(max-height:610px) and (orientation:landscape){.topbar,.tv-mode .topbar{height:49px;flex-basis:49px;padding-left:17px;padding-right:17px}.brand-text{font-size:21px}.brand-symbol{width:21px;height:23px}.brand-symbol:before{left:6px;top:5px}.country-tabs{padding:3px;gap:3px}.country-tabs a{font-size:9px;min-width:100px;min-height:26px;padding:5px 9px}.country-code{font-size:6px}.topbar-actions{gap:8px}.top-tv-button{font-size:9px}.topbar-actions>.icon-button{height:27px;width:27px}.workspace,.tv-mode .workspace{grid-template-columns:minmax(0,1.25fr) minmax(275px,1fr);gap:14px;padding:12px 17px 4px}.directory{grid-template-rows:23px 28px 27px minmax(0,1fr) 27px;row-gap:7px}.directory-heading h1{font-size:12px}#category-select{height:23px;font-size:8px;padding:4px 5px}.search-box{padding:6px 8px}.search-box input{font-size:9px}.search-box>svg{width:12px;height:12px}.library-tabs button{min-height:27px;padding-bottom:7px;font-size:8px}.library-tabs button svg{height:10px;width:10px}.library-tabs button>span{font-size:6px}.channel-grid{gap:8px 9px}.channel-card{grid-template-rows:minmax(0,1fr) 30px}.channel-name{font-size:8px}.channel-info p{font-size:6px;margin-top:2px}.channel-info{padding-top:4px}.channel-wordmark.tolo strong{width:43px;height:43px;font-size:18px}.channel-wordmark.international strong{font-size:10px}.channel-wordmark.international>span{font-size:4px}.channel-wordmark.number strong{font-size:29px}.channel-wordmark.ariana strong,.channel-wordmark.lemar strong,.channel-wordmark.manoto strong{font-size:24px}.channel-status{font-size:4px;bottom:5px;left:5px}.favorite-button{height:25px;width:22px}.favorite-button svg{width:11px;height:11px}.player-panel{grid-template-rows:minmax(0,1fr) 47px}.player-placeholder{padding:19px 13px}.player-channel-mark{margin-bottom:14px}.welcome-play{width:39px;height:39px}.welcome-play svg{height:14px;width:14px}.player-placeholder h2{font-size:20px;margin:10px 0 8px}.player-placeholder p{font-size:9px}.player-state-label{font-size:6px}.stage-brand{font-size:16px;left:14px;top:13px}.stage-preview{font-size:5px;right:14px;top:16px}.stage-caption{font-size:5px;left:14px;bottom:14px}.player-details{padding:8px 11px}.player-details h2{font-size:10px}.player-details p{font-size:7px;margin-top:2px}.player-controls .icon-button{height:27px;width:27px}.directory-bottom{padding-top:5px}.directory-bottom>span,.pager>span{font-size:7px}.pager button{height:22px;width:24px}.statusbar{height:24px;flex-basis:24px;padding-left:18px;padding-right:18px;font-size:6px}.preview-note{font-size:6px}.statusbar button{font-size:6px}.empty-state{padding:7px 10px}.empty-state>svg{display:none}.empty-state h3{font-size:12px;margin:0 0 5px}.empty-state p{font-size:8px;margin:0 0 8px}.empty-state .secondary-button{min-height:25px;padding:5px 8px;font-size:8px}}
@media(max-width:600px) and (orientation:landscape){.topbar{gap:8px}.country-tabs a{min-width:85px;font-size:8px;padding-left:6px;padding-right:6px}.country-code{display:none}.brand-text{font-size:19px}.brand-text>span{font-size:8px}.brand-symbol{display:none}.top-tv-button span{display:none}.top-tv-button svg{width:15px;height:15px}.workspace,.tv-mode .workspace{grid-template-columns:minmax(0,1fr) minmax(245px,1.1fr);gap:10px;padding-left:12px;padding-right:12px}.directory-heading h1{font-size:11px}#category-select{max-width:103px}.player-placeholder h2{font-size:17px}.stage-preview{display:none}.player-details h2{font-size:9px}.player-identity{gap:6px}.player-controls{gap:4px}.player-controls .icon-button{width:24px;height:25px}.player-controls .icon-button svg{height:12px;width:12px}.library-tabs{gap:12px}.remote-hint{display:none}}
@media(max-height:650px) and (orientation:portrait){.workspace{grid-template-rows:minmax(115px,.72fr) minmax(0,1.28fr);gap:10px}.player-placeholder{padding:10px}.player-channel-mark{margin-bottom:8px}.welcome-play{display:none}.player-placeholder h2{font-size:16px;margin:7px 0 5px}.player-placeholder p{font-size:8px}.player-placeholder .secondary-button{margin-top:7px;min-height:25px;padding:5px 9px;font-size:8px}.player-channel-mark .channel-wordmark{min-height:20px}.player-channel-mark .channel-wordmark strong{font-size:19px}.player-channel-mark .channel-wordmark.tolo strong{width:30px;height:30px;font-size:13px}.player-channel-mark .channel-wordmark.international strong{font-size:11px}.stage-brand{font-size:12px;top:10px}.stage-brand>span{font-size:6px}.stage-preview{font-size:4px;top:12px}.directory{row-gap:6px}}
@media(max-height:450px) and (orientation:portrait){body.is-searching .player-panel{display:none}body.is-searching .workspace{grid-template-rows:minmax(0,1fr)}.topbar,.tv-mode .topbar{height:85px;flex-basis:85px;grid-template-rows:42px 33px}.country-tabs a{min-height:23px}.directory{row-gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
/* Compact channel artwork and a native mobile viewing experience. */
.brand-text{font-size:22px;letter-spacing:-.5px}.brand-text>span{font-size:10px;letter-spacing:.3px}.stage-brand{font-size:18px;letter-spacing:-.4px}.stage-brand>span{font-size:8px;letter-spacing:.3px}.channel-logo{max-width:60px;max-height:37px;object-fit:contain;display:block}.channel-wordmark strong{font-size:16px}.channel-wordmark.international strong{font-size:9px}.channel-wordmark.international>span{font-size:3.8px;letter-spacing:1px;padding:3px 4px}.channel-wordmark.bbc strong{font-size:19px;letter-spacing:3px}.channel-wordmark.bbc>span{font-size:4px;letter-spacing:3px}.channel-wordmark.manoto strong{font-size:21px}.channel-wordmark.javan strong{font-size:22px}.channel-wordmark.number strong{font-size:29px}.channel-wordmark.tolo strong{width:41px;height:41px;font-size:17px}.channel-wordmark.tolo-news strong{font-size:17px}.channel-wordmark.tolo-news>span{font-size:6px;padding:4px 2px}.channel-wordmark.ariana strong{font-size:22px}.channel-wordmark.ariana>span{font-size:4px}.channel-wordmark.lemar strong{font-size:22px}.channel-wordmark.shamshad strong{font-size:10px}.channel-wordmark.shamshad>span{font-size:4px}.channel-wordmark.simple strong{font-size:14px;letter-spacing:.7px}.channel-wordmark.simple>span{font-size:3.5px;letter-spacing:.7px}.player-channel-mark .channel-logo{max-width:95px;max-height:55px;margin:0 auto}.player-channel-mark .channel-wordmark.simple strong{font-size:22px}.player-channel-mark .channel-wordmark.simple>span{font-size:6px;letter-spacing:1.2px}.mobile-bottom-nav,.mobile-menu-button{display:none}.menu-list{display:grid;gap:4px}.menu-list button,.menu-list>a{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;padding:10px 9px;border-radius:7px;color:#b4c8d4;text-align:left;font-size:12px}.menu-list button:hover,.menu-list>a:hover{background:#6ce0c908;color:var(--accent)}.menu-list svg{width:17px;height:17px;color:#76a396}.menu-list svg:last-child{margin-left:auto;width:12px;height:12px;color:#536d7d}
@media(max-width:900px) and (orientation:portrait){
body:not(.tv-mode){padding-bottom:0}.topbar{height:88px;flex-basis:88px;grid-template-columns:1fr auto;grid-template-rows:47px 34px;padding:3px 17px 4px;gap:0 12px}.brand{grid-column:1;grid-row:1;gap:9px}.brand-text{font-size:23px;letter-spacing:-.6px}.brand-text>span{font-size:10px}.brand-symbol{width:22px;height:24px}.topbar-actions{grid-column:2;grid-row:1;gap:10px}.topbar-actions>.icon-button[data-action=settings]{display:none}.top-tv-button{min-height:36px;padding:8px;font-size:10px}.top-tv-button svg{height:17px;width:17px}.mobile-menu-button{display:inline-flex;width:35px;height:35px}.mobile-menu-button svg{width:18px;height:18px}.country-tabs{grid-column:1/-1;grid-row:2;padding:3px;gap:3px;justify-self:stretch;max-width:none;width:100%;border-radius:7px;margin:0}.country-tabs a{flex:1;font-size:12px;min-height:28px;padding:4px 12px;gap:8px}.country-code{font-size:7px}
body:not(.tv-mode) .workspace{display:flex;flex-direction:column;gap:12px;padding:12px 14px 0;overflow:hidden;min-height:0}body:not(.tv-mode) .player-panel{flex:0 0 auto;display:block;border-radius:10px;min-height:0}body:not(.tv-mode) .video-stage{aspect-ratio:16/9;width:100%;height:auto;min-height:0;max-height:34vh}body:not(.tv-mode) .player-details{height:47px;padding:8px 11px}body:not(.tv-mode) .player-details h2{font-size:12px;font-weight:550}body:not(.tv-mode) .player-details p{font-size:9px;margin-top:3px}body:not(.tv-mode) .player-controls .icon-button{height:32px;width:32px}body:not(.tv-mode) .player-controls svg{height:15px;width:15px}.stage-brand{font-size:16px;top:13px;left:15px}.stage-preview{font-size:6px;top:16px;right:14px;letter-spacing:1px}.player-placeholder{padding:16px;max-width:94%}.player-placeholder h2{font-size:19px;margin:10px 0 7px}.player-placeholder p{font-size:10px;line-height:1.7}.player-state-label{font-size:7px;letter-spacing:1.4px}.player-channel-mark{margin-bottom:14px}.welcome-play{height:37px;width:37px;display:grid}.welcome-play svg{height:14px;width:14px}.player-channel-mark .channel-wordmark.simple strong{font-size:21px}.player-channel-mark .channel-wordmark.simple>span{font-size:5px}.player-channel-mark .channel-logo{max-width:72px;max-height:44px}.stage-caption{display:none}
body:not(.tv-mode) .directory{flex:1;min-height:0;display:grid;grid-template-rows:30px minmax(0,1fr);row-gap:9px;padding:0}body:not(.tv-mode) .directory-heading{grid-row:1}body:not(.tv-mode) .directory-heading h1{font-size:14px;font-weight:560;letter-spacing:-.3px}body:not(.tv-mode) #category-select{font-size:10px;height:29px;max-width:140px;padding:5px 8px}body:not(.tv-mode) .library-tabs,body:not(.tv-mode) .directory-bottom,body:not(.tv-mode) .directory>.search-box{display:none}body:not(.tv-mode) .grid-viewport{grid-row:2;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 3px 10px;min-height:0}body:not(.tv-mode) .grid-viewport::-webkit-scrollbar{display:none}body:not(.tv-mode) .channel-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:13px 10px;align-content:start}body:not(.tv-mode) .channel-card{display:grid;grid-template-rows:69px 35px;height:104px;gap:0}body:not(.tv-mode) .channel-art{min-height:0;border-radius:8px}.channel-wordmark.simple strong{font-size:13px}.channel-wordmark.simple>span{font-size:3px;letter-spacing:.5px}body:not(.tv-mode) .channel-info{padding:7px 0 0;gap:3px;align-items:flex-start}body:not(.tv-mode) .channel-name{font-size:10px;line-height:1.4;font-weight:500}body:not(.tv-mode) .channel-info p{display:none}body:not(.tv-mode) .favorite-button{height:27px;width:24px;margin-top:-4px;flex-shrink:0}body:not(.tv-mode) .favorite-button svg{width:13px;height:13px}body:not(.tv-mode) .channel-logo{max-width:50px;max-height:30px}.channel-status{font-size:4px;left:6px;bottom:6px;letter-spacing:.5px}.card-play{display:none}.channel-wordmark strong{font-size:14px}.channel-wordmark.international strong{font-size:8px}.channel-wordmark.international>span{font-size:3px;letter-spacing:.7px;padding:3px}.channel-wordmark.bbc strong{font-size:17px;letter-spacing:3px}.channel-wordmark.manoto strong{font-size:20px}.channel-wordmark.javan strong{font-size:20px}.channel-wordmark.number strong{font-size:25px}.channel-wordmark.tolo strong{width:35px;height:35px;font-size:14px}.channel-wordmark.tolo-news strong{font-size:16px}.channel-wordmark.tolo-news>span{font-size:5px;padding:4px 2px}.channel-wordmark.ariana strong,.channel-wordmark.lemar strong{font-size:20px}.channel-wordmark.shamshad strong{font-size:9px}.channel-wordmark.shamshad>span{font-size:3px;letter-spacing:2px}body:not(.tv-mode) .statusbar{display:none}
body:not(.tv-mode) .mobile-bottom-nav{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;min-height:62px;padding:9px 8px max(9px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:35;margin-top:6px}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:65px;min-height:43px;padding:2px 9px;border-radius:7px;color:#6d8598;font-size:9px}.mobile-bottom-nav button>svg{width:19px;height:19px}.mobile-bottom-nav button.is-active{color:var(--accent)}.mobile-bottom-nav button.is-active>svg{fill:rgba(var(--accent-rgb),.08)}.toast{bottom:82px;font-size:11px;max-width:calc(100% - 30px)}body.search-visible:not(.tv-mode) .directory{grid-template-rows:30px 36px minmax(0,1fr)}body.search-visible:not(.tv-mode) .directory>.search-box{display:flex;grid-row:2}body.search-visible:not(.tv-mode) .grid-viewport{grid-row:3}.search-box input{font-size:16px}.search-box input::placeholder{font-size:12px}.search-box>svg{height:16px;width:16px}.search-box kbd{display:none}.empty-state{padding:15px}.empty-state h3{font-size:14px;margin:0 0 7px}.empty-state p{font-size:11px;margin:0 0 13px}.empty-state .secondary-button{font-size:10px;padding:8px 12px;min-height:34px}
}
@media(min-width:650px) and (max-width:900px) and (orientation:portrait){body:not(.tv-mode) .workspace{padding:18px 22px 0;gap:16px}body:not(.tv-mode) .video-stage{max-height:37vh}body:not(.tv-mode) .channel-card{grid-template-rows:88px 37px;height:125px}.channel-wordmark.simple strong{font-size:15px}.channel-wordmark.simple>span{font-size:4px}body:not(.tv-mode) .channel-name{font-size:12px}body:not(.tv-mode) .channel-grid{gap:16px}.player-placeholder h2{font-size:22px}}
@media(max-width:360px) and (orientation:portrait){body:not(.tv-mode) .workspace{padding-left:11px;padding-right:11px;gap:10px}body:not(.tv-mode) .channel-grid{gap:11px 7px}body:not(.tv-mode) .channel-card{grid-template-rows:60px 33px;height:93px}body:not(.tv-mode) .channel-name{font-size:9px}.channel-wordmark.simple strong{font-size:11px}.channel-wordmark.international strong{font-size:7px}body:not(.tv-mode) .favorite-button{width:20px}.player-details h2{max-width:210px}.top-tv-button{font-size:9px}.brand-text{font-size:21px}}
@media(max-height:600px) and (orientation:portrait){body:not(.tv-mode) .video-stage{max-height:26vh}.player-placeholder .welcome-play{display:none}.player-channel-mark{margin-bottom:8px}.player-placeholder h2{font-size:16px;margin:7px 0 4px}.player-placeholder p{font-size:9px}.stage-brand{font-size:12px}.stage-preview{font-size:5px}body.is-searching:not(.tv-mode) .player-panel{display:none}}
/* Live events use the same compact viewing shell. */
#youtube-stage{position:absolute;inset:0;z-index:4;background:#000}#youtube-stage>div,#youtube-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#audio-player{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:min(360px,85%);height:36px;z-index:5}.video-stage.is-youtube{min-height:200px}.library-tabs{gap:11px}.library-tabs button{font-size:8px}.schedule-list{display:grid;gap:10px}.schedule-event{border:1px solid var(--line);background:var(--surface);padding:15px;border-radius:8px}.schedule-event-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-event h3{font-size:13px;font-weight:550;margin:0 0 8px;line-height:1.5}.schedule-event p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.schedule-event time{font-size:10px;color:var(--accent)}.schedule-status{font-size:8px;color:var(--accent);white-space:nowrap}.schedule-event button{font-size:10px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.schedule-event button:hover{border-color:var(--accent)}.schedule-intro{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.schedule-empty{text-align:center;padding:25px 15px;font-size:12px;color:var(--muted);line-height:1.9}.icon-button#player-audio[aria-pressed=true]{border-color:#5a9c80;color:var(--accent);background:#70dfc110}
@media(max-width:900px) and (orientation:portrait){body:not(.tv-mode) .top-tv-button{display:none}body:not(.tv-mode) #audio-player{bottom:9px;height:32px}body:not(.tv-mode) .video-stage.is-youtube{min-height:200px}.schedule-event{padding:13px}.schedule-event h3{font-size:12px}.schedule-event p{font-size:9px}.schedule-event button{padding:9px;font-size:9px}}