/* Tanuja TV — warm editorial library, built for touch, mouse, and TV remotes */
:root{
  --bg:#f4f3ed;--surface:#fffefa;--text:#1d2a24;--muted:#79837b;--line:#e3e5dc;
  --accent:#b5d334;--accent2:#254c3b;--shadow:0 14px 36px rgba(25,48,36,.09);--focus:#d4f169;
  color-scheme:light;font-synthesis:none
}
body,body.dark-mode,.tv-mode body{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body.dark-mode{--bg:#f4f3ed!important;--surface:#fffefa!important;--text:#1d2a24!important;--muted:#79837b!important;--line:#e3e5dc!important;--accent:#b5d334!important;--accent2:#254c3b!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}button,input{font:inherit}button{color:inherit}
.header{position:sticky;top:0;z-index:60;background:rgba(250,249,244,.94)!important;border:0;border-bottom:1px solid #dfe3d8!important;box-shadow:0 5px 20px #24392c08;backdrop-filter:blur(18px)}
.header-inner{width:auto;max-width:none;min-height:82px;margin:0;padding:13px 4.5vw;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#b5d334!important;color:#20352a!important;font-size:18px;box-shadow:0 7px 18px #9fbd2e38}.brand-name{font-size:17px;font-weight:900;letter-spacing:-.04em;color:#20352a}.brand-sub{margin-top:3px;font-size:9px;line-height:1.2;color:#819084;font-weight:800;letter-spacing:.13em}
.search-wrap{position:relative;flex:1;max-width:650px;margin-left:auto}.search-icon{position:absolute;left:17px;top:9px;z-index:1;font-size:21px;color:#748478}.search,.body.dark-mode .search{width:100%;height:46px;padding:0 18px 0 46px;border:1px solid #e0e4da!important;border-radius:15px;background:#fffefa!important;color:#20352a!important;box-shadow:0 2px 8px #263b2c08;outline:0}.search::placeholder{color:#9aa39b}.search:focus{border-color:#97b62e!important;box-shadow:0 0 0 4px #b5d33435!important}
.account-btn{min-height:45px;padding:0 17px!important;border:0!important;border-radius:14px!important;background:#254c3b!important;color:#fff!important;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 6px 15px #254c3b20;cursor:pointer}.account-btn:hover{background:#1d4031!important;transform:translateY(-1px)}.visitor-count,.install-btn{min-height:42px;border:1px solid #e1e5da!important;border-radius:12px;background:#fffefa!important;color:#617164!important;font-size:12px;font-weight:750}.visitor-count{padding:10px 12px;white-space:nowrap}.visitor-count span{color:#254c3b;font-weight:900}.install-btn{padding:0 12px;cursor:pointer}
.nav{max-width:none;margin:0;padding:13px 4.5vw 5px;display:flex;gap:8px;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.chip{min-height:41px;padding:0 16px;border:1px solid transparent!important;border-radius:12px;background:transparent!important;color:#728076!important;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,transform .18s}.chip:hover{background:#e8eadf!important;color:#264535!important}.chip.active{background:#254c3b!important;color:#fff!important;box-shadow:0 5px 14px #254c3b1c}
.featured{width:auto;max-width:none;margin:22px 4.5vw 0;padding:0}.featured-panel{position:relative;isolation:isolate;min-height:clamp(350px,37vw,490px);display:flex;align-items:flex-end;overflow:hidden;padding:clamp(26px,5vw,66px);border:0;border-radius:28px;background:linear-gradient(118deg,#183b2c,#294d3c 58%,#526449);box-shadow:0 22px 55px #20392a22}.featured-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 37%;transform:scale(1.01);animation:hero-in .7s ease both}.featured-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172f25ed 0%,#193528cf 36%,#19352865 68%,#15271d0a 100%),linear-gradient(0deg,#14291fb0,transparent 55%)}
.featured-copy{max-width:min(660px,72%);position:relative}.featured-kicker{display:flex;align-items:center;gap:9px;color:#e4f3c0;font-size:10px;font-weight:900;letter-spacing:.17em}.featured-spark{color:#d4f169;font-size:17px}.featured-copy h1{max-width:750px;margin:18px 0 14px;color:#fff;font-size:clamp(34px,5.1vw,65px);font-weight:850;line-height:1.02;letter-spacing:-.055em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 3px 18px #07140dbb}.featured-meta{display:flex;align-items:center;gap:11px;color:#e3e9df;font-size:12px;font-weight:700}.featured-meta i{width:4px;height:4px;border-radius:50%;background:#d4f169}.featured-description{max-width:470px;margin:14px 0 22px;color:#d2dcd2;font-size:14px;line-height:1.6}.featured-actions{display:flex;align-items:center;gap:10px}.featured-play,.featured-browse{height:47px;padding:0 19px;border-radius:13px;font-size:13px;font-weight:850;cursor:pointer;transition:transform .18s,filter .18s}.featured-play{display:inline-flex;align-items:center;gap:10px;border:0;background:#d4f169;color:#233428;box-shadow:0 8px 20px #0a1b1170}.featured-browse{border:1px solid #ffffff4d;background:#ffffff16;color:#fff;backdrop-filter:blur(8px)}.featured-play:hover,.featured-browse:hover{transform:translateY(-2px);filter:brightness(1.06)}.featured-index{position:absolute;right:27px;bottom:25px;display:flex;align-items:center;gap:9px;color:#f5f6ed;font-size:9px;font-weight:900;letter-spacing:.15em}.featured-index>span:first-child{font-size:20px;letter-spacing:0}.featured-index-line{width:34px;height:1px;background:#fff9}
.section{width:auto;max-width:none;margin:29px 4.5vw 0;padding:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title,.shelf-head h2{margin:0;color:#23372b;font-size:21px;font-weight:850;letter-spacing:-.04em}.section-count{color:#89938b;font-size:12px;font-weight:700}.continue-section[hidden],.account-backdrop[hidden],.register-fields[hidden]{display:none}
.browse-shelves{display:grid;gap:26px;padding:0 0 48px}.shelf{min-width:0}.shelf-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.shelf-head h2{font-size:19px}.shelf-see-all{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid #e0e5d8;border-radius:999px;background:#fffefa;color:#48634e;font-size:11px;font-weight:850;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.shelf-see-all:hover{transform:translateX(2px);border-color:#b5d334;background:#eef4d8;color:#263c2d}.shelf-see-all span{font-size:18px;line-height:12px}
.shelf-track{display:flex;gap:15px;overflow-x:auto;padding:4px 3px 15px;scrollbar-width:none;scroll-snap-type:x mandatory}.shelf-track::-webkit-scrollbar{display:none}.shelf-track .card{flex:0 0 clamp(200px,20vw,290px);scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:24px 16px;padding-bottom:48px}.card,.channel-card{position:relative;min-width:0;padding:0;border:1px solid transparent;border-radius:16px;background:transparent;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.card:hover,.channel-card:hover{transform:translateY(-4px);border-color:#e3e7dc;background:#fffefa;box-shadow:0 12px 28px #20392a13}.thumb,.channel-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:13px;background:#e6e8df;box-shadow:0 4px 13px #1b2b1d12}.thumb img,.channel-logo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .3s}.channel-logo{object-fit:contain;padding:24px}.card:hover .thumb img{transform:scale(1.045);filter:saturate(.88) brightness(.86)}.placeholder{width:100%;height:100%;display:grid;place-items:center;color:#819084;font-size:38px}.play{position:absolute;inset:0;display:grid;place-items:center;background:#18382935;opacity:0;transition:opacity .18s}.card:hover .play,.card:focus-visible .play{opacity:1}.play-circle{width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#d4f169;color:#233428;font-size:17px;box-shadow:0 5px 20px #10231955}.duration{position:absolute;right:8px;bottom:8px;padding:4px 7px;border:1px solid #ffffff44;border-radius:7px;background:#12231cce;color:#fff;font-size:10px;font-weight:800}.badges{position:absolute;top:8px;left:8px;display:flex;gap:5px;flex-wrap:wrap}.badge{padding:4px 7px;border-radius:6px;background:#fffffff0;color:#25372c;font-size:9px;font-weight:850}.title{display:-webkit-box;margin:9px 3px 0;overflow:hidden;color:#26382d;font-size:12px;font-weight:780;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meta,.channel-source{margin:5px 3px 0;color:#8a948c;font-size:10px;font-weight:650}
.favorite-toggle{position:absolute;top:8px;right:8px;z-index:4;width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffffffb5;border-radius:50%;background:#173327d9;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 3px 10px #12221a30}.favorite-toggle.is-saved{background:#d4f169;color:#29432e;border-color:#d4f169}.ad{position:relative;grid-column:1/-1;min-height:100px;overflow:hidden;border:1px solid #e1e4db;border-radius:15px;background:#fffefa}.ad img,.ad video{display:block;width:100%;max-height:260px;object-fit:cover}.ad-label{position:absolute;top:8px;left:9px;z-index:2;padding:3px 6px;border-radius:5px;background:#20382cce;color:#fff;font-size:9px}.empty{padding:48px 20px;border:1px dashed #ccd3c8;border-radius:17px;color:#758278;text-align:center}
/* Live guide */
#liveSection>.section-head{margin-bottom:15px}.local-live-box{position:relative;overflow:hidden;border:1px solid #dce1d8;border-radius:22px;background:#173729;box-shadow:var(--shadow)}.local-live-frame{display:block;width:100%;aspect-ratio:16/8.4;border:0;background:#09120d}.local-live-caption{padding:16px 19px;background:#1d4031;color:#fff}.local-live-caption strong{font-size:17px}.local-live-caption div{margin-top:4px;color:#d2dfd3;font-size:12px}.live-status{display:inline-flex;align-items:center;gap:7px;color:#b2db4a;font-size:10px;font-weight:950;letter-spacing:.1em}.live-status-dot{width:8px;height:8px;border-radius:50%;background:#d4f169;box-shadow:0 0 12px #d4f169}.live-library-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 12px}.live-library-head h2{margin:4px 0 0;color:#23372b;font-size:24px;letter-spacing:-.04em}.live-kicker{color:#839087;font-size:10px;letter-spacing:.16em;font-weight:900}.live-filters{display:flex;gap:8px;overflow:auto;padding:0 0 15px;scrollbar-width:none}.live-filter{padding:9px 15px;border:1px solid #e0e5dc;border-radius:999px;background:#fffefa;color:#5f7164;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.live-filter.active{border-color:#254c3b;background:#254c3b;color:#fff}.channel-live{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:6px;background:#d94339;color:#fff;font-size:9px;font-weight:950;letter-spacing:.06em}.channel-lang{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:#173729df;color:#fff;font-size:9px;font-weight:750}.channel-fallback{height:100%;display:grid;place-items:center;padding:20px;color:#405348;text-align:center;font-size:16px;font-weight:850}#channelGrid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:17px 13px}#channelGrid .channel-card{padding:7px;border:1px solid #e3e6dd;border-radius:16px;background:#fffefa}#channelGrid .channel-thumb{aspect-ratio:16/10;border-radius:11px;background:#f0f1eb;box-shadow:none}
/* Account dialog */
.account-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px;background:#1a2b20a8;backdrop-filter:blur(8px)}.account-dialog{position:relative;width:min(470px,100%);max-height:min(90vh,820px);overflow:auto;padding:34px;border:1px solid #fff;border-radius:23px;background:#fffefa;color:#21362a;box-shadow:0 28px 90px #10231750}.account-close{position:absolute;top:13px;right:14px;width:39px;height:39px;border:1px solid #e5e8df;border-radius:50%;background:#f3f4ee;color:#4c5c50;font-size:25px;cursor:pointer}.account-brand{color:#718640;font-size:10px;font-weight:950;letter-spacing:.17em}.account-dialog h2{margin:17px 0 7px;color:#23372b;font-size:31px;line-height:1.12;letter-spacing:-.045em}.account-copy,.account-hint{color:#78847b;font-size:13px;line-height:1.55}.account-copy{margin:0 0 20px}.account-dialog label{display:block;margin:14px 0 6px;color:#394c3e;font-size:12px;font-weight:800}.account-dialog input{width:100%;height:48px;padding:0 13px;border:1px solid #dce2d8;border-radius:11px;background:#fff;color:#21362a;outline:0}.account-dialog input:focus{border-color:#91ad34;box-shadow:0 0 0 4px #b5d33435}.account-error{min-height:17px;margin-top:8px;color:#bd3e39;font-size:12px}.account-submit{width:100%;height:48px;margin-top:10px;border:0;border-radius:11px;background:#254c3b;color:#fff;font-weight:850;cursor:pointer}.account-submit:hover{background:#1b3d2d}.account-submit:disabled{opacity:.6;cursor:wait}.account-switch{display:block;margin:12px auto 0;padding:10px;border:0;background:transparent;color:#4b692c;font-size:12px;font-weight:850;cursor:pointer}.account-hint{margin:8px 0 0;text-align:center;font-size:11px}
/* Video player, install card, and small screen behavior */
.player{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;flex-direction:column;padding:0;background:#08100c}.player:fullscreen{width:100vw;height:100vh;padding:0;background:#08100c}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player-title{position:absolute;top:18px;left:22px;z-index:2;margin:0;color:#fff;font-size:16px;font-weight:800;text-shadow:0 2px 8px #000}.install-tip{position:fixed;right:14px;bottom:14px;left:14px;z-index:100;display:none;padding:14px;border:1px solid #dce4d8;border-radius:14px;background:#fffefa;color:#20362a;box-shadow:var(--shadow)}
:focus-visible{outline:3px solid #82a622!important;outline-offset:3px;box-shadow:0 0 0 6px #b5d33445!important}.card:focus-visible,.channel-card:focus-visible{z-index:2;transform:scale(1.035)}
html.tv-mode{font-size:18px}.tv-mode .header-inner{min-height:90px}.tv-mode .nav{padding-top:17px}.tv-mode .section{margin-top:38px}.tv-mode .section-title,.tv-mode .shelf-head h2{font-size:27px}.tv-mode .grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px 22px}.tv-mode .shelf-track .card{flex-basis:310px}.tv-mode .title{font-size:16px}.tv-mode .meta,.tv-mode .channel-source{font-size:13px}.tv-mode .search,.tv-mode .chip,.tv-mode .account-btn,.tv-mode .live-filter,.tv-mode .shelf-see-all{min-height:50px}.tv-mode .card:focus-visible,.tv-mode .channel-card:focus-visible{outline:4px solid #82a622!important;outline-offset:6px;transform:scale(1.05);filter:brightness(1.04)}
@media(min-width:1050px){.nav{position:fixed;top:82px;bottom:0;left:0;z-index:50;width:170px;margin:0;padding:20px 12px;display:flex;flex-direction:column;align-items:stretch;gap:7px;overflow:auto;border-right:1px solid #ffffff13;background:#1e4031}.nav .chip{min-height:40px;text-align:left;padding:0 10px;font-size:12px;color:#d0ded2!important;border-radius:12px}.nav .chip:hover{background:#ffffff12!important;color:#fff!important}.nav .chip.active{background:#d4f169!important;color:#23382c!important;box-shadow:none}.nav .chip::before{display:inline-block;width:24px;color:#d4f169;font-size:14px}.nav .chip.active::before{color:#29422e}.nav .chip[data-filter="all"]::before{content:"⌂"}.nav .chip[data-filter="live"]::before{content:"◉"}.nav .chip[data-filter="favorites"]::before{content:"♡"}.header-inner{padding-right:4.5vw;padding-left:196px}.featured,.section{margin-right:4.5vw;margin-left:196px}.featured{margin-top:25px}.section{margin-top:36px}.shelf-head h2{font-size:21px}.shelf-track .card{flex-basis:clamp(240px,18vw,310px)}.local-live-box{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(235px,.7fr);align-items:stretch}.local-live-frame{height:100%;min-height:280px;aspect-ratio:auto}.local-live-caption{display:flex;flex-direction:column;justify-content:center;padding:26px}.local-live-caption strong{font-size:20px}.live-library-head{margin-top:40px}}
@media(max-width:850px){.header-inner{gap:12px}.visitor-count,.install-btn{display:none}.featured{margin:14px 16px 0}.featured-panel{min-height:390px;border-radius:22px}.featured-copy{max-width:82%}.section{margin:27px 16px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 12px}.browse-shelves{gap:22px}}
@media(max-width:600px){.header-inner{min-height:68px;flex-wrap:wrap;gap:10px;padding:10px 14px}.brand{gap:9px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-name{font-size:15px}.brand-sub{font-size:8px}.account-btn{min-height:39px!important;padding:0 12px!important;font-size:11px}.search-wrap{order:3;flex-basis:100%;max-width:none}.search{height:41px;border-radius:12px}.search-icon{top:7px}.nav{position:sticky;top:118px;z-index:55;padding:9px 14px;background:#f4f3edf2;backdrop-filter:blur(12px)}.chip{min-height:37px;padding:0 13px;font-size:11px}.featured{margin:12px 12px 0}.featured-panel{min-height:410px;padding:23px 19px;border-radius:18px;align-items:flex-end}.featured-art{background-position:center center}.featured-panel::before{background:linear-gradient(0deg,#14291ff2 0%,#14291fa8 48%,#14291f10 100%)}.featured-copy{max-width:100%}.featured-copy h1{margin:13px 0 10px;font-size:clamp(29px,8vw,40px);-webkit-line-clamp:3}.featured-meta{flex-wrap:wrap;gap:8px;font-size:10px}.featured-description{max-width:350px;margin:10px 0 16px;font-size:12px}.featured-play,.featured-browse{height:42px;padding:0 13px;border-radius:11px;font-size:11px}.featured-index{top:15px;right:15px;bottom:auto}.section{margin:24px 13px 0}.section-title,.shelf-head h2{font-size:17px}.section-head{margin-bottom:11px}.section-count{font-size:10px}.browse-shelves{gap:17px;padding-bottom:30px}.shelf-head{margin-bottom:8px}.shelf-track{gap:10px;padding-bottom:11px}.shelf-track .card{flex-basis:165px}.shelf-see-all{padding:6px 9px;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 8px;padding-bottom:35px}.card,.channel-card{border-radius:12px}.thumb,.channel-thumb{border-radius:10px}.title{margin:7px 2px 0;font-size:10px}.meta,.channel-source{margin:4px 2px 0;font-size:9px}.favorite-toggle{top:6px;right:6px;width:31px;height:31px;font-size:18px}.duration{right:6px;bottom:6px;font-size:8px}.live-library-head{margin:25px 0 11px}.live-library-head h2{font-size:19px}.live-library-head>.live-status{font-size:8px}.local-live-box{border-radius:16px}.local-live-frame{aspect-ratio:16/10}.local-live-caption{padding:12px 14px}.local-live-caption strong{font-size:14px}#channelGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.account-dialog{padding:28px 21px}.account-dialog h2{font-size:27px}}
@media(max-width:370px){.brand-sub{display:none}.featured-panel{min-height:390px}.featured-browse{padding:0 9px}.shelf-track .card{flex-basis:150px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes hero-in{from{opacity:.65;transform:scale(1.045)}to{opacity:1;transform:scale(1.01)}}
#filters .nav-label{display:none}
@media(min-width:1050px){#filters .nav-label{display:block;margin:11px 12px 5px;color:#a5c077;font-size:9px;font-weight:900;letter-spacing:.17em}}


/* Royal night palette and compact header controls */
:root { --bg:#f5f3f8; --surface:#fff; --text:#24202e; --muted:#777182; --line:#e6e2ed; --accent:#f28c28; --accent2:#6236a1; --shadow:0 16px 42px rgba(46,34,68,.1); color-scheme:light; }
.header { background:rgba(250,249,252,.96)!important; border-color:#e6e2ed!important; }
.header-inner { gap:12px; }
.brand { margin-right:auto; }
.brand-mark { background:#6236a1!important; color:#ffad4d!important; box-shadow:0 7px 18px rgba(98,54,161,.22)!important; }
.brand-name { color:#34234f!important; }
.account-btn { order:2; }
.search-wrap { order:3; flex:0 0 44px; width:44px; height:44px; max-width:44px; margin:0; }
.search-wrap .search-icon { display:none; }
.search-wrap::before { content:"⌕"; position:absolute; inset:0; display:grid; place-items:center; z-index:2; border:1px solid #e1dbe9; border-radius:13px; background:#fff; color:#6236a1; font-size:25px; pointer-events:none; }
.search { position:relative; width:44px!important; height:44px!important; padding:0!important; border:1px solid transparent!important; border-radius:13px!important; background:transparent!important; color:transparent!important; cursor:pointer; }
.search::placeholder { color:transparent; }
.search:focus { position:absolute; top:calc(100% + 10px); right:0; z-index:90; width:min(360px,calc(100vw - 28px))!important; padding:0 15px!important; border-color:#f28c28!important; background:#fff!important; color:#24202e!important; box-shadow:0 12px 34px rgba(38,25,58,.19)!important; cursor:text; }
.search:focus::placeholder { color:#898395; }
.search-wrap:focus-within::before { display:none; }
.theme-btn { order:4; width:44px; height:44px; padding:0; border:1px solid #e1dbe9; border-radius:13px; background:#fff; color:#6236a1; font-size:18px; cursor:pointer; }
.theme-btn:hover { border-color:#f28c28; background:#fff5eb; }
body.dark-mode { --bg:#0c0913!important; --surface:#121522!important; --text:#f5f2ea!important; --muted:#a6a6b7!important; --line:#29283a!important; --accent:#f28c28!important; --accent2:#281b3e!important; --shadow:0 16px 42px rgba(0,0,0,.34)!important; color-scheme:dark; }
body.dark-mode, body.dark-mode .header { background:#090b14!important; color:#f5f2ea!important; }
body.dark-mode .header { background:rgba(9,11,20,.96)!important; border-bottom-color:#28263a!important; }
body.dark-mode .brand-name, body.dark-mode .section-title, body.dark-mode .shelf-head h2, body.dark-mode .live-library-head h2, body.dark-mode .title { color:#f5f2ea!important; }
body.dark-mode .brand-sub, body.dark-mode .meta, body.dark-mode .channel-source, body.dark-mode .section-count { color:#aaa9b9!important; }
body.dark-mode .nav { background:#111321!important; border-color:#29283a!important; }
body.dark-mode .nav .chip { color:#c5c3d0!important; }
body.dark-mode .nav .chip.active { background:#f28c28!important; color:#281b3e!important; }
body.dark-mode .shelf-see-all, body.dark-mode #channelGrid .channel-card, body.dark-mode .account-dialog, body.dark-mode .account-dialog input, body.dark-mode .install-tip { background:#141624!important; color:#f5f2ea!important; border-color:#302e43!important; }
body.dark-mode .account-dialog h2, body.dark-mode .account-dialog label { color:#f5f2ea!important; }
body.dark-mode .account-copy, body.dark-mode .account-hint { color:#b3b1c0!important; }
body.dark-mode .thumb, body.dark-mode .channel-thumb { background:#191a29!important; }
body.dark-mode .account-submit, body.dark-mode .account-btn { background:#4b3e69!important; color:#fff!important; }
body.dark-mode .theme-btn, body.dark-mode .search-wrap::before { background:#1b1a29; border-color:#3c3850; color:#ffad4d; }
body.dark-mode .brand-mark { background:#d6b66a!important; color:#201a2b!important; }
body.dark-mode .search:focus { background:#171725!important; color:#f5f2ea!important; }
body.dark-mode .search:focus::placeholder { color:#a6a6b7; }
.featured-panel { background:linear-gradient(118deg,#281a3d,#4b2873 58%,#a64a20); }
.featured-panel::before { background:linear-gradient(90deg,rgba(31,20,48,.94) 0%,rgba(61,35,91,.8) 52%,rgba(61,35,91,.14) 100%),linear-gradient(0deg,rgba(25,19,34,.72),transparent 55%); }
.section-title,.shelf-head h2,.live-library-head h2 { color:#34234f; }
.account-btn,.account-submit { background:#6236a1!important; }
.chip.active,.live-filter.active { background:#6236a1!important; border-color:#44345f!important; }
.local-live-caption { background:#302541; }
body.dark-mode .nav .chip.active { background:#f28c28!important; color:#281b3e!important; }
@media(max-width:600px) {
  .header-inner { flex-wrap:nowrap; gap:8px; }
  .brand { margin-right:auto; }
  .brand-sub { display:block; }
  .account-btn { order:2; min-height:39px!important; padding:0 10px!important; font-size:11px; }
  .search-wrap { order:3; flex:0 0 38px; width:38px; height:38px; }
  .search { width:38px!important; height:38px!important; }
  .theme-btn { order:4; flex:0 0 38px; width:38px; height:38px; }
  .search:focus { top:calc(100% + 8px); }
  .nav { top:68px; background:rgba(250,249,252,.96)!important; }
}

/* Keep the top bar focused on the three main actions. */
.visitor-count, .install-btn { display:none!important; }
.theme-btn { order:2!important; }
.search-wrap { order:3!important; }
.account-btn { order:4!important; }
@media(min-width:1050px) {
  .nav { background:#35234f!important; border-right-color:#50346f!important; }
  .nav .chip { color:#e5dfef!important; }
  .nav .chip:hover { background:rgba(255,255,255,.08)!important; }
  .nav .chip.active { background:#f28c28!important; color:#281b3e!important; }
}
@media(max-width:600px) {
  .theme-btn { order:2!important; }
  .search-wrap { order:3!important; }
  .account-btn { order:4!important; }
}
body.dark-mode .nav { background:#171522!important; }
body.dark-mode .nav .chip.active { background:#f28c28!important; color:#281b3e!important; }

/* Fit each ad inside its responsive slot without cropping the artwork. */
.ad { display:flex; align-items:center; justify-content:center; min-height:0; height:clamp(110px,19vw,320px); background:#f0edf5; }
.ad img, .ad video { width:100%; height:100%; max-height:none; object-fit:contain; object-position:center; }
@media(min-width:1500px) { .ad { height:clamp(240px,20vw,390px); } }
@media(max-width:850px) { .ad { height:clamp(110px,28vw,230px); } }
@media(max-width:600px) { .ad { height:clamp(100px,38vw,190px); border-radius:12px; } }
body.dark-mode .ad { background:#171321; }

/* Orange and purple are the primary brand colors, including TV focus states. */
.featured-play, .favorite-toggle.is-saved { background:#f28c28!important; color:#281b3e!important; border-color:#f28c28!important; }
.featured-kicker, .featured-spark { color:#ffae59; }
.live-status { color:#f28c28; }
.live-status-dot { background-color:#f28c28!important; }
:focus-visible { outline:3px solid #f28c28!important; box-shadow:0 0 0 6px rgba(242,140,40,.25)!important; }
.tv-mode .card:focus-visible, .tv-mode .channel-card:focus-visible { outline-color:#f28c28!important; }

/* Ads are 16:9 artwork: scale the whole creative to the screen, never crop it. */
.ad { width:100%; max-width:min(100%,1100px); height:auto!important; min-height:0!important; aspect-ratio:16/9; margin-left:auto; margin-right:auto; }
.ad img, .ad video { width:100%; height:100%; max-height:none; object-fit:contain; object-position:center; }
/* Legacy browser fallback: let the creative's intrinsic ratio size the slot. */
.ad { height:auto!important; aspect-ratio:auto; }
.ad img, .ad video { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }

/* Live streams wait for an authenticated viewer. */
.local-live-stage { position:relative; min-width:0; min-height:240px; aspect-ratio:16/8.4; overflow:hidden; background:#161222; }
.local-live-stage .local-live-frame { position:absolute; inset:0; width:100%; height:100%; min-height:0; aspect-ratio:auto; }
.local-live-gate { position:absolute; inset:0; z-index:3; display:grid; place-items:center; padding:20px; background:linear-gradient(135deg,#281a3d,#4b2873 60%,#a64a20); color:#fff; text-align:center; }
.local-live-gate[hidden] { display:none; }
.local-live-gate strong,.local-live-gate span { display:block; }
.local-live-gate strong { font-size:clamp(18px,2.2vw,27px); }
.local-live-gate span { margin:8px 0 17px; color:#eadff6; font-size:13px; }
.live-login-btn { min-height:44px; padding:0 17px; border:0; border-radius:12px; background:#f28c28; color:#281b3e; font-weight:850; cursor:pointer; }
@media(min-width:1050px) { .local-live-stage { height:100%; min-height:280px; aspect-ratio:auto; } }
@media(max-width:600px) { .local-live-stage { min-height:190px; aspect-ratio:16/10; } .local-live-gate span { max-width:250px; margin-right:auto; margin-left:auto; } }

/* Futuristic cinematic theme: plum glass, violet atmosphere, orange energy. */
:root {
  --bg:#100b19; --surface:#191226; --text:#f7f3ff; --muted:#b5a9c7; --line:#37294b;
  --accent:#ff922e; --accent2:#7b42c2; --focus:#ffad58;
  --shadow:0 18px 48px rgba(5,2,12,.38); color-scheme:dark;
}
html { background:#100b19; }
body {
  background:radial-gradient(ellipse at 80% -10%,rgba(119,55,181,.24),transparent 42%),radial-gradient(ellipse at 0% 38%,rgba(240,104,35,.08),transparent 36%),#100b19!important;
  color:#f7f3ff!important;
}
body.dark-mode {
  --bg:#100b19!important; --surface:#191226!important; --text:#f7f3ff!important;
  --muted:#b5a9c7!important; --line:#37294b!important; --accent:#ff922e!important;
  --accent2:#7b42c2!important; --shadow:0 18px 48px rgba(5,2,12,.38)!important;
  color-scheme:dark;
  background:radial-gradient(ellipse at 80% -10%,rgba(119,55,181,.24),transparent 42%),radial-gradient(ellipse at 0% 38%,rgba(240,104,35,.08),transparent 36%),#100b19!important;
}
body:not(.dark-mode) {
  --bg:#f5f0fa!important; --surface:#fffaff!important; --text:#241735!important;
  --muted:#766785!important; --line:#e5d9ef!important; --accent:#ed771d!important;
  --accent2:#64369f!important; --shadow:0 18px 48px rgba(54,26,78,.12)!important;
  color-scheme:light;
  background:radial-gradient(ellipse at 85% -10%,rgba(134,77,196,.12),transparent 38%),radial-gradient(ellipse at 0% 45%,rgba(241,129,44,.07),transparent 34%),#f5f0fa!important;
}
.header {
  background:rgba(16,11,25,.78)!important; border-bottom:1px solid rgba(177,133,223,.17)!important;
  box-shadow:0 12px 34px rgba(6,3,12,.2); backdrop-filter:blur(22px) saturate(150%);
}
body:not(.dark-mode) .header { background:rgba(250,246,253,.82)!important;border-bottom-color:#e8dcf0!important; }
.brand-mark {
  background:linear-gradient(140deg,#ffb14e 0%,#fa7b23 42%,#8649ca 100%)!important;
  color:#241334!important;box-shadow:0 0 0 1px #ffffff30 inset,0 7px 24px #ef751c55,0 0 34px #8e48d333;
}
.brand-name { color:#fff8ff!important; }
body:not(.dark-mode) .brand-name { color:#2b193e!important; }
.brand-sub { color:#b6a9c9!important; }
.search,.body.dark-mode .search {
  border-color:#49355e!important;background:rgba(31,22,45,.78)!important;color:#fff8ff!important;
  box-shadow:0 6px 22px #08050d22,inset 0 1px #ffffff0a;
}
body:not(.dark-mode) .search {background:#fffaff!important;color:#2b193e!important;border-color:#e2d3ee!important;}
.search-wrap:focus-within .search {border-color:#a05be0!important;box-shadow:0 0 0 3px #a05be033,0 0 28px #8745c422!important;}
.search-icon {color:#ff9b45!important;}
.account-btn,.account-submit {
  background:linear-gradient(110deg,#7642b6,#63379f 55%,#8245bd)!important;color:#fff!important;
  border:1px solid #c29aea55!important;box-shadow:0 7px 24px #713ca33d,inset 0 1px #ffffff24;
}
.account-btn:hover,.account-submit:hover {filter:brightness(1.16);box-shadow:0 8px 30px #8b4aca66!important;}
.theme-btn {background:#21172f!important;color:#ff9b45!important;border-color:#49345e!important;box-shadow:0 6px 18px #09051033;}
body:not(.dark-mode) .theme-btn {background:#fffaff!important;color:#6736a5!important;border-color:#e2d3ee!important;}
.theme-btn:hover {border-color:#ff922e!important;box-shadow:0 0 22px #ff922e35;}
.nav {
  background:rgba(22,15,33,.93)!important;border-right-color:#443054!important;
  box-shadow:10px 0 32px #08050d1c;
}
body:not(.dark-mode) .nav {background:rgba(250,246,253,.95)!important;border-right-color:#e4d8ed!important;}
.chip {color:#b5a9c7!important;transition:background .2s,color .2s,transform .2s,box-shadow .2s;}
body:not(.dark-mode) .chip {color:#766785!important;}
.chip:hover {background:#ffffff0d!important;color:#fff!important;}
body:not(.dark-mode) .chip:hover {background:#efe6f6!important;color:#452464!important;}
.chip.active,.nav .chip.active {
  background:linear-gradient(105deg,#ff9d3d,#f27c24 48%,#cb63a6)!important;color:#251438!important;
  border-color:#ffb15e66!important;box-shadow:0 7px 22px #f47d2840,inset 0 1px #fff8;
}
.featured-panel {
  border:1px solid #ffffff20!important;border-radius:30px!important;
  background:linear-gradient(120deg,#211432,#43216c 52%,#a34a28)!important;
  box-shadow:0 30px 80px #09051055,0 0 0 1px #a65bea1a,0 0 50px #813db524;
}
.featured-panel::before {
  background:linear-gradient(90deg,rgba(18,11,28,.96),rgba(36,19,56,.75) 42%,rgba(46,23,65,.27) 76%,rgba(22,13,33,.08)),linear-gradient(0deg,rgba(12,8,18,.68),transparent 65%)!important;
}
.featured-panel::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at 88% 15%,#ff9b4530,transparent 35%),linear-gradient(130deg,transparent 35%,#aa6be01a 68%,transparent 83%);
}
.featured-kicker {color:#ffc17d!important;}
.featured-spark {color:#ff9b45!important;text-shadow:0 0 18px #ff922e;}
.featured-copy h1 {text-shadow:0 5px 28px #05020bbd,0 0 35px #a75bea36;}
.featured-play {background:linear-gradient(110deg,#ffb04d,#ff8124)!important;color:#29163b!important;box-shadow:0 9px 28px #fa7c2e52,0 0 24px #ff9b4529!important;}
.featured-browse {background:#ffffff12!important;border-color:#ffffff4d!important;box-shadow:inset 0 1px #ffffff20;}
.section-title,.shelf-head h2,.live-library-head h2,.title {color:var(--text)!important;}
.section-count,.meta,.channel-source {color:var(--muted)!important;}
.shelf-head h2 {display:flex;align-items:center;gap:10px;}
.shelf-head h2::before {content:"";width:4px;height:18px;border-radius:6px;background:linear-gradient(#ffae58,#a45be0);box-shadow:0 0 15px #a45be066;}
.shelf-see-all,.live-filter {
  background:#21172f!important;border-color:#453257!important;color:#d8cce7!important;
  transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;
}
body:not(.dark-mode) .shelf-see-all,body:not(.dark-mode) .live-filter {background:#fffaff!important;color:#573775!important;border-color:#e3d5ee!important;}
.shelf-see-all:hover,.live-filter:hover {border-color:#a869db!important;box-shadow:0 0 18px #8d4ec533;transform:translateY(-1px);}
.live-filter.active {background:linear-gradient(110deg,#7a44b9,#613698)!important;color:#fff!important;border-color:#ad7bd2!important;box-shadow:0 6px 20px #713ca33a;}
.card,.channel-card {transition:transform .24s ease,border-color .24s,background .24s,box-shadow .24s;}
.card:hover,.channel-card:hover {
  transform:translateY(-5px);border-color:#a65be066;background:#21172f!important;
  box-shadow:0 16px 36px #08050d52,0 0 0 1px #a65be02b,0 0 28px #8c47c51c;
}
body:not(.dark-mode) .card:hover,body:not(.dark-mode) .channel-card:hover {background:#fffaff!important;box-shadow:0 16px 36px #371e501e,0 0 0 1px #a65be02a;}
.thumb,.channel-thumb {background:#20172e!important;box-shadow:0 8px 25px #08050d3a,inset 0 0 0 1px #ffffff12;}
body:not(.dark-mode) .thumb,body:not(.dark-mode) .channel-thumb {background:#eee6f4!important;}
.card:hover .thumb,.card:focus-visible .thumb {box-shadow:0 0 0 1px #ff9b4570,0 0 25px #a457dc38;}
.play {background:linear-gradient(0deg,#21112e77,#21112e14)!important;}
.play-circle {background:linear-gradient(135deg,#ffb24e,#ff7924)!important;color:#28163a!important;box-shadow:0 0 0 7px #ffad5820,0 6px 28px #ff822f68;}
.favorite-toggle {background:#20172fcc!important;border:1px solid #ffffff36!important;color:#fff!important;backdrop-filter:blur(12px);}
.favorite-toggle.is-saved {background:#ff922e!important;color:#28163a!important;box-shadow:0 0 20px #ff922e5c;}
.duration {border-color:#ffb15e55!important;background:#1b1129e8!important;}
.ad {background:#1a1325!important;border:1px solid #3b2b4e;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px #09051030;}
body:not(.dark-mode) .ad {background:#eee6f4!important;border-color:#e1d2eb;}
.ad-label {background:#171020cc!important;color:#e5d9ef!important;}
.local-live-box {border-color:#49345e!important;background:#1b1328!important;box-shadow:0 20px 55px #08050d42,0 0 32px #8b46bf1b;}
.local-live-caption {background:linear-gradient(110deg,#241531,#372148)!important;color:#fff!important;}
.local-live-caption div {color:#d5c8e2!important;}
.live-status,.live-status-dot {color:#ff9a40!important;}
.live-status-dot {background:#ff922e!important;box-shadow:0 0 14px #ff922e99!important;}
.local-live-gate {background:radial-gradient(ellipse at 50% 0%,#8347bd66,transparent 55%),linear-gradient(130deg,#171020,#321c4b 60%,#5e2b68)!important;}
.local-live-login-btn,.live-login-btn {background:linear-gradient(110deg,#ffb04d,#ff8124)!important;color:#29163b!important;box-shadow:0 8px 22px #f47d2845;}
.account-backdrop {background:#090510bf!important;backdrop-filter:blur(18px) saturate(140%);}
.account-dialog {background:linear-gradient(145deg,#21172f,#171020 78%)!important;border-color:#a25ac64d!important;color:#f7f3ff!important;box-shadow:0 30px 100px #05020bc9,0 0 50px #8745c433!important;}
.account-dialog h2,.account-dialog label {color:#fff8ff!important;}
.account-copy,.account-hint {color:#c5b7d7!important;}
.account-dialog input {background:#100b19!important;border-color:#49355e!important;color:#fff8ff!important;}
.account-dialog input:focus {border-color:#a05be0!important;box-shadow:0 0 0 3px #a05be033,0 0 22px #8745c422!important;}
.account-close {background:#281c39!important;border-color:#574169!important;color:#f7f3ff!important;}
.account-switch {color:#ffad58!important;}
.account-switch[hidden]{display:none!important;}
.install-tip {background:#21172f!important;border-color:#49355e!important;color:#f7f3ff!important;}
.player {background:radial-gradient(ellipse at center,#241433,#07050b 68%)!important;}
.player-title {padding:10px 15px;border:1px solid #ffffff22;border-radius:12px;background:#130d1dcc;backdrop-filter:blur(12px);}
:focus-visible {outline:3px solid #ff9b45!important;outline-offset:4px;box-shadow:0 0 0 7px #ff922e2b,0 0 26px #a65be055!important;}
@keyframes neon-breathe {0%,100%{box-shadow:0 0 0 #a65be000}50%{box-shadow:0 0 24px #a65be01e}}
.featured-panel {animation:neon-breathe 7s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Player audio track selector */
.player-extras{position:absolute;z-index:4;top:44px;left:12px;right:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:none}
.player-extras>*{pointer-events:auto}.player-extras select{border:1px solid #ffffff35;border-radius:10px;background:#221632e8;color:#fff;padding:9px 12px;font:700 12px system-ui;cursor:pointer;backdrop-filter:blur(10px)}
.profile-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;padding:14px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff08}.profile-tools label{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:800}.profile-tools select,.profile-tools button{min-height:40px;padding:8px 10px;border:1px solid #ffffff25;border-radius:10px;background:#21182d;color:var(--text);font:700 12px system-ui}.profile-tools button{cursor:pointer}.profile-tools button:hover{border-color:#ff922e}
.player-extras select:focus-visible,.profile-tools button:focus-visible,.profile-tools select:focus-visible{outline:3px solid #ff922e;outline-offset:2px}
.profile-tools[hidden]{display:none!important}
/* Player chrome fades after a short idle period while the video stays full-screen. */
.player-title,.player-extras{opacity:1;transition:opacity .28s ease,visibility .28s ease;visibility:visible}
.player.controls-hidden .player-title,.player.controls-hidden .player-extras{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.player-title,.player-extras{transition:none}}
/* TV remote focus is deliberately larger and higher contrast than pointer hover. */
.tv-mode :focus-visible{outline:5px solid #ff922e!important;outline-offset:6px;box-shadow:0 0 0 10px #ff922e36,0 0 28px #b95eff70!important}
.tv-mode .chip:focus-visible,.tv-mode button:focus-visible,.tv-mode a:focus-visible,.tv-mode select:focus-visible,.tv-mode input:focus-visible{transform:scale(1.045);z-index:8}