:root{--bg:#070914;--panel:#0d1221;--line:#202944;--muted:#9da5b8;--purple:#7c3aed;--purple2:#a855f7;--red:#ef233c;--yellow:#ffd24d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 25% -10%,#171c3b 0,transparent 35%),var(--bg);color:#f8f8fc;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit}.app{max-width:1600px;margin:auto;padding:14px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 7px 14px;position:sticky;top:0;z-index:20;background:rgba(7,9,20,.91);backdrop-filter:blur(14px)}.brand{font-size:31px;font-weight:1000;letter-spacing:-1.8px}.brand span{color:var(--purple2)}.brand small{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:12px}nav{display:flex;gap:10px}nav a{color:#ddd;text-decoration:none;padding:10px 14px;border-radius:12px;font-size:12px}nav a.active{background:#32186d;color:white}.actions{display:flex;gap:8px;align-items:center}.vip{border:0;background:var(--yellow);color:#21161a;border-radius:13px;padding:10px 15px;font-weight:1000}.panel{background:rgba(13,18,33,.95);border:1px solid var(--line);border-radius:16px}.hero{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:13px}.channels,.ranking{padding:12px}.channels h2,.ranking h2{font-size:14px;margin:0 0 10px}.channel{display:flex;width:100%;align-items:center;gap:10px;background:#11192a;color:white;border:1px solid transparent;border-radius:11px;padding:10px;margin-bottom:7px;text-align:left}.channel.active{background:linear-gradient(135deg,#4919a9,#261149);border-color:var(--purple)}.channel i{font-style:normal;font-size:21px;width:30px;text-align:center}.channel b{display:block;font-size:11px}.channel small{display:block;font-size:9px;color:var(--muted)}.center{overflow:hidden}.status{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0b0f1b;border-bottom:1px solid var(--line)}.status b{background:var(--red);padding:7px 10px;border-radius:8px;font-size:10px}.status span{background:#1a2030;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:900}.player{aspect-ratio:16/9;position:relative;background:#05070d}.player iframe,#youtubePlayer{width:100%;height:100%;border:0}.player #loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#151a31,#2c1d54);font-size:12px}.player.ready #loading{display:none}.videoInfo{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.videoInfo h1{font-size:16px;margin:0}.videoInfo p{font-size:9px;color:#b7bdcb;margin:4px 0}.controls{display:flex;gap:6px}.controls button,.wide{border:1px solid #303a5a;background:#151c30;color:white;padding:8px 10px;border-radius:8px;font-size:9px}.daily{padding:10px}.daily h2{font-size:12px;margin:0}.miniList{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}.mini{border:1px solid #26304c;background:#111728;border-radius:9px;overflow:hidden}.mini.active{border-color:var(--purple)}.mini .visual{height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d2740,#52237a);font-size:26px}.mini footer{display:flex;justify-content:space-between;padding:6px;font-size:8px}.rankRow{display:grid;grid-template-columns:22px 55px 1fr;gap:7px;align-items:center;background:#111827;border-radius:9px;padding:5px;margin-bottom:6px}.rankRow .num{font-size:16px;font-weight:1000}.rankRow .thumb{height:42px;border-radius:7px;background:#26324f}.rankRow b{font-size:9px;display:block}.rankRow small{font-size:8px;color:var(--muted)}.wide{width:100%;margin-top:5px}.schedule{margin-top:12px;padding:12px}#scheduleList{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:7px;overflow-x:auto}.show{background:#12192b;border:1px solid #25304a;border-radius:10px;padding:10px;min-height:82px}.tv-fullscreen-controls{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:15;display:flex;gap:5px;padding:5px;background:rgba(7,9,20,.8);border:1px solid #303a5a;border-radius:13px;max-width:calc(100% - 12px);overflow-x:auto}.tv-fullscreen-controls button{border:1px solid #3b4567;background:#11182b;color:#fff;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:700;white-space:nowrap}.toptv-immersive{display:none;position:fixed;inset:0;z-index:2147483000;background:#000;overflow:hidden;touch-action:none}.toptv-immersive.open{display:block}.toptv-immersive-stage,.toptv-immersive-stage .player{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#000;will-change:transform}.toptv-immersive-stage iframe,.toptv-immersive-stage #youtubePlayer{width:100%!important;height:100%!important}.toptv-gesture-layer{position:absolute;inset:0;z-index:20;background:transparent;touch-action:none}.toptv-immersive .tv-fullscreen-controls{display:none}.toptv-immersive-close{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;z-index:35;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff55;background:#070914aa;color:#fff;font-size:22px}.toptv-immersive-brand{position:absolute;top:max(22px,env(safe-area-inset-top));left:76px;z-index:30;font-size:20px;font-weight:1000;text-shadow:0 2px 8px #000}.toptv-immersive-brand span{color:#a855f7}.toptv-category-bar{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 58px));left:0;right:0;z-index:36;display:flex;gap:8px;overflow-x:auto;padding:0 14px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;pointer-events:auto}.toptv-category-bar::-webkit-scrollbar{display:none}.toptv-cat{flex:0 0 auto;border:1px solid #ffffff44;background:#07091488;color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;backdrop-filter:blur(10px)}.toptv-cat.active{background:#7c3aed;border-color:#a855f7;box-shadow:0 0 18px #7c3aed77}.toptv-immersive-side{position:absolute;right:14px;bottom:110px;z-index:35;display:flex;flex-direction:column;gap:12px}.toptv-immersive-side button{width:52px;height:52px;border-radius:50%;border:1px solid #ffffff55;background:#070914aa;color:#fff;font-size:20px}.toptv-immersive-hint{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:30;background:#070914aa;padding:9px 14px;border-radius:999px;font-size:11px;white-space:nowrap;pointer-events:none}.toptv-immersive-open{overflow:hidden}.toptv-search-main{padding:10px 12px;background:#0a0f1d;border-bottom:1px solid var(--line)}.toptv-search form{display:flex;gap:7px}.toptv-search input{width:100%;border:1px solid #303a5a;background:#11182b;color:#fff;border-radius:999px;padding:10px 14px;outline:none}.toptv-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #7c3aed33}.toptv-search form button{border:0;background:#7c3aed;color:#fff;border-radius:999px;width:42px}.toptv-suggestions{display:flex;gap:6px;overflow-x:auto;padding-top:7px;scrollbar-width:none}.toptv-suggestions::-webkit-scrollbar{display:none}.toptv-suggestions button{flex:0 0 auto;border:1px solid #303a5a;background:#151c30;color:#ddd;border-radius:999px;padding:6px 9px;font-size:9px}.toptv-search-immersive{position:absolute;left:14px;right:76px;top:max(118px,calc(env(safe-area-inset-top) + 100px));z-index:40}.toptv-search-immersive .toptv-search{background:#07091499;border:1px solid #ffffff33;border-radius:16px;padding:8px;backdrop-filter:blur(12px)}.toptv-search-immersive input{padding:9px 12px;font-size:12px}.toptv-search-immersive .toptv-suggestions button{background:#070914aa;color:#fff;border-color:#ffffff33}@media(max-width:1100px){.hero{grid-template-columns:190px 1fr}.ranking{grid-column:1/-1}}@media(max-width:760px){.app{padding:8px}header{position:static}.brand small,nav{display:none}.hero{grid-template-columns:1fr}.center{order:1}.channels{order:2}.ranking{order:3}.miniList{grid-template-columns:repeat(3,1fr)}.videoInfo{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap}.channel{padding:10px}.tv-fullscreen-controls{opacity:1}.toptv-category-bar{padding-right:72px}.toptv-search-main{padding:8px}.toptv-search-immersive{right:70px}}