:root{--font-display: "Orbitron", sans-serif;--font-primary: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--font-poppins: "Inter", sans-serif;--bg-dark: #020817;--bg-card: rgba(15, 23, 42, .68);--bg-card-hover: rgba(30, 41, 59, .9);--border-color: rgba(148, 163, 184, .07);--border-hover: rgba(34, 211, 238, .22);--primary: #22d3ee;--primary-glow: rgba(34, 211, 238, .25);--secondary: #818cf8;--secondary-glow: rgba(129, 140, 248, .25);--accent: #f43f5e;--accent-glow: rgba(244, 63, 94, .25);--success: #34d399;--success-glow: rgba(52, 211, 153, .3);--warning: #fbbf24;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .55s cubic-bezier(.4, 0, .2, 1);--shadow-neon: 0 0 20px var(--primary-glow);--blur-amount: 20px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}body.no-transition *:not(.view-toggle-container):not(.view-toggle-slider):not(.view-toggle-btn){transition:none!important}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none}*::-webkit-scrollbar{display:none}body{background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;min-height:100vh;scrollbar-width:none}body::-webkit-scrollbar{display:none}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;background:#020817}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(34,211,238,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.glow-orb{position:absolute;border-radius:50%;filter:blur(130px);opacity:.28;mix-blend-mode:screen;animation:orbFloat 22s infinite alternate ease-in-out}.orb-1{top:-15%;left:-10%;width:55vw;height:55vw;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);animation-duration:28s}.orb-2{bottom:-20%;right:-12%;width:65vw;height:65vw;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);animation-duration:34s;animation-delay:-8s}.orb-3{top:35%;left:28%;width:38vw;height:38vw;background:radial-gradient(circle,rgba(52,211,153,.5) 0%,transparent 70%);animation-duration:20s;animation-delay:-14s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(4%,6%) scale(1.08)}66%{transform:translate(-3%,3%) scale(.96)}to{transform:translate(2%,-4%) scale(1.04)}}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1920px;margin:0 auto;position:relative;z-index:1}.player-section{width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:10}.player-inner{width:100%;display:flex;flex-direction:column}.player-info-row{display:none}.tv-watermark{position:fixed;top:18px;right:20px;z-index:100;display:flex;align-items:center;gap:7px;pointer-events:none;opacity:.82;animation:wmBreathe 6s ease-in-out infinite;mix-blend-mode:plus-lighter}@keyframes wmBreathe{0%,to{opacity:.72}50%{opacity:.92}}.tv-wm-icon{width:22px;height:22px;color:#fff;flex-shrink:0}.tv-wm-text{display:flex;align-items:baseline;gap:0;font-family:var(--font-display);line-height:1}.tv-wm-name{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#fff;text-transform:lowercase}.tv-wm-dot{font-size:11px;color:var(--primary);margin:0 1px;text-shadow:0 0 8px var(--primary-glow)}.tv-wm-live{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--primary);text-transform:lowercase;text-shadow:0 0 10px var(--primary-glow)}.player-meta-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;width:100%;padding:0 28px;min-height:72px;background:#040712f0;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(0,0,0,.35)}.meta-now-playing{display:flex;align-items:center;gap:14px;padding:0;min-width:0}.meta-ch-logo{width:46px;height:46px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.meta-ch-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.meta-ch-logo .fallback-avatar{width:100%;height:100%;border-radius:0;font-size:16px}.meta-ch-info{display:flex;flex-direction:column;gap:3px;min-width:0}.meta-ch-top{display:flex;align-items:center;gap:8px}.meta-live-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:7.5px;font-weight:700;letter-spacing:2px;color:#fff;background:#f43f5e33;border:1px solid rgba(244,63,94,.4);padding:2px 7px;border-radius:3px;text-shadow:0 0 8px rgba(244,63,94,.7);flex-shrink:0}.meta-live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:liveDotPulse 1.3s infinite alternate;flex-shrink:0}.meta-eyebrow{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.meta-ch-info h2{font-family:var(--font-primary);font-size:15px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.meta-ch-info p{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;text-transform:uppercase}.meta-right{display:flex;align-items:center;gap:18px;padding-left:28px;border-left:1px solid rgba(255,255,255,.06)}.meta-stats{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:700}.meta-stat{display:flex;align-items:center;gap:5px;color:var(--text-muted);position:relative}.meta-stat i{font-size:10px}.meta-stat:first-child{color:var(--success)}.meta-stat.meta-stat-total{color:var(--primary)}.meta-stat-ping{position:absolute;top:-1px;left:-6px;width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:liveDotPulse 1.4s infinite alternate}.meta-stat-div{width:1px;height:16px;background:#ffffff14}.header{display:none}.logo-container{display:flex;align-items:center;gap:12px}.brand-icon{width:38px;height:38px;color:var(--primary);flex-shrink:0;animation:brandIconPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--primary-glow))}.brand-icon-svg{width:100%;height:100%}@keyframes brandIconPulse{0%,to{opacity:.9;filter:drop-shadow(0 0 6px var(--primary-glow))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(34,211,238,.5))}}.brand-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1}.brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:2px;color:var(--text-primary);text-transform:lowercase}.brand-live-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:3.5px;color:var(--primary);text-transform:uppercase;display:flex;align-items:center;gap:5px;padding-left:1px}.brand-live-dot{width:5px;height:5px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 6px var(--accent);animation:liveDotPulse 1.4s infinite alternate;flex-shrink:0}.logo{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:1.5px;color:var(--text-primary);text-transform:lowercase;display:inline-block}.logo span{color:var(--primary)}.player-wrapper{position:relative;width:100%;height:calc(100vh - 72px);min-height:0;overflow:visible}.video-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-height:none;aspect-ratio:unset;background:#000;border-radius:0;overflow:hidden;z-index:0}.video-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(2,8,23,.72) 0%,transparent 100%);z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.video-container:hover{box-shadow:none;transform:none}video{width:100%;height:100%;display:block;object-fit:cover;opacity:1}.video-container:before{content:none}.player-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#020817e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;z-index:5;transition:opacity var(--transition-normal)}.player-loader.hidden{opacity:0;pointer-events:none}.spinner{position:relative;width:8px;height:8px;background-color:var(--primary);border-radius:50%;box-shadow:0 0 14px var(--primary-glow);animation:pulseDot 1.2s ease-in-out infinite alternate}.spinner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;border:2px solid transparent;border-top-color:var(--primary);border-bottom-color:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary-glow);animation:spin-clockwise 1.1s cubic-bezier(.5,.1,.4,.9) infinite}.spinner:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;border:2px solid transparent;border-left-color:var(--secondary);border-right-color:var(--secondary);border-radius:50%;box-shadow:0 0 10px var(--secondary-glow);animation:spin-counter-clockwise .75s cubic-bezier(.5,.1,.4,.9) infinite}.player-loader span{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);background:linear-gradient(90deg,var(--primary),#fff,var(--secondary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shineText 3s linear infinite;margin-top:4px}.paused-play-icon{display:block;font-size:32px;margin-top:14px;color:var(--primary);cursor:pointer;transition:transform var(--transition-fast),color var(--transition-fast);text-shadow:0 0 14px var(--primary-glow);text-transform:none}.paused-play-icon:hover{transform:scale(1.15);color:var(--secondary);text-shadow:0 0 14px var(--secondary-glow)}@keyframes spin-clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes pulseDot{0%{opacity:.5;box-shadow:0 0 8px var(--primary-glow)}to{opacity:1;box-shadow:0 0 18px #22d3ee99}}@keyframes shineText{0%{background-position:0% center}to{background-position:200% center}}.custom-controls{position:fixed;bottom:28px;left:50%;right:auto;width:auto;min-width:300px;display:flex;align-items:center;gap:0;padding:0;margin:0;z-index:500;opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px);transition:opacity .3s ease,transform .38s cubic-bezier(.34,1.42,.64,1)}.custom-controls.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.custom-controls.visible~* .video-container:after,body:has(.custom-controls.visible) .video-container:after{opacity:1}.current-channel-card{margin-top:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:18px;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));flex-grow:1;max-height:200px;overflow:hidden}.current-channel-logo-container{width:76px;height:76px;border-radius:var(--radius-md);background:#fff;padding:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 4px 14px #0006}.current-channel-logo-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.fallback-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.current-channel-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.current-channel-details{display:flex;flex-direction:column;gap:5px;min-width:0;flex-grow:1}.current-channel-details h2{font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-primary)}.current-channel-details p{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);letter-spacing:.5px}.live-badge{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--accent);font-size:9.5px;font-weight:700;letter-spacing:2px;padding:3px 9px;border-radius:30px;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;font-family:var(--font-mono)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 8px var(--accent);animation:liveDotPulse 1.3s infinite alternate}@keyframes liveDotPulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:1}}.footer{margin-top:auto;font-size:11.5px;color:var(--text-muted);text-align:center;padding:14px 28px;border-top:1px solid rgba(255,255,255,.04);font-family:var(--font-mono);letter-spacing:.5px}.accent-text{color:var(--primary);font-weight:600}.channels-section{flex:1;display:flex;flex-direction:column;height:auto;overflow-y:visible;position:relative;z-index:10;background:#04081694;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-top:1px solid rgba(255,255,255,.07);min-height:calc(100vh - 72px);opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.1,.64,1)}.channels-section.channels-visible{opacity:1;transform:translateY(0)}.search-filter-sticky{position:sticky;top:0;background:#040816b8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);padding:28px 36px 18px;z-index:100;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:22px}.search-wrapper{position:relative;width:100%;margin-bottom:18px}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted);z-index:2;pointer-events:none;transition:color var(--transition-fast)}.search-wrapper:focus-within .search-icon{color:var(--primary)}.search-wrapper input{width:100%;padding:16px 46px 16px 50px;font-size:15px;border-radius:50px;border:1px solid var(--border-color);outline:none;background:#ffffff08;color:var(--text-primary);transition:var(--transition-normal);font-family:var(--font-primary);letter-spacing:.2px}.search-wrapper input::placeholder{color:var(--text-muted)}.search-wrapper input:focus{border-color:#22d3ee4d;background:#22d3ee0a;box-shadow:0 0 0 3px #22d3ee14,inset 0 0 0 1px #22d3ee26}.clear-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:2}.clear-search-btn:hover{color:var(--text-primary);background:#ffffff14}.categories-wrapper{position:relative;width:100%;padding:0 36px;display:flex;align-items:center}.categories-wrapper:before,.categories-wrapper:after{content:"";position:absolute;top:0;width:36px;height:100%;pointer-events:none;z-index:2;transition:opacity var(--transition-fast)}.categories-wrapper:before{left:36px;background:linear-gradient(to right,#020817,transparent);opacity:0}.categories-wrapper:after{right:36px;background:linear-gradient(to left,#020817,transparent)}.categories-wrapper.scrolled-left:before{opacity:1}.categories-wrapper.scrolled-right:after{opacity:0}.categories-container{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.categories-container::-webkit-scrollbar{display:none}.scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#0f172acc;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all var(--transition-fast);font-size:12px}.scroll-indicator:hover{background:#22d3ee1f;border-color:#22d3ee4d;color:var(--primary);box-shadow:0 0 12px var(--primary-glow);transform:translateY(-50%) scale(1.12)}.scroll-indicator.scroll-left{left:2px}.scroll-indicator.scroll-right{right:2px}.scroll-indicator.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.8)}.category-list{display:flex;gap:8px;padding:4px 0;width:max-content}.category-pill{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 18px;font-size:12px;font-weight:600;border-radius:50px;cursor:pointer;white-space:nowrap;transition:var(--transition-normal);font-family:var(--font-primary);letter-spacing:.4px}.category-pill:hover{background:#22d3ee12;color:var(--primary);border-color:#22d3ee33;transform:translateY(-1px)}.category-pill.active{background:linear-gradient(135deg,#22d3ee26,#818cf826);color:var(--primary);border-color:#22d3ee59;box-shadow:0 0 16px var(--primary-glow)}.category-count{margin-left:5px;font-size:10px;background:#ffffff0f;padding:1px 6px;border-radius:10px;color:var(--text-muted);font-weight:500;transition:var(--transition-fast)}.category-pill:hover .category-count{color:var(--text-secondary)}.category-pill.active .category-count{color:var(--primary);background:#22d3ee1a}.channels-grid-wrapper{flex:1;padding:0 36px 36px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;padding-bottom:36px}.channel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);aspect-ratio:1;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.channel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);padding:1px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-normal)}.channel:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:calc(var(--radius-md) - 4px);background:transparent;box-shadow:inset 6px 6px #22d3ee00,inset -6px -6px #22d3ee00;transition:all var(--transition-normal);pointer-events:none}.channel:hover:before{opacity:.5}.channel:hover{transform:scale(1.04) translateY(-3px);background:var(--bg-card-hover);border-color:transparent;box-shadow:0 12px 30px #00000073,0 0 18px var(--primary-glow)}.channel-logo-wrapper{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.channel img{max-width:84%;max-height:84%;width:auto;height:auto;object-fit:contain;transition:var(--transition-normal);filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));border-radius:6px}.channel:hover img{transform:scale(1.07)}.channel-card-name{font-size:10.5px;font-weight:600;color:var(--text-secondary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:6px;transition:color var(--transition-fast);font-family:var(--font-primary)}.channel:hover .channel-card-name{color:var(--text-primary)}.channel-card-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.channel-card-fallback-avatar{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff}.channel-card-fallback-name{font-size:10.5px;font-weight:600;color:var(--text-secondary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 4px}.channel.active{background:var(--bg-card-hover);border-color:transparent;box-shadow:0 0 0 1px #22d3ee66,0 0 30px var(--primary-glow),inset 0 0 12px #22d3ee14}.channel.active:before{opacity:.8}.channel.active img{transform:scale(1.05)}.no-results-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;text-align:center}.no-results-msg span{font-size:44px;animation:floatEmoji 3s ease-in-out infinite alternate}.no-results-msg p{color:var(--text-secondary);font-size:15px;font-weight:500;font-family:var(--font-mono);letter-spacing:.5px}.hidden{display:none!important}@keyframes floatEmoji{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.channels-section{scrollbar-width:none}.channels-section::-webkit-scrollbar{display:none}.stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 18px;display:flex;flex-direction:column;justify-content:center;min-width:180px;flex-shrink:0;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}.stat-item{display:flex;align-items:center;gap:12px;flex:1}.stat-icon-container{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;position:relative;flex-shrink:0}.stat-icon-container.live{background:#34d3991a;color:var(--success)}.stat-icon-container.total{background:#22d3ee1a;color:var(--primary)}.stat-ping{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 8px var(--success);animation:liveDotPulse 1.3s infinite alternate}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-count{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-desc{font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:.5px;font-family:var(--font-primary);text-transform:uppercase}.stat-divider{width:100%;height:1px;background:#ffffff0f;margin:0}.back-to-top{position:fixed;bottom:28px;right:28px;width:46px;height:46px;border-radius:50%;background:#0f172ad9;border:1px solid rgba(34,211,238,.2);color:var(--primary);font-size:16px;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059,0 0 14px var(--primary-glow);transition:all var(--transition-normal)}.back-to-top:hover{background:#22d3ee26;border-color:#22d3ee80;box-shadow:0 0 24px var(--primary-glow),0 10px 28px #00000073;transform:translateY(-4px)}.back-to-top.hidden{opacity:0;pointer-events:none;transform:translateY(20px) scale(.8)}.custom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.custom-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.custom-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020817bf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.custom-modal-card{position:relative;width:90%;max-width:500px;background:#0f172aeb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(34,211,238,.12);border-radius:22px;padding:32px 28px 28px;box-shadow:0 30px 70px #000000b3,0 0 40px #22d3ee14,inset 0 0 0 1px #ffffff08;z-index:10000;opacity:0;transform:scale(.88) translateY(24px);transition:transform .42s cubic-bezier(.34,1.56,.64,1),opacity .35s ease}.custom-modal:not(.hidden) .custom-modal-card{opacity:1;transform:scale(1) translateY(0)}.custom-modal-close-btn{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all var(--transition-fast)}.custom-modal-close-btn:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--accent);transform:rotate(90deg)}.custom-modal-header{margin-bottom:18px}.custom-modal-header h2{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.custom-modal-content{margin-bottom:22px;max-height:280px;overflow-y:auto;padding-right:6px}.custom-modal-content::-webkit-scrollbar{width:4px}.custom-modal-content::-webkit-scrollbar-track{background:transparent}.custom-modal-content::-webkit-scrollbar-thumb{background:#22d3ee26;border-radius:4px}.custom-modal-content p{font-size:14px;line-height:1.7;color:var(--text-secondary)}.custom-modal-footer{display:flex;justify-content:flex-end}.custom-modal-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;color:#020817;padding:11px 26px;font-family:var(--font-primary);font-size:13.5px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 6px 18px var(--primary-glow);transition:all var(--transition-normal);letter-spacing:.3px}.custom-modal-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--primary-glow);filter:brightness(1.1)}.custom-modal-btn:active{transform:translateY(0)}.header-right-widgets{display:flex;align-items:center;gap:12px;margin-left:auto}.view-toggle-container{position:relative;display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:3px;border-radius:30px;width:90px;height:30px;align-items:center;overflow:hidden}.view-toggle-slider{position:absolute;top:2px;left:2px;width:41px;height:24px;border-radius:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 4px 12px var(--primary-glow);transition:transform .3s cubic-bezier(.25,1,.5,1),background .3s ease;z-index:1}.view-toggle-container.mode-2d .view-toggle-slider{transform:translate(43px);background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);box-shadow:0 4px 12px var(--secondary-glow)}.view-toggle-btn{position:relative;flex:1;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-display);cursor:pointer;z-index:2;text-align:center;line-height:24px;transition:color .3s ease;letter-spacing:.5px}.view-toggle-btn.active{color:#020817}.source-toggle-container{position:relative;display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:3px;border-radius:30px;width:152px;height:30px;align-items:center;overflow:hidden;flex-shrink:0}.source-toggle-slider{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:24px;border-radius:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 4px 12px var(--primary-glow);transition:transform .3s cubic-bezier(.25,1,.5,1),background .3s ease;z-index:1}.source-toggle-btn{position:relative;flex:1;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-display);cursor:pointer;z-index:2;text-align:center;line-height:24px;transition:color .3s ease;letter-spacing:.4px;white-space:nowrap}.source-toggle-btn i{font-size:9px;margin-right:3px}.source-toggle-btn.active{color:#020817}.header-live-badge{display:none}.main-footer{margin-top:48px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:42px 36px 28px;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));transition:border-color var(--transition-normal)}.main-footer:hover{border-color:#22d3ee1a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:36px;margin-bottom:36px}.footer-col{display:flex;flex-direction:column}.footer-logo-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand-icon{width:30px;height:30px;color:var(--primary);flex-shrink:0;filter:drop-shadow(0 0 6px var(--primary-glow))}.footer-icon-svg{width:100%;height:100%}.footer-brand-text{display:flex;flex-direction:column;line-height:1;gap:1px}.footer-brand-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:1.5px;color:var(--text-primary)}.footer-brand-suffix{font-family:var(--font-mono);font-size:8px;letter-spacing:3px;color:var(--primary);text-transform:uppercase}.footer-logo{font-size:16px;margin:0}.footer-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.65;margin-bottom:22px}.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:none;border-radius:50%;font-size:15px;text-decoration:none;box-shadow:0 4px 12px #00000040;transition:transform .5s cubic-bezier(.175,.885,.32,1.45),box-shadow .3s ease}.social-btn.facebook{color:#1877f2!important}.social-btn.telegram{color:#08c!important}.social-btn.instagram{color:transparent!important}.social-btn.instagram i{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.social-btn.twitter{color:#1da1f2!important}.social-btn.linkedin{color:#0077b5!important}.social-btn.github{color:#181717!important}.social-btn.website{color:#00a2ff!important}.social-btn.email{color:#ea4335!important}.social-btn:hover{transform:scale(1.24) translateY(-7px);background:#fff}.social-btn.facebook:hover{box-shadow:0 8px 20px #1877f266}.social-btn.telegram:hover{box-shadow:0 8px 20px #08c6}.social-btn.instagram:hover{box-shadow:0 8px 20px #c1358466}.social-btn.twitter:hover{box-shadow:0 8px 20px #1da1f266}.social-btn.linkedin:hover{box-shadow:0 8px 20px #0077b566}.social-btn.github:hover{box-shadow:0 8px 20px #24292e80}.social-btn.website:hover{box-shadow:0 8px 20px #00a2ff66}.social-btn.email:hover{box-shadow:0 8px 20px #ea433566}.footer-col-title{color:var(--text-primary);font-size:11px;font-weight:700;margin-bottom:20px;font-family:var(--font-mono);position:relative;padding-bottom:10px;text-transform:uppercase;letter-spacing:2px}.footer-col-title:after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--primary);border-radius:2px;box-shadow:0 0 8px var(--primary-glow)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.footer-link i{font-size:9px;transition:transform var(--transition-fast)}.footer-link:hover{color:var(--primary);transform:translate(4px)}.footer-link:hover i{transform:translate(2px);color:var(--primary)}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.footer-contact-list li{display:flex;align-items:flex-start;gap:11px}.footer-contact-list li i{font-size:14px;margin-top:3px;transition:all var(--transition-fast)}.footer-contact-list li i.fa-envelope{color:#ea4335;filter:drop-shadow(0 0 4px rgba(234,67,53,.4))}.footer-contact-list li i.fa-globe{color:var(--primary);filter:drop-shadow(0 0 4px var(--primary-glow))}.footer-contact-list li i.fa-telegram{color:#08c;filter:drop-shadow(0 0 4px rgba(0,136,204,.4))}.footer-contact-list li:hover i.fa-envelope{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(234,67,53,.7))}.footer-contact-list li:hover i.fa-globe{transform:scale(1.15);filter:drop-shadow(0 0 8px var(--primary-glow))}.footer-contact-list li:hover i.fa-telegram{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(0,136,204,.7))}.footer-contact-list li div{display:flex;flex-direction:column;gap:2px}.footer-contact-list li div span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;font-family:var(--font-mono)}.footer-contact-list li div a{color:var(--text-primary);text-decoration:none;font-size:13px;font-weight:500;transition:color var(--transition-fast)}.footer-contact-list li div a[href^=mailto]:hover{color:#ea4335}.footer-contact-list li div a[href*=shariarahamed]:hover{color:var(--primary)}.footer-contact-list li div a[href*="t.me"]:hover{color:#08c}.footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-copyright{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.5px}.footer-developer{font-size:12.5px;color:var(--text-secondary);font-family:var(--font-primary)}.developer-name{color:var(--primary);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.developer-name:hover{color:#67e8f9;text-shadow:0 0 10px var(--primary-glow)}.header-update-notification{display:flex;align-items:center;gap:7px;background:#fbbf2412;border:1px solid rgba(251,191,36,.2);padding:5px 10px;border-radius:20px;box-shadow:0 0 12px #fbbf241f;animation:fadeIn .4s ease;pointer-events:auto}.header-update-notification.hidden{display:none!important}.header-update-icon{font-size:11px;color:var(--warning);animation:rocketFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.header-update-text{font-size:11px;font-weight:600;color:#fde68a;white-space:nowrap;font-family:var(--font-primary)}.header-update-btn{background:var(--warning);color:#020817!important;text-decoration:none;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #fbbf244d;font-family:var(--font-primary)}.header-update-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 4px 10px #fbbf2480}@keyframes rocketFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fav-btn{position:absolute;top:10px;right:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:var(--text-muted);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all var(--transition-fast);z-index:5}.fav-btn:hover{background:#fbbf241a;border-color:#fbbf2433;color:var(--warning);transform:scale(1.1)}.fav-btn.is-favorite{background:#fbbf2424;border-color:#fbbf2466;color:var(--warning);filter:drop-shadow(0 0 5px rgba(251,191,36,.5));animation:starPulse .3s ease-in-out}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mobile-app-banner{position:fixed;bottom:0;left:0;width:100%;background:#0a0f1eeb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid rgba(34,211,238,.12);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:9999;animation:bannerSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 30px #00000080}.mobile-app-banner.hidden{display:none!important}@keyframes bannerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:11px;min-width:0}.banner-close-btn{background:none;border:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.banner-close-btn:hover{color:var(--text-primary)}.banner-icon-wrap{width:36px;height:36px;flex-shrink:0;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:8px;padding:5px;display:flex;align-items:center;justify-content:center}.banner-svg-icon{width:100%;height:100%}.banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.banner-text h4{font-size:13px;font-weight:700;color:#fff;margin:0;font-family:var(--font-display);letter-spacing:1px}.banner-text p{font-size:10.5px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-download-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#020817!important;font-size:12px;font-weight:700;padding:8px 16px;border-radius:50px;text-decoration:none;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:transform var(--transition-fast);flex-shrink:0;box-shadow:0 4px 14px var(--primary-glow);font-family:var(--font-primary)}.banner-download-btn:hover{transform:scale(1.04);filter:brightness(1.1)}.banner-download-btn .fa-android,.warning-app-download-btn .fa-android,.update-download-btn .fa-android{color:#3ddc84!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.warning-modal-card{max-width:480px!important}.warning-modal-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.warning-modal-icon{font-size:22px;color:var(--warning);animation:warningPulse 1.5s infinite alternate}@keyframes warningPulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(251,191,36,.4))}to{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}}.warning-modal-header h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)!important;margin:0;letter-spacing:.5px}.warning-modal-content{display:flex;flex-direction:column;gap:14px;margin-top:14px}.warning-main-text{font-size:14px;line-height:1.55;color:var(--text-primary)}.warning-methods{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.methods-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.method-item{display:flex;gap:8px;font-size:12px;line-height:1.45;align-items:flex-start}.method-number{color:var(--primary);font-weight:700;white-space:nowrap;font-family:var(--font-mono)}.method-desc{color:var(--text-secondary)}.warning-modal-footer{display:flex;gap:10px;justify-content:flex-end;width:100%}.warning-app-download-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#020817!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:13px;font-weight:700;padding:10px 16px!important;border-radius:50px!important;box-shadow:0 4px 14px var(--primary-glow)!important;transition:all var(--transition-fast)!important;height:40px;font-family:var(--font-primary)}.warning-app-download-btn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.1)}.warning-modal-btn{background:#ffffff0f!important;color:var(--text-secondary)!important;box-shadow:none!important}.warning-modal-btn:hover{background:#ffffff1a!important;color:var(--text-primary)!important;box-shadow:none!important}.update-modal-card{max-width:480px!important}.update-modal-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.update-modal-icon{font-size:22px;color:var(--primary);animation:rocketFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--primary-glow))}.update-modal-header h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)!important;letter-spacing:.5px;margin:0}.update-modal-content{display:flex;flex-direction:column;gap:14px;margin-top:14px}.update-main-text{font-size:14px;line-height:1.55;color:var(--text-primary)}.update-note-box{background:#fbbf240d;border:1px solid rgba(251,191,36,.14);border-radius:var(--radius-md);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.update-note-icon{color:var(--warning);font-size:15px;margin-top:2px}.update-note-text{color:#fde68a;font-size:12.5px;line-height:1.5;margin:0}.update-note-text strong{color:var(--warning);font-weight:600}.update-changelog-container{display:flex;flex-direction:column;gap:8px}.changelog-title{font-size:12px;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.update-changelog{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px;max-height:140px;overflow-y:auto}.changelog-item{font-size:12px;line-height:1.45;color:var(--text-secondary);margin:0}.update-modal-footer{display:flex;gap:10px;justify-content:flex-end;width:100%}.update-download-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#020817!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:13px;font-weight:700;padding:10px 16px!important;border-radius:50px!important;box-shadow:0 4px 14px var(--primary-glow)!important;transition:all var(--transition-fast)!important;height:40px;font-family:var(--font-primary)}.update-download-btn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.1)}.update-later-btn{background:#ffffff0d!important;color:var(--text-secondary)!important;box-shadow:none!important}.update-later-btn:hover{background:#ffffff17!important;color:var(--text-primary)!important;box-shadow:none!important}.disclaimer-card{max-width:500px!important;border:1px solid rgba(129,140,248,.18)!important}.disclaimer-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:14px;margin-bottom:18px}.disclaimer-icon{font-size:22px;color:var(--secondary);animation:warningPulse 1.5s infinite alternate;flex-shrink:0}.disclaimer-header h2{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.5px}.disclaimer-content{margin-top:0}.disclaimer-text{display:block!important;margin:0 0 14px!important;font-size:14px!important;color:#fff!important;line-height:1.65!important}.disclaimer-text strong{color:#a5b4fc!important;font-weight:600!important}.disclaimer-subtext{display:block!important;margin:0!important;font-size:12.5px!important;color:var(--text-secondary)!important;line-height:1.55!important}.disclaimer-footer{justify-content:center!important}.disclaimer-accept-btn{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)!important;color:#020817!important;width:100%;font-size:13.5px;font-weight:700;padding:12px 20px!important;border-radius:50px!important;box-shadow:0 4px 16px var(--secondary-glow)!important;transition:all var(--transition-fast)!important;cursor:pointer;border:none;font-family:var(--font-primary)}.disclaimer-accept-btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 22px var(--secondary-glow)!important}@media(max-width:1024px){.app-container{flex-direction:column}.player-section{width:100%;min-width:100%;height:auto;position:sticky;top:0;border-right:none;border-bottom:1px solid var(--border-color);padding:18px;z-index:12}.brand-name{font-size:16px}.meta-brand-name{font-size:13px}.current-channel-card{margin-top:14px;padding:14px;max-height:100px}.current-channel-logo-container{width:50px;height:50px;border-radius:8px;padding:4px}.current-channel-details h2{font-size:15px}.current-channel-details p{font-size:11px}.footer{display:none}.channels-section{padding:0;height:auto;overflow-y:visible}.search-filter-sticky{padding:18px 18px 10px;margin-bottom:14px}.categories-wrapper{padding:0}.categories-wrapper:before,.categories-wrapper:after{display:none!important}.scroll-indicator{display:none!important}.channels-grid-wrapper{padding:0 18px 18px}}@media(max-width:768px){.player-meta-bar{grid-template-columns:1fr auto;padding:10px 14px;min-height:auto;gap:10px}.meta-brand{display:none}.meta-now-playing{padding:0;border:none}.meta-right{padding-left:0;border-left:none;gap:10px}.meta-stats{gap:8px}.current-channel-card{margin-top:10px;padding:11px}.stats-card{display:none!important}.header-live-badge{display:flex;align-items:center;gap:7px;background:#ffffff08;border:1px solid var(--border-color);padding:4px 10px;border-radius:30px;font-family:var(--font-mono);font-size:10px;font-weight:600;margin-left:auto}.header-stat-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.header-stat-item:first-child{color:var(--success)}.header-stat-item:last-child{color:var(--primary)}.header-ping{width:5px;height:5px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 6px var(--accent);animation:liveDotPulse 1.3s infinite alternate}.header-stat-divider{width:1px;height:11px;background:#ffffff1a}.footer-grid{grid-template-columns:repeat(2,1fr);gap:26px}.footer-col.footer-about{grid-column:span 2}.main-footer{padding:32px 22px 22px;margin-top:28px}}@media(max-width:600px){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.channel{padding:10px}.channel-card-fallback-avatar{width:34px;height:34px;font-size:15px}.channel-card-fallback-name{font-size:10px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-col.footer-about{grid-column:span 1}.footer-bottom{flex-direction:column;text-align:center;gap:12px}}@media(max-width:1024px)and (orientation:landscape){.brand-name{font-size:14px!important}.header{padding:12px 14px 10px!important}.player-info-row{margin-top:8px!important;padding:0 14px 14px!important}.video-container{aspect-ratio:16/9!important;width:100%!important;max-height:calc(100vh - 80px)!important}.now-playing-panel{padding:0!important}.channels-section{flex:1!important;height:auto!important;overflow-y:visible!important}}@media(max-width:1024px){.header{display:flex;justify-content:space-between;align-items:center;width:100%}.header-right-widgets{margin-left:auto;margin-right:14px}}@media(max-width:768px){.header-right-widgets{margin-right:4px}.brand-name{font-size:14px!important;white-space:nowrap}.brand-icon{width:30px!important;height:30px!important}}@media(max-width:480px){.brand-name{font-size:13px!important}.view-toggle-container{width:80px;height:26px;padding:2px}.view-toggle-slider{width:36px;height:20px;top:2px;left:2px}.view-toggle-container.mode-2d .view-toggle-slider{transform:translate(38px)}.view-toggle-btn{font-size:9px;line-height:20px}.header-update-text{font-size:10px}.header-update-notification{padding:3px 7px;gap:5px}}.player-wrapper:fullscreen,.player-wrapper:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#000!important}.player-wrapper:fullscreen .video-container,.player-wrapper:-webkit-full-screen .video-container{width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.player-wrapper:fullscreen video,.player-wrapper:-webkit-full-screen video{width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important}.player-wrapper:fullscreen .custom-controls,.player-wrapper:-webkit-full-screen .custom-controls{bottom:40px!important;opacity:0!important;pointer-events:none!important;z-index:10!important;transform:translate(-50%) translateY(16px)!important}.player-wrapper:fullscreen:hover .custom-controls,.player-wrapper:-webkit-full-screen:hover .custom-controls,.player-wrapper:fullscreen .custom-controls.visible,.player-wrapper:-webkit-full-screen .custom-controls.visible{opacity:1!important;pointer-events:auto!important;transform:translate(-50%) translateY(0)!important}.mode-3d .player-section{border-bottom:none!important;box-shadow:0 6px 22px #000000d9,0 1px #ffffff08!important}.mode-3d .video-container{box-shadow:10px 10px 26px #000000bf,-10px -10px 26px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .video-container:hover{box-shadow:14px 14px 30px #000000d9,-14px -14px 30px #ffffff0a,inset 0 0 0 1px #ffffff0a!important;transform:translateY(-2px)!important}.mode-3d .current-channel-card{box-shadow:8px 8px 22px #000000bf,-8px -8px 22px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .current-channel-logo-container{box-shadow:inset 4px 4px 8px #000000a6,inset -4px -4px 8px #ffffff08!important;border:none!important}.mode-3d .search-wrapper input{box-shadow:inset 6px 6px 14px #000000bf,inset -6px -6px 14px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important;background:#05081280!important}.mode-3d .search-wrapper input:focus{box-shadow:inset 6px 6px 14px #000000d9,inset -6px -6px 14px #ffffff08,inset 0 0 0 1px #22d3ee38!important}.mode-3d .category-pill{box-shadow:4px 4px 10px #000000a6,-4px -4px 10px #ffffff08,inset 0 0 0 1px #ffffff08!important;border:none!important}.mode-3d .category-pill:hover{box-shadow:6px 6px 14px #000000bf,-6px -6px 14px #ffffff08,inset 0 0 0 1px #22d3ee1a!important;transform:translateY(-2px)!important}.mode-3d .category-pill:active{box-shadow:inset 3px 3px 6px #000000bf,inset -3px -3px 6px #ffffff05!important;transform:translateY(0)!important}.mode-3d .category-pill.active{background:linear-gradient(135deg,#22d3ee2e,#818cf82e)!important;box-shadow:inset 3px 3px 8px #00000080,inset -3px -3px 8px #ffffff1a,0 4px 12px var(--primary-glow)!important;border:none!important}.mode-3d .scroll-indicator{box-shadow:4px 4px 10px #000000a6,-4px -4px 10px #ffffff08,inset 0 0 0 1px #ffffff0a!important;border:none!important}.mode-3d .scroll-indicator:hover{box-shadow:6px 6px 14px #000000bf,-6px -6px 14px #ffffff0a,inset 0 0 0 1px #22d3ee1f!important;transform:translateY(-50%) scale(1.1)!important}.mode-3d .scroll-indicator:active{box-shadow:inset 3px 3px 6px #000000bf,inset -3px -3px 6px #ffffff05!important}.mode-3d .channel{box-shadow:6px 6px 16px #000000a6,-6px -6px 16px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important;background:var(--bg-card)!important}.mode-3d .channel:hover{box-shadow:10px 10px 22px #000c,-10px -10px 22px #ffffff0a,inset 0 0 0 1px #22d3ee1a!important;transform:translateY(-4px) scale(1.03)!important}.mode-3d .channel:active{box-shadow:inset 4px 4px 8px #000000d9,inset -4px -4px 8px #ffffff05!important;transform:scale(.98)!important}.mode-3d .channel.active{box-shadow:inset 4px 4px 10px #000000d9,inset -4px -4px 10px #22d3ee0f,0 0 22px var(--primary-glow)!important}.mode-3d .main-footer{box-shadow:10px 10px 28px #000000bf,-10px -10px 28px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .main-footer:hover{box-shadow:12px 12px 32px #000c,-12px -12px 32px #ffffff09,inset 0 0 0 1px #22d3ee0d!important}.mode-3d .social-btn{background:linear-gradient(135deg,#fff,#e3e3ea)!important;box-shadow:5px 5px 12px #000000a6,-3px -3px 8px #ffffff0a,inset -3px -3px 6px #00000024,inset 3px 3px 6px #fffc!important;border:none!important}.mode-3d .social-btn:hover{background:linear-gradient(135deg,#fff,#ececf3)!important;box-shadow:7px 7px 16px #000000b3,-4px -4px 12px #ffffff0f,inset -3px -3px 6px #0000001f,inset 3px 3px 6px #ffffffe6!important;transform:scale(1.2) translateY(-6px)!important}.mode-3d .social-btn:active{background:linear-gradient(135deg,#dcdce5,#fff)!important;box-shadow:inset 4px 4px 8px #00000040,inset -4px -4px 8px #ffffffb3!important;transform:scale(.96)!important}.mode-3d .custom-modal-card{box-shadow:12px 12px 32px #000000d9,-12px -12px 32px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .custom-modal-close-btn{box-shadow:3px 3px 6px #000000a6,-3px -3px 6px #ffffff08,inset 0 0 0 1px #ffffff0a!important;border:none!important}.mode-3d .custom-modal-btn{box-shadow:5px 5px 12px #000000b3,-5px -5px 12px #ffffff0d,inset 0 0 0 1px #ffffff1a!important;border:none!important}.mode-3d .custom-modal-btn:hover{box-shadow:7px 7px 16px #000000bf,-7px -7px 16px #ffffff12,inset 0 0 0 1px #ffffff26!important;transform:translateY(-2px)!important}.mode-3d .back-to-top{box-shadow:5px 5px 14px #000000a6,-5px -5px 14px #ffffff08,inset 0 0 0 1px #22d3ee1a!important;border:none!important}.mode-3d .back-to-top:hover{box-shadow:7px 7px 18px #000000bf,-7px -7px 18px #ffffff0d,inset 0 0 0 1px #22d3ee33!important}.mode-3d .header-live-badge{box-shadow:inset 2px 2px 5px #000000a6,inset -2px -2px 5px #ffffff08!important;border:none!important;background:#05081280!important}.mode-3d .fav-btn{background:#ffffff05!important;border:none!important;box-shadow:3px 3px 6px #000000a6,-3px -3px 6px #ffffff05,inset 0 0 0 1px #ffffff05!important}.mode-3d .fav-btn:hover{background:#fbbf240d!important;color:var(--warning)!important}.mode-3d .fav-btn.is-favorite{background:#fbbf241f!important;border:1px solid rgba(251,191,36,.35)!important;color:var(--warning)!important;box-shadow:0 0 10px #fbbf2466!important}.mode-3d .update-modal-card{box-shadow:12px 12px 32px #000000d9,-12px -12px 32px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important;background:#080e1f!important}.mode-3d .header-update-notification{background:#0f172ab3!important;box-shadow:4px 4px 10px #000000a6,-4px -4px 10px #ffffff08,inset 0 0 0 1px #ffffff0a!important;border:none!important}.mode-3d .header-update-btn{box-shadow:3px 3px 8px #0000008c,-3px -3px 8px #ffffff0a,inset 0 0 0 1px #ffffff1a!important;border:none!important}body.pip-active{background:#000!important;overflow:hidden!important}body.pip-active .bg-mesh,body.pip-active header,body.pip-active #customControls,body.pip-active .current-channel-card,body.pip-active .stats-card,body.pip-active footer.footer,body.pip-active main.channels-section{display:none!important}body.pip-active .app-container{display:block!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;max-width:100%!important}body.pip-active .player-section{width:100vw!important;height:100vh!important;min-width:100vw!important;padding:0!important;margin:0!important;border:none!important;background:#000!important;display:block!important;position:static!important}body.pip-active .player-wrapper{width:100vw!important;height:100vh!important}body.pip-active .video-container{width:100vw!important;height:100vh!important;aspect-ratio:auto!important;border-radius:0!important;border:none!important;box-shadow:none!important;transform:none!important}body.pip-active video{width:100%!important;height:100%!important;object-fit:contain!important}.video-container{position:relative}.video-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;overflow:hidden}.hud-top-bar{position:absolute;top:0;left:0;right:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(2,8,23,.72) 0%,transparent 100%)}.hud-live-tag{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:2.5px;color:#fff;background:#f43f5e47;border:1px solid rgba(244,63,94,.55);padding:3px 8px 3px 6px;border-radius:4px;text-shadow:0 0 8px rgba(244,63,94,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-live-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px #f43f5e99;animation:liveDotPulse 1.3s infinite alternate;flex-shrink:0}.hud-signal-tag,.hud-corner{display:none}.custom-controls{background:#0c101c85;backdrop-filter:blur(28px) saturate(200%) brightness(1.2);-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.2);border:1px solid rgba(255,255,255,.16);border-radius:100px;box-shadow:0 24px 50px #000000a6,0 4px 12px #0006,inset 0 1px #ffffff38,inset 0 -1px #0000004d,0 0 0 .5px #ffffff14;display:flex;align-items:center;height:48px;padding:0 14px;gap:0}.controls-left{display:flex;align-items:center;gap:8px;padding-left:4px;max-width:140px;overflow:hidden;flex-shrink:0}.controls-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px #f43f5e8c;animation:liveDotPulse 1.3s infinite alternate;flex-shrink:0}.controls-channel-name{font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:#ffffffe0;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(255,255,255,.2)}.controls-transport,.controls-util{display:flex;align-items:center;gap:2px}.controls-sep{width:1px;height:18px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.18),transparent);margin:0 10px;flex-shrink:0}.control-btn{position:relative;background:transparent;border:none;color:#ffffffa6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:color .18s ease,transform .16s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.control-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff0;transition:background .18s ease}.control-btn:hover{color:#fffffffa}.control-btn:hover:after{background:#ffffff1f}.control-btn:active{transform:scale(.88)}.ctrl-skip{font-size:11px;color:#ffffff94}.ctrl-util{font-size:11px;width:30px;height:30px;color:#ffffff80}.ctrl-util:hover{color:#ffffffeb}.control-btn.play-pause-btn{width:38px;height:38px;border-radius:50%;font-size:13px;color:#030c1a;border:none;margin:0 4px;flex-shrink:0;overflow:hidden;background:linear-gradient(145deg,#67e8f9,#22d3ee 45%,#06b6d4);box-shadow:0 0 0 1px #22d3ee73,0 0 18px #22d3ee73,0 4px 12px #0000008c,inset 0 1px #ffffff73,inset 0 -1.5px 3px #00000026;transition:transform .2s ease,box-shadow .2s ease}.control-btn.play-pause-btn:after{content:"";position:absolute;top:-30%;left:-20%;width:70%;height:60%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.42) 0%,transparent 70%);border-radius:50%;pointer-events:none}.control-btn.play-pause-btn:hover{transform:scale(1.08);box-shadow:0 0 0 2px #22d3ee8c,0 0 26px #22d3ee99,0 5px 14px #0009,inset 0 1px #ffffff73}.control-btn.play-pause-btn:active{transform:scale(.93);box-shadow:0 0 0 1px #22d3ee59,0 0 12px #22d3ee59,inset 0 1.5px 4px #00000040}.now-playing-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;flex:1;min-width:0;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));transition:border-color var(--transition-normal)}.now-playing-panel:hover{border-color:#22d3ee1f}.now-playing-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;border-bottom:1px solid rgba(255,255,255,.04)}.section-eyebrow{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary-glow);animation:liveDotPulse 2s infinite alternate}.np-stats-row{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-muted)}.np-stat{display:flex;align-items:center;gap:4px}.np-stat:first-child{color:var(--success)}.np-stat:last-child{color:var(--primary)}.np-stat-ping{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent);animation:liveDotPulse 1.3s infinite alternate}.np-stat-sep{width:1px;height:10px;background:#ffffff1a}.now-playing-body{display:flex;align-items:center;gap:16px;padding:14px 16px}.now-playing-logo-wrap{width:72px;height:72px;border-radius:var(--radius-md);background:#fff;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px #0006,0 0 0 1px #22d3ee14}.now-playing-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.now-playing-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.now-playing-info h2{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-primary);letter-spacing:-.2px;margin-top:2px}.now-playing-info p{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.stats-card{margin-top:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}.stats-card-label{font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase;padding:10px 16px 6px;border-bottom:1px solid rgba(255,255,255,.04)}.stats-card-body{display:flex;flex-direction:column;gap:10px;padding:12px 16px}.header-live-badge{display:none!important}@media(max-width:1024px){.player-section{width:100%;min-width:100%}.np-stats-row{display:flex}.now-playing-logo-wrap{width:52px;height:52px}.now-playing-info h2{font-size:14px}.now-playing-info p{font-size:10px}}@media(max-width:768px){.player-info-row{flex-direction:column}.stats-card{display:none!important}.stats-card-label{display:none}}.mode-3d .now-playing-panel{box-shadow:8px 8px 22px #000000bf,-8px -8px 22px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .stats-card{box-shadow:6px 6px 18px #000000b3,-6px -6px 18px #ffffff08,inset 0 0 0 1px #ffffff05!important;border:none!important}.mode-3d .now-playing-logo-wrap{box-shadow:inset 4px 4px 8px #0009,inset -4px -4px 8px #ffffff08!important}.mode-3d .custom-controls{background:#0a0f1eb8!important;box-shadow:10px 10px 24px #000000d9,-5px -5px 15px #ffffff06,inset 0 1px #ffffff1a!important;border-color:#ffffff12!important}.mode-3d .control-btn.play-pause-btn{box-shadow:4px 4px 12px #000000b3,-3px -3px 10px #22d3ee14,0 0 18px var(--primary-glow),inset 0 1px #fff6!important}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media(min-width:1280px){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.search-wrapper input{border-radius:12px;font-family:var(--font-primary);padding:15px 46px 15px 50px}.category-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.8px;border-radius:6px;padding:7px 14px}.category-pill.active{background:#22d3ee1a;border-color:#22d3ee66;color:var(--primary);box-shadow:0 0 14px var(--primary-glow),inset 0 0 8px #22d3ee0d}.category-count{font-family:var(--font-mono);font-size:9px;letter-spacing:0;background:#22d3ee0f;border-radius:4px;padding:1px 5px;color:var(--text-muted)}.category-pill.active .category-count{background:#22d3ee26;color:var(--primary)}.player-section::-webkit-scrollbar{display:none}.popout-player{position:fixed;bottom:28px;right:28px;width:340px;background:#040610f7;border:1px solid rgba(34,211,238,.18);border-radius:16px;overflow:hidden;z-index:9999;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 32px 80px #000000e6,0 0 0 1px #22d3ee0f,0 0 60px #22d3ee0d,inset 0 1px #ffffff0a;transform:translateY(24px) scale(.94);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.42,.64,1),opacity .28s ease}.popout-player.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.popout-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(90deg,rgba(34,211,238,.07) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05);cursor:grab;user-select:none;-webkit-user-select:none}.popout-header:active{cursor:grabbing}.popout-live-badge{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:7.5px;font-weight:700;letter-spacing:2px;color:#fff;background:#f43f5e33;border:1px solid rgba(244,63,94,.42);padding:2px 7px;border-radius:3px;flex-shrink:0;text-shadow:0 0 8px rgba(244,63,94,.7)}.popout-live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:liveDotPulse 1.3s infinite alternate;flex-shrink:0}.popout-channel-name{flex:1;font-family:var(--font-primary);font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popout-header-actions{display:flex;gap:4px;flex-shrink:0}.popout-action-btn{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:var(--text-muted);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.popout-action-btn:hover{background:#22d3ee1a;border-color:#22d3ee4d;color:var(--primary)}.popout-action-btn.popout-close:hover{background:#f43f5e1f;border-color:#f43f5e59;color:var(--accent)}.popout-slot{display:block}.popout-player .player-wrapper{width:100%!important;border-radius:0!important;margin:0!important}.popout-player .video-container{border-radius:0!important;box-shadow:none!important;transform:none!important;transition:none!important}.popout-player .video-container:hover{transform:none!important;box-shadow:none!important}.popout-player .custom-controls{padding:10px 14px 12px!important;border-radius:0!important;border:none!important;margin:0!important;height:auto!important}.popout-player .controls-left,.popout-player .controls-left+.controls-sep{display:none!important}.popout-player .video-container:after{height:45%!important}.popout-player #popoutBtn{display:none!important}.popout-player .tv-watermark{top:8px;right:8px}.popout-player .tv-wm-icon{width:14px;height:14px}.popout-player .tv-wm-name,.popout-player .tv-wm-live{font-size:9px;letter-spacing:1px}.popout-player .tv-wm-dot{font-size:8px}.popout-player .player-wrapper{height:auto!important;min-height:auto!important;overflow:hidden!important}.popout-player .video-container{position:relative!important;width:100%!important;height:auto!important;inset:auto!important;aspect-ratio:16/9!important;max-height:none!important;z-index:auto!important;border-radius:0!important}.popout-player video{opacity:1!important}html,body{height:100%;overflow:hidden}.app-container{height:100vh;min-height:100vh;max-width:none;overflow:hidden}.player-section{position:static}.player-inner{display:contents}.player-section>.footer,.channels-section .main-footer{display:none!important}.player-meta-bar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:90;min-height:60px;padding:10px 28px;background:#060a1838;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:none;border-top:1px solid rgba(255,255,255,.06)}.custom-controls{position:fixed;top:50%;right:20px;left:auto;bottom:auto;width:auto;min-width:0;flex-direction:column;height:auto;padding:14px 8px;gap:0;border-radius:60px;opacity:0;pointer-events:none;transform:translateY(-50%) translate(18px);transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.42,.64,1);z-index:500}.custom-controls.visible{transform:translateY(-50%) translate(0);opacity:1;pointer-events:auto}.custom-controls .controls-left,.custom-controls .controls-left+.controls-sep{display:none!important}.controls-transport,.controls-util{flex-direction:column;gap:6px}.controls-sep{width:22px;height:1px;margin:10px 0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}.custom-controls .control-btn{width:38px;height:38px;font-size:14px}.custom-controls .ctrl-util{width:36px;height:36px}.custom-controls .control-btn.play-pause-btn{width:46px;height:46px;font-size:16px;margin:4px 0}.channels-section{position:fixed;left:0;right:0;margin:0 auto;width:min(1120px,calc(100% - 56px));bottom:74px;top:auto;height:auto;min-height:0;max-height:48vh;z-index:80;flex:none;opacity:1;transform:none;background:#060a1847;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #00000080}.channels-section.channels-visible{opacity:1;transform:none}.search-filter-sticky{position:static;margin:0;padding:14px 26px 6px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;display:flex;align-items:center;gap:16px}.search-filter-sticky .search-wrapper{margin:0;max-width:340px;flex-shrink:0}.search-filter-sticky .search-wrapper input{padding:11px 42px 11px 46px;font-size:14px}.search-filter-sticky .categories-wrapper{padding:0;flex:1;min-width:0}.list-hide-btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.16);color:#ffffffd1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .16s ease}.list-hide-btn:hover{background:#22d3ee29;border-color:#22d3ee66;color:var(--primary)}.list-hide-btn:active{transform:scale(.9)}body.list-fullscreen .list-hide-btn{display:none}.channels-grid-wrapper{position:relative;padding:4px 0 18px;overflow:hidden}.channel-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0c101c66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.16);color:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;z-index:20;box-shadow:0 8px 22px #00000080;transition:opacity .25s ease,background .2s ease,transform .2s ease}.channel-scroll-btn:hover{background:#22d3ee2e;border-color:#22d3ee66;color:var(--primary);box-shadow:0 8px 24px #0000008c,0 0 16px var(--primary-glow)}.channel-scroll-btn:active{transform:translateY(-50%) scale(.9)}.channel-scroll-left{left:14px}.channel-scroll-right{right:14px}.channel-scroll-btn.disabled{opacity:0;pointer-events:none}.channel-grid{display:flex;grid-template-columns:none;flex-wrap:nowrap;gap:14px;overflow-x:auto;overflow-y:hidden;padding:6px 26px 14px;scroll-behavior:smooth;scrollbar-width:none}.channel-grid::-webkit-scrollbar{display:none}.channel{flex:0 0 auto;width:124px;aspect-ratio:1}.no-results-msg{padding:30px 20px}.tv-watermark{z-index:95}.player-meta-bar{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.42,.64,1)}.player-meta-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.channel{background:transparent!important;border:none!important;box-shadow:none!important;padding:6px}.channel:before,.channel:after{display:none!important}.channel:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:scale(1.07) translateY(-2px)}.channel:hover img{transform:scale(1.06);filter:drop-shadow(0 6px 14px rgba(0,0,0,.55)) drop-shadow(0 0 10px var(--primary-glow))}.channel.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.channel.active img{filter:drop-shadow(0 0 12px var(--primary-glow)) drop-shadow(0 4px 10px rgba(0,0,0,.5))}.channel.active .channel-card-name{color:var(--primary)}.channels-section{transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .3s ease}body.list-hidden .channels-section{transform:translateY(110%);opacity:0;pointer-events:none}body.list-fullscreen .channels-section{top:0;bottom:0;width:100%;max-height:none;height:100vh;margin:0;border:none;border-radius:0;box-shadow:none;background:#060a1861;backdrop-filter:blur(44px) saturate(150%);-webkit-backdrop-filter:blur(44px) saturate(150%);padding-top:64px}body.list-fullscreen .channels-grid-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 26px 26px;scrollbar-width:none}body.list-fullscreen .channels-grid-wrapper::-webkit-scrollbar{display:none}body.list-fullscreen .channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:18px;overflow:visible;padding:8px 0}body.list-fullscreen .channel{width:auto}body.list-fullscreen .channel-scroll-btn,body.list-fullscreen .player-meta-bar{display:none!important}.list-back-btn{display:none;position:absolute;top:16px;left:26px;z-index:30;align-items:center;gap:9px;padding:10px 18px;border-radius:50px;background:#ffffff0f;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.16);color:#ffffffeb;font-family:var(--font-primary);font-size:13px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .16s ease}.list-back-btn i{color:var(--primary)}.list-back-btn:hover{background:#22d3ee29;border-color:#22d3ee66}.list-back-btn:active{transform:scale(.95)}body.list-fullscreen .list-back-btn{display:inline-flex}.list-open-float{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(20px);z-index:520;display:none;align-items:center;gap:9px;padding:11px 22px;border-radius:50px;background:#0c101c6b;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.16);color:#ffffffeb;font-family:var(--font-primary);font-size:13px;font-weight:600;letter-spacing:.4px;cursor:pointer;box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff29;opacity:0;transition:opacity .3s ease,transform .38s cubic-bezier(.34,1.42,.64,1),background .2s ease}.list-open-float i{color:var(--primary)}.list-open-float:hover{background:#22d3ee29;border-color:#22d3ee66}body.list-hidden.chrome-visible .list-open-float{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.channels-section{opacity:0;pointer-events:none}.channels-section.channels-visible{opacity:0}body.chrome-visible:not(.list-hidden) .channels-section,body.chrome-visible:not(.list-hidden) .channels-section.channels-visible{opacity:1;pointer-events:auto}.drag-scroll{cursor:grab}.drag-scroll.dragging{cursor:grabbing;scroll-behavior:auto;user-select:none;-webkit-user-select:none}.drag-scroll img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}