:root{--bg:#f5f7fa;--panel:#fff;--text:#172235;--muted:#738095;--border:#dfe5ed;--accent:#255aa7;--dark:#172235;--green:#18854c;--red:#bc3f46;--orange:#c48a23}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh}.top{height:56px;background:#142137;color:white;display:flex;align-items:center;gap:20px;padding:0 max(16px,calc((100% - 1260px)/2));position:sticky;top:0;z-index:3}.brand{display:flex;gap:9px;align-items:center;min-width:190px}.brandicon{font-size:24px;color:#8ac7ff}.brand b{display:block;font-size:15px;letter-spacing:-.3px}.brand small{display:block;font-size:10px;color:#b2c0d1}.topnav{height:100%;display:flex;gap:5px;align-items:stretch}.nav{font-size:13px;color:#bdc9d8;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 13px;cursor:pointer}.nav.active{color:white;border-color:#7fb0fa;background:#ffffff0b}.live{margin-left:auto;font-size:11px;color:#acc5e2}main{max-width:1260px;margin:auto;padding:18px 16px 30px;min-height:75vh}.page[hidden]{display:none}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}h1,h2,p{margin-top:0}h1{font-size:21px;margin-bottom:2px;line-height:1.4;letter-spacing:-.5px}h1 small{font-size:12px;color:var(--muted);font-weight:500;margin-left:7px}h2{font-size:16px;margin-bottom:14px}.sectionhead p{color:var(--muted);font-size:12px;margin:0}.button{padding:8px 11px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;font:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:35px}.button:hover{background:#edf4fc}.button.primary{background:var(--accent);color:white;border-color:var(--accent)}.toolbar{background:var(--panel);border:1px solid var(--border);padding:11px;border-radius:9px;margin-bottom:8px}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;margin-bottom:7px;max-width:100%;padding-bottom:1px}.tabs button{border:1px solid var(--border);background:#f8fafc;border-radius:5px;padding:6px 9px;font-size:12px;cursor:pointer;color:var(--text)}.tabs button.selected{border-color:#7ca6da;background:#eaf2fd;color:#174e9e;font-weight:600}.tabs small{color:var(--muted);font-size:10px}.tabs.topics button{font-size:11px;padding:5px 8px}.searchrow{display:flex;align-items:center;gap:14px}.searchrow input{flex:1;min-width:0;height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px}.muted{font-size:12px;color:var(--muted)}.tablehead{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#718095;font-size:11px;font-weight:700}.channels{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.ch{height:50px;width:100%;border:0;border-bottom:1px solid #e9edf2;background:transparent;color:inherit;display:flex;gap:11px;align-items:center;text-align:left;padding:4px 12px;font:inherit;cursor:pointer}.ch:last-child{border-bottom:0}.ch:hover,.ch:focus-visible{background:#eef5fc}.logo{flex:0 0 46px;width:46px;height:35px;background:#eff2f6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#718095;font-weight:700;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.chname{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chname b{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:650}.chname small{font-size:10px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.state{height:8px;width:8px;flex:0 0 8px;border-radius:100%;background:#bac4cf;margin-right:9px}.state.verified,.state.healthy{background:var(--green)}.state.failed{background:var(--red)}.state.restricted{background:var(--orange)}.playicon{font-size:12px;color:var(--accent);margin-right:6px}.empty{padding:35px 10px;text-align:center;color:var(--muted);font-size:13px}.more{text-align:center;padding:14px}.accountgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pane{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:19px;margin-bottom:13px}.pane label{display:block;font-size:12px;color:#5e6d7e;margin:0 0 12px}.pane input,.pane select{display:block;margin-top:5px;width:100%;height:38px;border:1px solid #ccd5e2;background:white;border-radius:5px;padding:8px;color:var(--text)}.pane .button{min-width:125px}.urlbox{display:flex;gap:8px;max-width:800px;margin:16px 0}.urlbox input{margin:0;flex:1;min-width:0}.inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline label{margin:0}.inline select{min-width:160px}.instructions p{line-height:1.7;font-size:13px;color:#4d5a6e;margin:0}.player{position:fixed;inset:auto 14px 12px auto;width:min(560px,calc(100vw - 28px));background:#121b2c;border:1px solid #36435d;border-radius:10px;overflow:hidden;box-shadow:0 12px 45px #0007;color:white;z-index:9}.player[hidden]{display:none}.playhead{display:flex;justify-content:space-between;align-items:center;padding:10px 13px}.playhead b{max-width:85%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:13px}.playhead button{font-size:22px;color:white;border:0;background:none;cursor:pointer}.player video{background:#000;width:100%;aspect-ratio:16/9;display:block}.playfoot{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;gap:12px;color:#a6bbd8;font-size:12px}.playfoot .button{padding:5px 8px;min-height:28px;background:#1d2d45;color:white;border-color:#3b5578}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1a2a42;color:white;padding:10px 14px;border-radius:7px;box-shadow:0 6px 30px #0004;max-width:90vw;font-size:13px;z-index:11;display:none}.toast.visible{display:block}footer{text-align:center;color:#8a95a4;padding:18px;font-size:11px}@media(max-width:650px){.top{height:53px;padding:0 11px;gap:8px}.brand{min-width:106px;gap:5px}.brand b{font-size:13px}.brandicon{font-size:19px}.topnav{flex:1}.nav{padding:0 8px;font-size:11px}.live{display:none}main{padding:12px 8px 20px}h1{font-size:17px}.sectionhead p{font-size:11px}.toolbar{padding:8px}.tabs button{font-size:11px;padding:5px 8px}.tabs.topics button{font-size:11px;padding:5px 7px}.searchrow .muted{display:none}.ch{height:48px;gap:7px;padding:4px 7px}.logo{width:40px;height:32px;flex-basis:40px}.chname b{font-size:12px}.chname small{font-size:10px}.state{margin-right:4px}.tablehead{padding:0 10px}.accountgrid{grid-template-columns:1fr}.pane{padding:14px}.sectionhead .button{font-size:12px;padding:7px 9px}.urlbox{flex-wrap:wrap}.urlbox input{width:100%;flex:1 0 100%}}@media(prefers-color-scheme:dark){:root{--bg:#121922;--panel:#1b2532;--text:#e5edf7;--muted:#9caec4;--border:#344356;--accent:#2e69b8}.toolbar,.channels,.pane{background:var(--panel)}.ch{border-bottom-color:#29394b}.ch:hover{background:#273649}.logo{background:#28384a}.tabs button{background:#273647;color:#e5edf7}.tabs button.selected{background:#1d3f69;color:#e8f3ff;border-color:#4b87c8}.searchrow input,.pane input,.pane select{background:#16202c;color:#edf3fa;border-color:#3a4c61}.button{background:#22344b;color:white;border-color:#38506b}.button.primary{background:#2859a0}.sectionhead p,.instructions p{color:#a5b5c8}}


/* V2 theater-mode player: screen first, OTT-like dense channel list. */
body.watching{overflow:hidden}
.player{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;z-index:50;display:flex;flex-direction:column;background:#0b1018;color:#eef3fa;box-shadow:none}
.player[hidden]{display:none}
.player-top{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #283446;background:#111925;gap:10px}
.player-identity{display:flex;align-items:center;gap:9px;min-width:0}.player-identity strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}.player-identity small{font-size:11px;color:#8d9bb0}.watch-dot{width:7px;height:7px;border-radius:50%;background:#e44d55;box-shadow:0 0 0 3px #e44d5526;flex:none}
.player-tools{display:flex;gap:8px}.player-icon{width:34px;height:32px;border:1px solid #2d3b50;border-radius:5px;color:#e6edf6;background:#1e2a39;cursor:pointer;font-size:20px}.player-icon:hover{background:#36475b}.close-icon{font-size:24px}
.player-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0;flex:1}
.player-main{min-width:0;min-height:0;background:#080c12;display:flex;flex-direction:column;justify-content:center}
.screen-wrap{position:relative;width:100%;background:#000;aspect-ratio:16/9;max-height:calc(100dvh - 125px);margin:auto;display:flex;align-items:center;justify-content:center}
.screen-wrap:fullscreen{max-height:none}.screen-wrap video{height:100%;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;display:block}
.player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;color:#cbd6e5;background:#03050944;font-size:12px}.player-loading[hidden]{display:none}
.spinner{width:20px;height:20px;border:2px solid #65748a;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.playfoot{min-height:62px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:16px;background:#111925;border-top:1px solid #253246;color:#b4c5d8}
.play-message{display:flex;flex-direction:column;gap:2px;min-width:0}.play-message #playInfo{white-space:normal;line-height:1.4;font-size:12px}.play-message small{color:#798da8;font-size:10px}
.player-actions{display:flex;gap:6px;flex:none}.player-action{height:32px;min-width:32px;padding:0 11px;border:1px solid #34465f;border-radius:5px;background:#1b2838;color:#f0f4fc;font-size:13px;cursor:pointer}.player-action:hover{background:#2e4055}.player-action.bad{font-size:11px;color:#b4bfce}.player-action.bad:hover{color:#fff}
.player-side{background:#111925;border-left:1px solid #283446;display:flex;flex-direction:column;min-height:0}.sidehead{height:46px;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:13px}.sidehead span{font-size:11px;color:#8294ac}
.player-search{width:calc(100% - 20px);height:32px;margin:0 10px 8px;padding:5px 10px;border:1px solid #37465c;background:#202b39;color:#edf2f9;font-size:12px;border-radius:5px;outline-offset:2px}
.player-channels{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#42536a #121c29}
.player-row{display:flex;width:100%;height:49px;padding:5px 9px;align-items:center;gap:9px;border:0;border-bottom:1px solid #223042;background:transparent;color:#e9eef6;text-align:left;font:inherit;cursor:pointer}.player-row:hover{background:#223149}.player-row.current{background:#213a56;border-left:3px solid #58a6ef;padding-left:6px}
.small-logo{display:flex;flex:none;align-items:center;justify-content:center;width:38px;height:30px;background:#273647;color:#728aa6;font-size:11px;border-radius:4px;overflow:hidden}.small-logo img{width:100%;height:100%;object-fit:contain}.player-row-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.player-row-name b{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row-name small{font-size:10px;color:#90a2b9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-bars{color:#5bb6f8;font-size:10px;letter-spacing:1px}.player-noresults{text-align:center;padding:24px;color:#9caabd;font-size:12px}
@media (min-width:1400px){.player-body{grid-template-columns:minmax(0,1fr) 335px}.player-top{padding:0 24px}}
@media (max-width:760px){.player-top{height:46px;min-height:46px;padding:0 10px}.player-identity strong{font-size:13px;max-width:45vw}.player-identity small{display:none}.player-body{display:flex;flex-direction:column;min-height:0}.player-main{flex:none;justify-content:flex-start}.screen-wrap{height:auto;aspect-ratio:16/9;max-height:42dvh;flex:none}.playfoot{min-height:47px;padding:6px 10px}.play-message #playInfo{font-size:11px;line-height:1.2;max-height:32px;overflow:hidden}.play-message small{display:none}.player-action{height:29px;min-width:29px;padding:0 8px}.player-side{flex:1;border-left:0;border-top:1px solid #344357;overflow:hidden}.sidehead{height:37px;min-height:37px}.player-search{height:30px;margin-bottom:6px}.player-row{height:46px}.player-icon{height:30px;width:30px}}
@media(max-width:370px){.play-message{max-width:55vw}.player-action.bad{font-size:10px;padding:0 6px}}

/* V2.1: maximum working video area, no decorative gutters; compact collapsible OTT-style list. */
.player-top {height:45px;min-height:45px;padding:0 12px}
.player-body {grid-template-columns:minmax(0,1fr) 260px}
.player-body.panel-hidden {grid-template-columns:minmax(0,1fr)}
.player-body.panel-hidden .player-side {display:none}
.player-main {justify-content:stretch;min-height:0}
.screen-wrap {flex:1 1 auto;min-height:0;max-height:none;aspect-ratio:auto;width:100%;margin:0;overflow:hidden}
.screen-wrap video {width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.playfoot {min-height:47px;padding:6px 12px}
.sidehead {height:38px;min-height:38px}
.player-row {height:44px;padding:3px 7px;gap:6px}
.player-row.current {padding-left:4px}
.small-logo {height:29px;width:37px}
@media(min-width:1400px) {.player-body {grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:760px) {
 .player-top {height:44px;min-height:44px;padding:0 8px}
 .player-body {display:flex;flex-direction:column}
 .player-main {flex:0 0 auto;min-height:0}
 .screen-wrap {height:auto;min-height:0;max-height:calc(100dvh - 140px);aspect-ratio:16/9;flex:none}
 .screen-wrap video {aspect-ratio:16/9;max-height:calc(100dvh - 140px)}
 .playfoot {min-height:43px;padding:4px 7px}
 .player-side {flex:1;min-height:0;overflow:hidden}
 .player-body.panel-hidden .player-main {flex:1;min-height:0}
 .player-body.panel-hidden .screen-wrap {height:100%;max-height:none;aspect-ratio:auto;flex:1 1 auto}
 .player-body.panel-hidden .screen-wrap video {aspect-ratio:auto;max-height:none}
 .player-row {height:44px}
 .list-toggle {background:#264366;color:#fff}
}

/* Dense variant control; keep the video area and phone screen usable. */
.player-action.variant-action{min-width:37px;padding:0 6px;white-space:nowrap;font-size:11px}
.player-action:disabled{opacity:.45;cursor:default}
@media(max-width:760px){.playfoot{gap:5px}.player-actions{gap:3px}.player-action.bad{padding:0 5px}.play-message{flex:1;min-width:0}}

/* Compact favorites: one independent star button per TV channel, no nested buttons. */
.ch{padding:0 4px 0 0;gap:0}
.ch-open{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:100%;padding:4px 8px 4px 12px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.ch-open:hover,.ch-open:focus-visible{background:#edf4fc}
.fav-toggle{width:38px;min-width:38px;height:36px;padding:0;border:0;border-radius:5px;background:transparent;color:#8a98a9;cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.fav-toggle:hover,.fav-toggle:focus-visible{background:#e5edf8;color:#a97316}
.fav-toggle.is-favorite{color:#d49b24}
.favorite-filter{font-size:12px;min-width:fit-content;height:34px;padding:4px 9px}
.favorite-filter.selected{background:#fff2d3;color:#805817;border-color:#edc46a}
.favorite-filter span{font-size:11px;opacity:.75}
.player-row{padding:0 4px 0 0;gap:0}
.player-row.current{padding-left:0}
.player-row.current .player-open{border-left:3px solid #58a6ef;padding-left:4px}
.player-open{height:100%;min-width:0;flex:1;display:flex;align-items:center;gap:6px;padding:3px 7px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.player-open:hover,.player-open:focus-visible{background:#223149}
.player-row .fav-toggle{width:35px;min-width:35px;color:#8190a6}
.player-row .fav-toggle.is-favorite{color:#f4bc43}
.player-row .fav-toggle:hover{background:#294059}
.player-favorite-filter{font-size:11px;border:1px solid #3b4a61;border-radius:5px;padding:5px 7px;background:#1d2b3c;color:#b9c9dc;cursor:pointer}
.player-favorite-filter.selected{color:#f4c764;border-color:#957744;background:#3b3424}
@media(max-width:760px){
 .searchrow{gap:7px;flex-wrap:wrap}
 .searchrow input{min-width:140px;flex:1}
 .favorite-filter{order:2;font-size:11px;height:33px;padding:4px 7px}
 .ch-open{padding-left:7px;gap:7px}
 .fav-toggle{width:34px;min-width:34px;font-size:20px}
 .player-row .fav-toggle{width:34px;min-width:34px}
}
@media(prefers-color-scheme:dark){
 .ch-open:hover,.ch-open:focus-visible{background:#273649}
 .favorite-filter.selected{background:#403823;color:#ffd36b;border-color:#81672b}
 .fav-toggle:hover,.fav-toggle:focus-visible{background:#304056}
}

/* Free-to-air quick filter, informational official sources only. */
.federal-links{font-size:12px;line-height:1.45;padding:5px 3px 8px;color:#8293ab}
.federal-links a{color:#64a6e9;text-decoration:underline;text-underline-offset:2px}
.federal-links[hidden]{display:none}