@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_ed3508{--font-outfit:"Outfit","Outfit Fallback"}:root{--bg-dark:#070913;--bg-surface:#0f1224;--bg-surface-elevated:#161b35;--color-primary:#7c3aed;--color-primary-glow:rgba(124,58,237,0.4);--color-accent:#06b6d4;--color-accent-glow:rgba(6,182,212,0.4);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:rgba(15,18,36,0.6);--glass-border:rgba(255,255,255,0.08);--glass-shadow:rgba(0,0,0,0.4);--backdrop-blur:blur(16px);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--sidebar-width:240px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(124,58,237,.08) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.06) 0,transparent 40%)}.logo,h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:600}button,input{font-family:inherit;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.app-container{display:flex;width:100vw;height:100vh;position:relative}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;background-color:var(--bg-surface);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal),min-width var(--transition-normal);overflow:hidden}.sidebar-header{padding:16px 16px 16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.sidebar-collapse-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;transition:all var(--transition-fast);flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--text-primary);background-color:rgba(255,255,255,.06)}.sidebar-collapse-btn i{width:18px;height:18px}.sidebar-expand-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-muted);align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;transition:all var(--transition-fast)}.sidebar-expand-btn:hover{color:var(--text-primary);background-color:rgba(255,255,255,.06)}.sidebar-expand-btn i{width:18px;height:18px}.app-container.sidebar-collapsed .sidebar{width:0;min-width:0;overflow:hidden;border-right:none;padding:0}.app-container.sidebar-collapsed .sidebar-expand-btn{display:flex}.logo{gap:10px;font-size:18px;letter-spacing:2px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-sm);justify-content:center;box-shadow:0 0 12px var(--color-primary-glow)}.logo-icon i{width:18px;height:18px;color:white}.categories-nav{flex:1 1;overflow-y:auto;padding:14px 10px}.section-title{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;padding-left:12px}.categories-list{list-style:none}.category-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:2px;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:13px}.category-item:hover{background-color:rgba(255,255,255,.04);color:var(--text-primary)}.category-item.active{background:linear-gradient(90deg,rgba(124,58,237,.15),transparent);border-left:3px solid var(--color-primary);color:var(--text-primary)}.category-item-left{display:flex;align-items:center;gap:10px}.category-item-left i{width:16px;height:16px}.category-count{font-size:11px;background-color:var(--bg-surface-elevated);padding:2px 8px;border-radius:20px;color:var(--text-muted);min-width:26px;text-align:center}.category-item.active .category-count{background-color:rgba(124,58,237,.25);color:var(--color-primary);font-weight:600}.sidebar-footer{padding:12px 20px;border-top:1px solid var(--glass-border);font-size:11px;color:var(--text-muted)}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-header{height:60px;min-height:60px;padding:0 24px;justify-content:space-between;border-bottom:1px solid var(--glass-border);background-color:rgba(7,9,19,.7);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:10;flex-shrink:0}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:14px}.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}.current-view-info{display:flex;align-items:center;gap:10px}.current-view-info h1{font-size:20px;letter-spacing:.5px;font-weight:700}.badge{background-color:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);color:var(--color-primary);font-size:11px;font-weight:600;padding:3px 10px;border-radius:30px}.header-actions{display:flex;align-items:center;gap:10px}.search-box{position:relative;width:220px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;height:38px;background-color:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 36px 0 38px;font-size:13px;outline:none;transition:all var(--transition-fast)}.search-box input:focus{border-color:var(--color-accent);box-shadow:0 0 10px rgba(6,182,212,.15);background-color:var(--bg-surface-elevated)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer}.clear-search:hover{color:var(--text-primary)}.fav-toggle-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background-color:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:13px;transition:all var(--transition-fast)}.fav-toggle-btn i{width:15px;height:15px;color:var(--text-secondary)}.fav-toggle-btn:hover{border-color:var(--color-primary);background-color:rgba(124,58,237,.05)}.fav-toggle-btn.active{background-color:rgba(245,158,11,.1);border-color:var(--color-warning);color:#fbbf24}.fav-toggle-btn.active i{color:#fbbf24;fill:#fbbf24}.content-body{flex:1 1;display:flex;overflow:hidden;min-height:0}.player-panel{display:none;flex-direction:column;width:65%;min-width:340px;max-width:1150px;flex-shrink:0;border-right:1px solid var(--glass-border);background-color:var(--bg-surface);overflow-y:auto}.player-panel.open{display:flex}.panel-header{height:48px;min-height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.panel-header h2{font-size:14px;color:var(--text-secondary);font-weight:500}.close-panel{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all var(--transition-fast)}.close-panel:hover{color:var(--text-primary);background-color:rgba(255,255,255,.08)}.close-panel i{width:18px;height:18px}.player-container{padding:16px}.video-wrapper{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.4)}video{width:100%;height:100%;transition:object-fit .25s cubic-bezier(.4,0,.2,1)}video,video.aspect-contain{object-fit:contain}video.aspect-cover{object-fit:cover}video.aspect-fill{object-fit:fill}.video-wrapper:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;aspect-ratio:auto!important}.video-wrapper:fullscreen video{width:100%!important;height:100%!important}.video-wrapper.rotate-landscape,.video-wrapper.rotate-landscape:fullscreen{width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center!important;z-index:99999!important;max-width:none!important;max-height:none!important;border-radius:0!important;aspect-ratio:auto!important}.video-wrapper.rotate-landscape video,.video-wrapper.rotate-landscape:fullscreen video{width:100%!important;height:100%!important}.player-overlay{position:absolute;inset:0;background-color:rgba(7,9,19,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-overlay p{font-size:13px;color:var(--text-secondary)}.error-overlay i{width:36px;height:36px;color:var(--color-error)}.error-overlay p{color:var(--color-error);font-weight:500}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 70%,transparent);padding:10px 14px;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity var(--transition-fast);z-index:5}.video-wrapper:hover .player-controls{opacity:1}.controls-progress{width:100%;height:3px;background-color:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.progress-filled{width:100%;height:100%;background-color:var(--color-accent)}.controls-row{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.aspect-btn,.fullscreen-btn,.pip-btn,.play-btn,.theater-btn,.volume-btn{background:none;border:none;cursor:pointer;color:white;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background-color var(--transition-fast),color var(--transition-fast)}.aspect-btn:hover,.fullscreen-btn:hover,.pip-btn:hover,.play-btn:hover,.theater-btn:hover,.volume-btn:hover{background-color:rgba(255,255,255,.1);color:var(--color-accent)}.aspect-btn svg,.fullscreen-btn i,.pip-btn i,.play-btn i,.theater-btn i,.volume-btn i{width:15px;height:15px}.volume-container{display:flex;align-items:center;gap:6px}.volume-slider{width:60px;height:3px;appearance:none;background-color:rgba(255,255,255,.3);outline:none;border-radius:2px;cursor:pointer}.volume-slider:hover{background-color:rgba(255,255,255,.5)}.volume-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background-color:white;cursor:pointer}.time-display{font-size:10px;font-weight:600;color:#fbbf24;background-color:rgba(245,158,11,.15);padding:2px 8px;border-radius:20px;border:1px solid rgba(245,158,11,.3);letter-spacing:.5px;text-transform:uppercase}.active-channel-details{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--glass-border)}.channel-main-info{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.active-channel-logo{width:40px;height:40px;border-radius:var(--radius-sm);background-color:rgba(0,0,0,.3);object-fit:contain;border:1px solid var(--glass-border);flex-shrink:0}.channel-main-info h3{font-size:15px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-main-info p{font-size:12px;color:var(--color-accent)}.channel-actions{flex-shrink:0}.star-btn{height:36px;padding:0 16px;background-color:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:500;font-size:12px;transition:all var(--transition-fast);white-space:nowrap}.star-btn i{width:14px;height:14px}.star-btn:hover{border-color:var(--color-primary);background-color:rgba(124,58,237,.05)}.star-btn.active{background-color:rgba(245,158,11,.1);border-color:var(--color-warning);color:#fbbf24}.star-btn.active i{color:#fbbf24;fill:#fbbf24}.feed-section{flex:1 1;overflow-y:auto;padding:20px;min-height:0;min-width:0}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.channel-card{background-color:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all var(--transition-normal);animation:fadeInUp .35s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.channel-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.04),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.channel-card:hover{transform:translateY(-3px);border-color:rgba(124,58,237,.3);background-color:var(--bg-surface-elevated);box-shadow:0 6px 18px rgba(0,0,0,.3)}.channel-card.now-playing{border-color:var(--color-accent);box-shadow:0 0 14px var(--color-accent-glow);background:linear-gradient(135deg,rgba(6,182,212,.06),var(--bg-surface))}.card-fav-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2}.card-fav-btn.active,.channel-card:hover .card-fav-btn{opacity:1}.card-fav-btn i{width:14px;height:14px;transition:transform var(--transition-fast)}.card-fav-btn:hover i{transform:scale(1.2)}.card-fav-btn.active i{color:#fbbf24;fill:#fbbf24}.card-logo-container{width:72px;height:72px;border-radius:var(--radius-sm);background-color:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.card-logo{width:85%;height:85%;object-fit:contain;transition:transform var(--transition-normal)}.channel-card:hover .card-logo{transform:scale(1.08)}.card-play-overlay{position:absolute;inset:0;background-color:rgba(11,15,25,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-sm)}.card-logo-container:hover .card-play-overlay{opacity:1}.card-play-overlay i{width:24px;height:24px;color:var(--color-accent)}.card-info{text-align:center;width:100%}.card-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.card-group{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.empty-icon{width:50px;height:50px;margin-bottom:14px}.empty-state h3{color:var(--text-primary);margin-bottom:6px;font-size:16px}.app-container.theater-mode .sidebar{width:0;min-width:0;overflow:hidden;border-right:none}.app-container.theater-mode .sidebar-expand-btn{display:flex}.app-container.theater-mode .player-panel{width:100%;max-width:none;border-right:none}.app-container.theater-mode .feed-section{display:none}@media (max-width:1100px){.content-body{flex-direction:column}.player-panel{width:100%!important;min-width:unset;max-width:none;border-right:none;border-bottom:1px solid var(--glass-border);max-height:50vh}.feed-section{flex:1 1}}@media (max-width:768px){.app-container{flex-direction:column;padding-bottom:68px}.menu-toggle,.sidebar{display:none}}.mobile-categories-bar{display:none;overflow-x:auto;white-space:nowrap;padding:10px 14px;gap:6px;background-color:rgba(7,9,19,.4);border-bottom:1px solid var(--glass-border);scrollbar-width:none;flex-shrink:0}.mobile-categories-bar::-webkit-scrollbar{display:none}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background-color:var(--bg-surface);border:1px solid var(--glass-border);border-radius:30px;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.category-chip.active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:transparent;color:white;box-shadow:0 3px 10px var(--color-primary-glow)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:68px;background-color:rgba(15,18,36,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);justify-content:space-around;align-items:center;z-index:999;box-shadow:0 -6px 20px rgba(0,0,0,.4)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:500;transition:all var(--transition-fast);flex:1 1;height:100%;justify-content:center}.nav-item i{width:20px;height:20px;transition:transform var(--transition-fast)}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--color-accent)}.nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 6px var(--color-accent-glow))}.bottom-sheet{position:fixed;inset:0;z-index:2000;visibility:hidden;opacity:0;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.bottom-sheet.open{visibility:visible;opacity:1}.bottom-sheet-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-sheet-content{position:absolute;bottom:0;left:0;right:0;background-color:var(--bg-surface);border-top:1px solid var(--glass-border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:70vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--transition-normal);box-shadow:0 -10px 40px rgba(0,0,0,.5)}.bottom-sheet.open .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-header{padding:12px 24px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--glass-border)}.sheet-handle{width:36px;height:4px;background-color:var(--text-muted);border-radius:2px;margin-bottom:8px;opacity:.5}.bottom-sheet-header h3{font-size:16px}.bottom-sheet-body{flex:1 1;overflow-y:auto;padding:8px 14px 20px}.categories-list-mobile{list-style:none}.categories-list-mobile .category-item{border-bottom:1px solid rgba(255,255,255,.02);border-radius:0;margin-bottom:0;padding:13px 12px}.categories-list-mobile .category-item:last-child{border-bottom:none}@media (max-width:768px){.mobile-bottom-nav,.mobile-categories-bar{display:flex}.app-header{padding:10px 14px;height:54px;min-height:54px;border-bottom:none;gap:6px}.current-view-info h1{font-size:17px}.search-box{display:none;position:fixed;top:54px;left:0;right:0;width:100%!important;background-color:var(--bg-dark);padding:8px 14px;border-bottom:1px solid var(--glass-border);z-index:1600;box-shadow:0 6px 14px rgba(0,0,0,.3)}.search-box.open{display:block}.search-icon{left:26px}.clear-search{right:26px}.fav-toggle-btn{display:none}.content-body{flex-direction:column}.player-panel{width:100%!important;min-width:unset!important;max-width:none!important;border-right:none;border-bottom:1px solid var(--glass-border);overflow:hidden!important;max-height:none!important}.player-container{padding:0}.video-wrapper{border-radius:0}.active-channel-details{padding:10px 14px;gap:8px}.active-channel-logo{width:32px;height:32px}.channel-main-info h3{font-size:13px}.channel-main-info p,.star-btn{font-size:10px}.star-btn{height:30px;padding:0 8px}.star-btn span{display:none}.feed-section{padding:8px!important}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.channel-card{padding:10px 6px 8px}.card-logo-container{width:50px;height:50px;margin-bottom:8px}.card-name{font-size:11px}.card-group{font-size:9px}.player-controls{padding:6px 10px;gap:4px}.volume-container{display:none}.time-display{font-size:9px;padding:2px 5px}}@media (max-width:420px){.channels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.channel-card{padding:8px 4px 6px;min-width:0}.card-logo-container{width:42px;height:42px;margin-bottom:6px}.card-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-group{display:none}}.noscript-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#070913;z-index:999999;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;color:#ffffff;padding:20px;box-sizing:border-box}.noscript-content{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:40px;border-radius:16px;max-width:480px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.5)}.noscript-icon{margin-bottom:20px;display:inline-block;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.noscript-content h2{font-size:24px;margin-bottom:12px;font-weight:700;letter-spacing:-.5px}.noscript-content p{font-size:14px;color:#94a3b8;line-height:1.6}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#070913;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease-out,visibility .8s}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;text-align:center}.splash-logo{width:120px;height:120px;margin-bottom:24px;position:relative}.splash-logo-svg{width:100%;height:100%}.vortex-ring-1{transform-origin:50px 50px;animation:rotateRing1 4s linear infinite}.vortex-ring-2{transform-origin:50px 50px;animation:rotateRing2 3s linear infinite reverse}.vortex-core{animation:pulseCore 2s ease-in-out infinite alternate;transform-origin:50px 50px}@keyframes rotateRing1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateRing2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseCore{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}.splash-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:800;letter-spacing:4px;margin-bottom:6px;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-subtitle{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--text-muted);margin-bottom:30px}.splash-loader{width:160px;height:3px;background-color:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.splash-progress{width:0;height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a855f7);border-radius:3px;animation:loadProgress 2s cubic-bezier(.1,.8,.3,1) forwards}@keyframes loadProgress{0%{width:0}50%{width:70%}to{width:100%}}.player-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(7,9,19,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:white;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;pointer-events:none;z-index:10;animation:toastFadeIn .25s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);letter-spacing:.5px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.player-toast.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease,transform .3s ease}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:root{--wc-green:#00df89;--wc-green-glow:rgba(0,223,137,0.35);--wc-gold:#ffd700;--wc-gold-glow:rgba(255,215,0,0.4);--wc-pitch-bg:linear-gradient(135deg,#022c22,#064e3b 50%,#022c22)}.world-cup-hub{background:var(--wc-pitch-bg);border:1px solid rgba(0,223,137,.2);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 40px rgba(0,223,137,.1);animation:fadeInUp .5s ease both}.world-cup-hub:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,transparent 40%,rgba(0,223,137,.03) 41%,transparent 42%),linear-gradient(180deg,transparent 49%,rgba(0,223,137,.05) 50%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(0,223,137,.05) 50%,transparent 51%);pointer-events:none;z-index:1}.wc-header{justify-content:space-between;position:relative;z-index:2;margin-bottom:20px;flex-wrap:wrap}.wc-header,.wc-title-area{display:flex;align-items:center;gap:12px}.wc-logo-badge{background:linear-gradient(135deg,var(--wc-gold),#b45309);padding:6px 12px;border-radius:var(--radius-sm);font-weight:800;font-size:11px;letter-spacing:1.5px;color:#022c22;box-shadow:0 0 15px var(--wc-gold-glow);display:flex;align-items:center;gap:6px}.wc-title-area h2{font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#ffffff,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wc-countdown{background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif}.countdown-label{font-size:11px;font-weight:700;color:var(--wc-green);letter-spacing:1px;text-transform:uppercase}.countdown-timer{display:flex;gap:8px;font-size:14px;font-weight:700}.countdown-timer span{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;min-width:24px;text-align:center}.wc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;position:relative;z-index:2}.player-panel.open~.feed-section .wc-grid{grid-template-columns:1fr;gap:16px}.player-panel.open~.feed-section .wc-groups-panel{display:none}@media (max-width:900px){.wc-grid{grid-template-columns:1fr}}.wc-matches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;max-height:480px;overflow-y:auto;padding-right:6px}.player-panel.open~.feed-section .wc-matches-list{grid-template-columns:1fr;gap:12px}@media (max-width:900px){.wc-matches-list{grid-template-columns:1fr;gap:12px}}.wc-section-header{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.wc-section-header i{color:var(--wc-green);width:16px;height:16px}.wc-match-card{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:all var(--transition-fast)}.wc-match-card:hover{background:rgba(22,27,53,.7);border-color:rgba(0,223,137,.4);box-shadow:0 4px 15px rgba(0,0,0,.35)}.wc-match-card.live{border-color:var(--wc-green);box-shadow:0 0 10px var(--wc-green-glow)}.match-teams{gap:14px;flex:1 1}.match-teams,.team{display:flex;align-items:center}.team{gap:8px;font-size:13px;font-weight:600}.team-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.team.home{justify-content:flex-end;flex:1 1;text-align:right}.team.away{justify-content:flex-start;flex:1 1;text-align:left}.match-vs{font-size:10px;font-weight:700;color:var(--text-muted);background:rgba(255,255,255,.05);padding:4px 8px;border-radius:12px}.match-vs.live-badge{color:#ff4757;background:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.match-info-action{display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;gap:8px;width:100%}.match-action{margin-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:280px}.wc-watch-btn{background:linear-gradient(135deg,var(--wc-green),#059669);color:#022c22;border:none;border-radius:var(--radius-sm);padding:6px 2px;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px var(--wc-green-glow);transition:all var(--transition-fast)}.wc-watch-btn:hover{transform:scale(1.05);box-shadow:0 6px 14px rgba(0,223,137,.5)}.match-time-info{font-size:11px;color:var(--text-secondary);align-items:center;text-align:center}.match-time-info,.wc-groups-panel{display:flex;flex-direction:column}.wc-groups-panel{background:rgba(15,23,42,.45);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:16px}.wc-groups-selector{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.wc-groups-selector::-webkit-scrollbar{display:none}.group-btn{background:rgba(255,255,255,.05);border:1px solid transparent;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.group-btn.active,.group-btn:hover{background:rgba(0,223,137,.15);color:var(--wc-green);border-color:rgba(0,223,137,.3)}.wc-table-wrapper{overflow-x:auto}.wc-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.wc-table th{color:var(--text-muted);font-weight:600;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.wc-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.03)}.wc-table tr:last-child td{border-bottom:none}.wc-table .rank{width:20px;font-weight:700}.wc-table .team-name{font-weight:600;display:flex;align-items:center;gap:6px}.wc-table .stats{width:24px}.wc-table .stats,.wc-table th.stats{text-align:center}.wc-table .pts{font-weight:700;color:var(--wc-green)}@media (max-width:768px){.wc-groups-panel{display:none!important}.feed-section{padding:8px!important;max-width:100%!important;overflow-x:hidden!important}.world-cup-hub{padding:10px 6px!important;margin-bottom:12px!important;border-radius:var(--radius-md);max-width:100%!important;box-sizing:border-box!important}.wc-header{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:12px}.wc-title-area{flex-direction:column;gap:4px}.wc-title-area h2{font-size:16px}.wc-logo-badge{padding:3px 8px;font-size:9px}.wc-countdown{width:100%;flex-direction:column;gap:4px;justify-content:center;padding:6px 10px;box-sizing:border-box}.countdown-label{font-size:9px}.countdown-timer{font-size:12px;gap:4px}.wc-grid{grid-template-columns:1fr!important;gap:12px}.wc-matches-list{display:flex!important;flex-direction:column!important;gap:8px!important;grid-template-columns:none!important;width:100%!important}.wc-match-card{padding:8px 10px;gap:6px;border-radius:var(--radius-sm)}.match-teams{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:4px}.team{flex:1 1;font-size:11px;gap:4px;min-width:0}.team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-flag{width:18px;height:12px;flex-shrink:0}.match-vs{font-size:9px;padding:1px 4px;flex-shrink:0}.match-time-info{font-size:10px}}@media (max-width:600px){.match-teams{flex-direction:column!important}.match-teams,.team.away,.team.home{align-items:center!important;width:100%!important;gap:6px!important}.team.away,.team.home{display:flex!important;justify-content:center!important;text-align:center!important}.team.home{flex-direction:row!important}.team.away{flex-direction:row-reverse!important}}.player-panel.open~.feed-section{padding:12px}.player-panel.open~.feed-section .world-cup-hub{padding:16px}.player-panel.open~.feed-section .wc-match-card{padding:12px 10px}.player-panel.open~.feed-section .wc-match-card .match-info-action{flex-direction:column;align-items:stretch;gap:10px}.player-panel.open~.feed-section .wc-match-card .match-time-info{align-items:center;text-align:center}.player-panel.open~.feed-section .wc-match-card .match-action{margin-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.player-panel.open~.feed-section .wc-match-card .wc-watch-btn{justify-content:center;padding:6px 2px;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-panel.open~.feed-section .wc-table td,.player-panel.open~.feed-section .wc-table th{padding:6px 4px}.wc-mobile-carousel-container{display:none;width:100%;margin-bottom:16px;padding:2px 0}.wc-groups-carousel{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px;width:100%}.wc-groups-carousel::-webkit-scrollbar{display:none}.group-carousel-item{flex:0 0 auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.group-carousel-item.active,.group-carousel-item:hover{background:linear-gradient(135deg,rgba(0,223,137,.2),rgba(0,223,137,.05));color:var(--wc-green);border-color:rgba(0,223,137,.4);box-shadow:0 0 12px rgba(0,223,137,.15);transform:translateY(-1px)}@media (max-width:768px){.wc-mobile-carousel-container{display:block}}.fullscreen-player-overlay{position:fixed;inset:0;z-index:9999;background-color:#000;display:flex;flex-direction:column}.fullscreen-player-overlay .player-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:0}.player-container.controls-hidden .center-controls-overlay,.player-container.controls-hidden .player-controls,.player-container.controls-hidden .player-top-overlay{opacity:0;pointer-events:none}.player-container.controls-hidden{cursor:none}.center-controls-overlay,.player-controls,.player-top-overlay{transition:opacity .3s ease}.fullscreen-player-overlay .video-wrapper{flex:1 1;position:relative;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;border-radius:0}.fullscreen-player-overlay video{width:100%;height:100%;object-fit:contain}.player-top-overlay{position:absolute;top:0;left:0;right:0;padding:20px 30px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);z-index:10;pointer-events:none}.player-top-left{display:flex;align-items:center;gap:16px;pointer-events:auto}.player-channel-logo{width:50px;height:50px;object-fit:contain;background:rgba(255,255,255,.1);border-radius:8px;padding:4px}.player-channel-info h3{font-size:24px;font-weight:800;color:#fff;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.player-channel-info span{font-size:14px;color:var(--wc-gold,#fbbf24);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.player-top-right{gap:16px;pointer-events:auto}.player-top-right,.top-btn{display:flex;align-items:center}.top-btn{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;justify-content:center;color:white;cursor:pointer;transition:all .2s}.top-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.center-controls-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;z-index:5;padding:0 40px;pointer-events:none}.side-nav-arrow{background:rgba(0,0,0,.4);border:none;color:white;width:60px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;pointer-events:auto;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side-nav-arrow:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.center-buttons-container{display:flex;align-items:center;gap:40px;pointer-events:auto}.center-btn{background:rgba(0,0,0,.5);border:none;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.center-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.center-btn.play-pause{width:80px;height:80px}.center-btn.skip{width:60px;height:60px}.skip-text{position:absolute;font-size:12px;font-weight:800;margin-top:4px}.fullscreen-player-overlay .player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent);padding:40px 30px 20px;border:none;border-radius:0;z-index:10}@media (max-width:768px){.player-top-overlay{padding:16px}.player-channel-logo{width:36px;height:36px}.player-channel-info h3{font-size:16px}.top-btn{width:36px;height:36px}.center-controls-overlay{padding:0 10px}.side-nav-arrow{width:40px;height:60px}.center-buttons-container{gap:20px}.center-btn.play-pause{width:60px;height:60px}.center-btn.skip{width:44px;height:44px}.fullscreen-player-overlay .player-controls{padding:30px 16px 16px}}.volume-slider.sportzify-slider{height:4px;background-color:rgba(255,255,255,.2)}.volume-slider.sportzify-slider::-webkit-slider-thumb{background-color:#0ea5e9;width:12px;height:12px}.volume-slider.sportzify-slider:hover{background-color:rgba(255,255,255,.3)}.wc-bracket-wrapper{overflow-x:auto;padding:20px 0;width:100%}.wc-bracket-container{display:flex;gap:40px;min-width:max-content;padding:0 20px}.wc-bracket-round{display:flex;flex-direction:column;gap:20px;justify-content:space-around}.wc-bracket-round-title{text-align:center;font-size:12px;color:var(--wc-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:800}.wc-bracket-matches{display:flex;flex-direction:column;justify-content:space-around;flex:1 1;gap:16px}.wc-bracket-match-wrapper{position:relative;display:flex;align-items:center}.wc-bracket-match{width:180px;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3)}.wc-bracket-match.live{border-color:#ef4444}.wc-bracket-team{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.wc-bracket-team:last-child{border-bottom:none}.wc-bracket-team .team-info{display:flex;align-items:center;gap:8px}.wc-bracket-team img{width:16px;height:16px;object-fit:contain}.wc-bracket-team .team-score{font-weight:800;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px}.wc-bracket-match.placeholder{opacity:.5}.wc-bracket-match-wrapper.connect-down:after,.wc-bracket-match-wrapper.connect-up:after{content:"";position:absolute;right:-20px;width:20px;border-top:2px solid rgba(255,255,255,.2)}.wc-bracket-match-wrapper.connect-down:after{top:50%;height:calc(50% + 8px);border-right:2px solid rgba(255,255,255,.2);border-bottom:none}.wc-bracket-match-wrapper.connect-up:after{bottom:50%;height:calc(50% + 8px);border-right:2px solid rgba(255,255,255,.2);border-top:none;border-bottom:2px solid rgba(255,255,255,.2)}.wc-bracket-round:not(:first-child) .wc-bracket-match-wrapper:before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:2px;background:rgba(255,255,255,.2)}