/* OpenCinema TV UI v0.3 — large-screen shell only. Mobile styles remain untouched. */
body.tv-mode{overflow:hidden;background:#05070b;color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body.tv-mode #app{min-height:100vh;background:#05070b}
body.tv-mode .topbar,body.tv-mode .bottom-nav{display:none!important}
body.tv-mode #main{max-width:none;margin:0;padding:0;height:100vh;overflow:auto;scroll-behavior:smooth;overscroll-behavior:contain}
body.tv-mode .tv-shell{min-height:100vh;background:radial-gradient(circle at 72% -8%,rgba(88,104,155,.12),transparent 36%),#05070b}
body.tv-mode .tv-header{position:fixed;z-index:80;left:0;right:0;top:0;height:82px;display:flex;align-items:center;padding:0 54px;gap:42px;background:linear-gradient(180deg,rgba(4,6,10,.98) 0%,rgba(4,6,10,.88) 64%,transparent 100%);pointer-events:none}
body.tv-mode .tv-header>*{pointer-events:auto}
body.tv-mode .tv-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;font-weight:850;letter-spacing:.5px}
body.tv-mode .tv-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#e94b5f,#ff7b58);box-shadow:0 8px 28px rgba(233,75,95,.28);font-size:16px;padding-left:2px}
body.tv-mode .tv-nav{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
body.tv-mode .tv-nav-btn,body.tv-mode .tv-icon-btn{border:0;background:transparent;color:#a9b0bd;border-radius:10px;padding:10px 15px;font-size:17px;font-weight:650;white-space:nowrap;transition:transform .13s ease,background .13s ease,color .13s ease,box-shadow .13s ease}
body.tv-mode .tv-nav-btn.active{color:#fff;background:rgba(255,255,255,.08)}
body.tv-mode .tv-icon-btn{font-size:20px;padding:10px 14px}
body.tv-mode .tv-focus:focus,body.tv-mode [data-tv-focus]:focus{outline:none;color:#fff;background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.16),0 14px 36px rgba(0,0,0,.38);transform:scale(1.075);z-index:30}
body.tv-mode .tv-nav-btn:focus,body.tv-mode .tv-icon-btn:focus{color:#10131a!important}
body.tv-mode .tv-page{padding:74px 0 90px;min-height:100vh}
body.tv-mode .tv-page-inner{padding:0 54px}
body.tv-mode .tv-hero{position:relative;height:min(62vh,620px);min-height:430px;overflow:hidden;margin-bottom:-64px;background:#0c1119}
body.tv-mode .tv-hero-bg{position:absolute;inset:0;background-position:72% 34%;background-size:cover;filter:saturate(.95);transform:scale(1.025)}
body.tv-mode .tv-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070b 0%,rgba(5,7,11,.88) 25%,rgba(5,7,11,.30) 59%,rgba(5,7,11,.18) 100%),linear-gradient(0deg,#05070b 0%,transparent 46%,rgba(5,7,11,.18) 100%)}
body.tv-mode .tv-hero-content{position:absolute;z-index:2;left:54px;bottom:112px;width:min(610px,48vw)}
body.tv-mode .tv-eyebrow{color:#ff98a7;font-size:15px;font-weight:800;letter-spacing:2px;margin-bottom:10px}
body.tv-mode .tv-hero h1{font-size:clamp(38px,4vw,66px);line-height:1.02;margin:0 0 16px;font-weight:900;letter-spacing:-1.5px;text-shadow:0 4px 28px rgba(0,0,0,.38)}
body.tv-mode .tv-meta{display:flex;gap:12px;align-items:center;color:#d0d5df;font-size:16px;margin:0 0 14px}
body.tv-mode .tv-score{color:#ffca58;font-weight:850}
body.tv-mode .tv-hero-desc{font-size:17px;color:#bdc4d0;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 22px}
body.tv-mode .tv-actions{display:flex;gap:12px;align-items:center}
body.tv-mode .tv-action{border:0;border-radius:12px;background:rgba(255,255,255,.11);color:#fff;padding:13px 22px;font-size:17px;font-weight:750;transition:.13s ease}
body.tv-mode .tv-action.primary{background:#fff;color:#0c1017}
body.tv-mode .tv-action:focus{background:#fff!important;color:#0c1017!important;transform:scale(1.06)}
body.tv-mode .tv-content{position:relative;z-index:3;padding:0 54px 90px}
body.tv-mode .tv-row{margin:26px 0 34px}
body.tv-mode .tv-row-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}
body.tv-mode .tv-row-head h2{font-size:25px;margin:0;letter-spacing:.2px}
body.tv-mode .tv-row-head span{color:#737d8d;font-size:13px}
body.tv-mode .tv-cards{display:flex;gap:17px;overflow-x:auto;overflow-y:visible;padding:8px 7px 17px 2px;margin:-8px -7px -17px -2px;scrollbar-width:none;scroll-snap-type:x proximity}
body.tv-mode .tv-cards::-webkit-scrollbar{display:none}
body.tv-mode .tv-card{position:relative;flex:0 0 clamp(156px,13.1vw,236px);border:0;background:transparent;color:#fff;padding:0;text-align:left;border-radius:13px;transition:.14s ease;scroll-snap-align:start}
body.tv-mode .tv-card-poster{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#283142,#111620);box-shadow:0 13px 34px rgba(0,0,0,.28);border:2px solid transparent}
body.tv-mode .tv-card-poster img{width:100%;height:100%;object-fit:cover;display:block}
body.tv-mode .tv-card-fallback{position:absolute;inset:0;padding:16px;display:flex;align-items:flex-end;font-size:20px;font-weight:850;background:radial-gradient(circle at 70% 15%,rgba(233,75,95,.36),transparent 45%),linear-gradient(155deg,#30394b,#121720)}
body.tv-mode .tv-card-badge{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);padding:4px 7px;border-radius:7px;font-size:11px}
body.tv-mode .tv-card-title{font-size:16px;font-weight:700;margin:10px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tv-mode .tv-card-sub{font-size:12px;color:#788293;margin:5px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tv-mode .tv-card:focus{background:transparent!important;transform:translateY(-8px) scale(1.075);box-shadow:none}
body.tv-mode .tv-card:focus .tv-card-poster{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 20px 46px rgba(0,0,0,.52)}
body.tv-mode .tv-card:focus .tv-card-title{color:#fff}
body.tv-mode .tv-skeleton{height:260px;border-radius:14px;background:linear-gradient(90deg,#111620,#19202c,#111620);background-size:200% 100%;animation:tvShimmer 1.2s linear infinite}@keyframes tvShimmer{to{background-position:-200% 0}}
body.tv-mode .tv-empty{padding:170px 54px;text-align:center;color:#7f8898;font-size:19px}
body.tv-mode .tv-channel-page{padding:108px 54px 80px}
body.tv-mode .tv-channel-title{font-size:38px;margin:0 0 22px}
body.tv-mode .tv-filter-line{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding:5px 4px 16px}
body.tv-mode .tv-chip{border:0;border-radius:999px;background:#131924;color:#8e97a7;padding:10px 17px;font-size:15px;white-space:nowrap}
body.tv-mode .tv-chip.active{background:#fff;color:#11151d}
body.tv-mode .tv-chip:focus{color:#11151d!important}
body.tv-mode .tv-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:30px 18px;padding:10px 0 42px}
body.tv-mode .tv-grid .tv-card{width:100%;min-width:0;flex:auto}
body.tv-mode .tv-loadmore{display:block;margin:18px auto 80px;border:0;border-radius:12px;background:#151b26;color:#c9cfda;padding:13px 26px;font-size:16px}
body.tv-mode .tv-search-page{padding:110px 54px 80px}
body.tv-mode .tv-searchbox{display:flex;gap:14px;width:min(920px,75vw);margin:0 auto 35px}
body.tv-mode .tv-searchbox input{flex:1;border:2px solid #242d3d;background:#111722;color:#fff;border-radius:15px;padding:17px 20px;font-size:22px;outline:none}
body.tv-mode .tv-searchbox input:focus{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.1)}
body.tv-mode .tv-searchbox button{border:0;border-radius:15px;background:#fff;color:#11151d;padding:0 28px;font-size:19px;font-weight:800}
body.tv-mode .tv-overlay{position:fixed;z-index:110;inset:0;background:#05070b;overflow:auto}
body.tv-mode .tv-overlay.hidden{display:none}
body.tv-mode .tv-detail{min-height:100vh;position:relative;padding:86px 58px 70px;overflow:hidden}
body.tv-mode .tv-detail-bg{position:absolute;inset:0;background-position:74% 30%;background-size:cover;filter:blur(3px) saturate(.9);transform:scale(1.03);opacity:.62}
body.tv-mode .tv-detail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070b 0%,rgba(5,7,11,.93) 33%,rgba(5,7,11,.38) 70%,rgba(5,7,11,.5)),linear-gradient(0deg,#05070b 0%,transparent 58%)}
body.tv-mode .tv-detail-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:54px;min-height:calc(100vh - 156px)}
body.tv-mode .tv-detail-main{align-self:center}
body.tv-mode .tv-back{position:absolute;z-index:5;top:28px;left:36px;border:0;border-radius:50%;width:48px;height:48px;background:rgba(18,23,31,.82);font-size:26px;color:#fff}
body.tv-mode .tv-detail h1{font-size:52px;line-height:1.06;margin:0 0 17px}
body.tv-mode .tv-detail-desc{font-size:17px;color:#b4bdca;line-height:1.72;max-height:118px;overflow:hidden;margin:17px 0 24px}
body.tv-mode .tv-detail-side{align-self:end;padding-bottom:10px;max-height:72vh;overflow:auto}
body.tv-mode .tv-detail-side h3{font-size:22px;margin:0 0 14px}
body.tv-mode .tv-episodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
body.tv-mode .tv-ep{border:0;border-radius:10px;background:rgba(24,31,43,.92);color:#bcc4d0;padding:12px 7px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tv-mode .tv-ep.playable{color:#fff;background:rgba(233,75,95,.15);box-shadow:inset 0 0 0 1px rgba(233,75,95,.28)}
body.tv-mode .tv-ep:focus{color:#11151d!important}
body.tv-mode .modal{z-index:140;align-items:center;justify-content:center;padding:28px;background:#000}
body.tv-mode .modal .sheet{width:min(1220px,94vw);max-width:none;max-height:94vh;border-radius:18px;border:1px solid #2a3241;padding:20px 24px;background:#0b0e14}
body.tv-mode .modal .sheet-head h3{font-size:20px}
body.tv-mode .modal .player-wrap{border-radius:10px}
body.tv-mode .modal .fullscreen-action{font-size:16px}
body.tv-mode .tv-player-bar{position:fixed;z-index:1006;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:12px;padding:10px 12px;border:1px solid #30394a;border-radius:16px;background:rgba(10,13,19,.94);box-shadow:0 16px 50px rgba(0,0,0,.52)}
body.tv-mode .tv-player-bar button{border:0;border-radius:11px;background:#1a2130;color:#fff;padding:11px 18px;font-size:15px;font-weight:700}
body.tv-mode .tv-player-bar button:disabled{opacity:.34}
body.tv-mode .tv-player-episodes{position:fixed;z-index:1007;left:50%;bottom:92px;transform:translateX(-50%);width:min(820px,84vw);max-height:45vh;overflow:auto;padding:18px;border:1px solid #30394a;border-radius:18px;background:rgba(9,12,18,.97);box-shadow:0 20px 70px rgba(0,0,0,.58)}
body.tv-mode .tv-player-episodes.hidden{display:none}
body.tv-mode .tv-player-episodes-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:19px}
body.tv-mode .tv-player-episodes-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
body.tv-mode .tv-player-episodes .tv-ep.current{background:#fff;color:#11151d}
body.tv-mode .toast{bottom:38px;font-size:14px}
body.tv-mode .connection-pill{position:fixed;right:52px;top:91px;z-index:45;background:rgba(12,16,23,.75);backdrop-filter:blur(12px)}
@media(max-width:1400px){body.tv-mode .tv-header{padding:0 36px;gap:28px}body.tv-mode .tv-hero-content{left:38px}body.tv-mode .tv-content,body.tv-mode .tv-channel-page,body.tv-mode .tv-search-page{padding-left:38px;padding-right:38px}body.tv-mode .tv-grid{grid-template-columns:repeat(6,minmax(0,1fr))}body.tv-mode .tv-nav-btn{font-size:15px;padding:9px 11px}body.tv-mode .tv-detail{padding-left:42px;padding-right:42px}body.tv-mode .tv-detail-inner{grid-template-columns:minmax(0,560px) 1fr;gap:34px}}
@media(max-height:760px){body.tv-mode .tv-header{height:66px}body.tv-mode .tv-hero{min-height:360px;height:62vh}body.tv-mode .tv-hero-content{bottom:88px}body.tv-mode .tv-hero h1{font-size:42px}body.tv-mode .tv-row{margin:20px 0 26px}body.tv-mode .tv-card{flex-basis:150px}body.tv-mode .tv-detail{padding-top:72px}body.tv-mode .tv-detail h1{font-size:42px}body.tv-mode .tv-detail-desc{font-size:15px;max-height:98px}}

/* v0.3a TV playback layer: playback engine is untouched; only the TV chrome/fullscreen shell is added. */
body.tv-mode.tv-player-active{overflow:hidden;background:#000}
body.tv-mode.tv-player-active #modal.tv-player-modal{position:fixed!important;inset:0!important;z-index:3000!important;display:block!important;padding:0!important;background:#000!important}
body.tv-mode.tv-player-active #modal.tv-player-modal .sheet{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important}
body.tv-mode.tv-player-active #modal.tv-player-modal .sheet-head,
body.tv-mode.tv-player-active #modal.tv-player-modal .fullscreen-action,
body.tv-mode.tv-player-active #modal.tv-player-modal .player-title,
body.tv-mode.tv-player-active #modal.tv-player-modal .sheet>.card-meta,
body.tv-mode.tv-player-active #modal.tv-player-modal .source-select,
body.tv-mode.tv-player-active #modal.tv-player-modal .notice,
body.tv-mode.tv-player-active #modal.tv-player-modal .settings-actions,
body.tv-mode.tv-player-active #modal.tv-player-modal .advanced{display:none!important}
body.tv-mode.tv-player-active #modal.tv-player-modal .player-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important}
body.tv-mode.tv-player-active #modal.tv-player-modal video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000!important}
body.tv-mode .tv-player-top{position:fixed;z-index:3010;left:0;right:0;top:0;padding:34px 52px 70px;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,0));pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
body.tv-mode .tv-player-title-main{font-size:25px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65)}
body.tv-mode .tv-player-title-ep{margin-top:6px;font-size:16px;color:#ccd3de;text-shadow:0 2px 12px rgba(0,0,0,.65)}
body.tv-mode .tv-player-bar{position:fixed;z-index:3012;left:0;right:0;bottom:0;transform:none;display:flex;justify-content:center;align-items:center;gap:14px;padding:72px 38px 34px;border:0;border-radius:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.56) 48%,rgba(0,0,0,0));box-shadow:none;transition:opacity .22s ease,visibility .22s ease}
body.tv-mode .tv-player-bar button{min-width:128px;min-height:54px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(25,31,42,.92);color:#fff;padding:12px 20px;font-size:17px;font-weight:750;box-shadow:0 6px 24px rgba(0,0,0,.28)}
body.tv-mode .tv-player-bar button:focus{background:#fff!important;color:#11151d!important;transform:scale(1.08);outline:0;box-shadow:0 0 0 4px rgba(255,255,255,.22),0 12px 40px rgba(0,0,0,.5)}
body.tv-mode .tv-player-bar button:disabled{opacity:.28;transform:none}
body.tv-mode .tv-player-episodes{position:fixed;z-index:3014;left:50%;bottom:112px;transform:translateX(-50%);width:min(1040px,88vw);max-height:58vh;overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(8,11,16,.97);box-shadow:0 25px 90px rgba(0,0,0,.72)}
body.tv-mode .tv-player-episodes.hidden{display:none!important}
body.tv-mode .tv-player-episodes-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:21px;color:#fff}
body.tv-mode .tv-player-episodes-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:11px}
body.tv-mode .tv-player-episodes .tv-ep{min-height:48px;font-size:16px}
body.tv-mode .tv-player-episodes .tv-ep.current{background:#fff;color:#11151d}
body.tv-mode .tv-player-episodes .tv-ep:focus{background:#fff!important;color:#11151d!important;transform:scale(1.08);outline:0;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
body.tv-mode #modal.tv-controls-hidden .tv-player-top,
body.tv-mode #modal.tv-controls-hidden .tv-player-bar{opacity:0;visibility:hidden;pointer-events:none}
body.tv-mode #modal.tv-controls-hidden{cursor:none}
body.tv-mode #modal.tv-player-modal:fullscreen,
body.tv-mode #modal.tv-player-modal:-webkit-full-screen{width:100vw!important;height:100vh!important;background:#000!important}
@media(max-width:1280px){body.tv-mode .tv-player-bar{gap:10px;padding-left:22px;padding-right:22px}body.tv-mode .tv-player-bar button{min-width:105px;font-size:15px;padding:10px 14px}body.tv-mode .tv-player-episodes-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}

/* v0.3b TV additions: detail facts, segmented episodes, playback speed and topic hub. */
body.tv-mode .tv-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:16px 0 18px;max-width:650px}
body.tv-mode .tv-fact{display:flex;gap:10px;min-width:0;font-size:14px;line-height:1.45;color:#c3cad5}
body.tv-mode .tv-fact b{flex:0 0 72px;color:#7f8998;font-weight:650}
body.tv-mode .tv-fact span{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.tv-mode .tv-episode-segments{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}
body.tv-mode .tv-episode-segments::-webkit-scrollbar{display:none}
body.tv-mode .tv-seg{flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#151b26;color:#bfc7d3;padding:10px 15px;font-size:14px;font-weight:700}
body.tv-mode .tv-seg.active{background:rgba(233,75,95,.16);color:#fff;border-color:rgba(233,75,95,.45)}
body.tv-mode .tv-seg:focus{background:#fff!important;color:#11151d!important;outline:0;transform:scale(1.06);box-shadow:0 0 0 4px rgba(255,255,255,.16)}
body.tv-mode .tv-player-rate{position:fixed;z-index:3015;left:50%;bottom:112px;transform:translateX(-50%);width:min(620px,72vw);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(8,11,16,.97);box-shadow:0 25px 90px rgba(0,0,0,.72)}
body.tv-mode .tv-player-rate.hidden{display:none!important}
body.tv-mode .tv-player-rate-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#fff;font-size:20px}
body.tv-mode .tv-player-rate-head span{font-size:15px;color:#9da7b5}
body.tv-mode .tv-player-rate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
body.tv-mode .tv-rate{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1a2130;color:#fff;min-height:52px;font-size:17px;font-weight:750}
body.tv-mode .tv-rate.current{background:rgba(233,75,95,.18);border-color:rgba(233,75,95,.5)}
body.tv-mode .tv-rate:focus{background:#fff!important;color:#11151d!important;outline:0;transform:scale(1.08);box-shadow:0 0 0 4px rgba(255,255,255,.18)}
body.tv-mode .tv-topic-page{padding-top:112px}
body.tv-mode .tv-topic-hero{padding:18px 0 6px;max-width:820px}
body.tv-mode .tv-topic-hero .tv-channel-title{margin:5px 0 10px}
body.tv-mode .tv-topic-hero p{margin:0;color:#939dab;font-size:16px}
body.tv-mode .tv-topic-page .tv-row{margin-top:30px}
body.tv-mode.tv-player-active #modal.tv-controls-hidden .tv-player-rate{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:1280px){body.tv-mode .tv-detail-facts{grid-template-columns:1fr}body.tv-mode .tv-player-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v0.3c history management */
body.tv-mode .tv-history-row .tv-row-head>div{display:flex;align-items:baseline;gap:14px}
body.tv-mode .tv-history-clear,body.tv-mode .tv-history-delete{border:0;border-radius:10px;background:#171d28;color:#b8c0cd;font-size:14px;font-weight:700}
body.tv-mode .tv-history-clear{padding:10px 16px}
body.tv-mode .tv-history-card{position:relative;flex:0 0 clamp(156px,13.1vw,236px)}
body.tv-mode .tv-history-card .tv-card{width:100%;min-width:0;flex:auto}
body.tv-mode .tv-history-delete{width:100%;margin-top:8px;padding:9px 12px}
body.tv-mode .tv-history-clear:focus,body.tv-mode .tv-history-delete:focus{background:#fff!important;color:#10131a!important;transform:scale(1.05)}