:root{--bg-color:#0f0f11;--bg-secondary:#141414;--surface-color:#1a1a1f;--surface-hover:#2a2a35;--border-color:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#556;--accent-color:#e50914;--accent-hover:#f40612;--navbar-bg:#000000eb;--navbar-scrolled:#141414;--card-bg:#1a1a1f;--card-img-bg:#000;--card-shadow:0 10px 20px #000c;--input-bg:#222228;--input-border:#3a3a3a;--input-focus:#e50914;--play-overlay:#00000080;--slider-btn-bg:#00000080;--slider-btn-hover:#000000d9;--badge-4k:gold;--badge-4k-bg:#ffd70026;--badge-fhd:#a855f7;--badge-fhd-bg:#a855f726;--badge-hd:#3b82f6;--badge-hd-bg:#3b82f626;--badge-sd:#64748b;--badge-sd-bg:#64748b26;--navbar-height:60px;--sidebar-width:240px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:.15s ease;--transition-normal:.3s ease}html[data-theme=dark]{--bg-color:#0f0f11;--bg-secondary:#141414;--surface-color:#1a1a1f;--surface-hover:#2a2a35;--border-color:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-color:#e50914;--accent-hover:#f40612;--navbar-bg:#000000eb;--navbar-scrolled:#141414;--card-bg:#1a1a1f;--card-img-bg:#000;--input-bg:#222228;--slider-btn-bg:#00000080;--slider-btn-hover:#000000d9}html[data-theme=light]{--bg-color:#f0f0f5;--bg-secondary:#e5e5ea;--surface-color:#fff;--surface-hover:#e8e8ee;--border-color:#d8d8df;--text-primary:#1d1d1f;--text-secondary:#556;--text-muted:#aaa;--accent-color:#c00;--accent-hover:#d00;--navbar-bg:#f0f0f5eb;--navbar-scrolled:#e5e5ea;--card-bg:#fff;--card-img-bg:#f0f0f5;--card-shadow:0 4px 12px #00000026;--input-bg:#fff;--input-border:#ccc;--play-overlay:#00000059;--slider-btn-bg:#dcdce1d9;--slider-btn-hover:#c8c8d2fa;--badge-4k:#b8860b;--badge-4k-bg:#b8860b1f;--badge-fhd:#7c3aed;--badge-fhd-bg:#7c3aed1a;--badge-hd:#1d4ed8;--badge-hd-bg:#1d4ed81a;--badge-sd:#475569;--badge-sd-bg:#4755691a}html[data-theme=amoled]{--bg-color:#000;--bg-secondary:#0a0a0a;--surface-color:#111;--surface-hover:#1a1a1a;--border-color:#1f1f1f;--text-primary:#fff;--text-secondary:#999;--accent-color:#e50914;--accent-hover:#ff1a1a;--navbar-bg:#000000fa;--navbar-scrolled:#000;--card-bg:#111;--card-img-bg:#000;--card-shadow:0 8px 25px #000000f2;--input-bg:#111;--input-border:#222;--play-overlay:#0009;--slider-btn-bg:#000000b3;--slider-btn-hover:#000000f2}html[data-theme=ocean]{--bg-color:#0a0e1a;--bg-secondary:#0f1525;--surface-color:#131d35;--surface-hover:#1c2b4a;--border-color:#1e2f50;--text-primary:#e8f0fe;--text-secondary:#8eadcf;--text-muted:#3d5a80;--accent-color:#3b82f6;--accent-hover:#60a5fa;--navbar-bg:#0a0e1aeb;--navbar-scrolled:#0f1525;--card-bg:#131d35;--card-img-bg:#0a0e1a;--card-shadow:0 8px 25px #00003299;--input-bg:#0f1525;--input-border:#1e3a5f;--play-overlay:#000a1e80;--slider-btn-bg:#000a1e80;--slider-btn-hover:#000a1ed9;--badge-hd:#60a5fa;--badge-hd-bg:#60a5fa26}html[data-theme=forest]{--bg-color:#0a110e;--bg-secondary:#0f1a14;--surface-color:#132018;--surface-hover:#1c3025;--border-color:#1e3528;--text-primary:#e8f5e9;--text-secondary:#81c784;--text-muted:#2e7d32;--accent-color:#4caf50;--accent-hover:#66bb6a;--navbar-bg:#0a110eeb;--navbar-scrolled:#0f1a14;--card-bg:#132018;--card-img-bg:#0a110e;--card-shadow:0 8px 25px #001e0a99;--input-bg:#0f1a14;--input-border:#1e4028;--play-overlay:#000f0580;--slider-btn-bg:#000f0580;--slider-btn-hover:#000f05d9;--badge-hd:#4caf50;--badge-hd-bg:#4caf5026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background-color:var(--surface-color);border-radius:var(--border-radius-lg);width:100%;max-width:480px;padding:40px;box-shadow:0 10px 30px #00000080}.login-box h2{color:var(--text-primary);text-align:center;margin-bottom:10px}.login-box p{color:var(--text-secondary);text-align:center;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--input-bg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:15px}.input-group input:focus{border-color:var(--accent-color)}.btn{border-radius:var(--border-radius-md);width:100%;transition:background-color var(--transition-fast);padding:15px;font-size:16px;font-weight:600}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:disabled{background-color:var(--surface-hover);color:var(--text-secondary);cursor:not-allowed}.progress-bar{background-color:var(--surface-hover);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background-color:var(--accent-color);width:0%;height:100%;transition:width .2s}.netflix-layout{background-color:var(--bg-color);min-height:100vh;padding-bottom:30px}.netflix-navbar{background:var(--navbar-bg);z-index:100;-webkit-backdrop-filter:blur(8px);align-items:center;height:55px;padding:0 4%;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.netflix-navbar.scrolled{background-color:var(--navbar-scrolled);box-shadow:0 2px 10px #0000004d}.logo{color:var(--accent-color);letter-spacing:-1px;margin-right:30px;font-size:20px;font-weight:800}.logo .badge{background:var(--text-primary);color:var(--bg-color);vertical-align:top;border-radius:3px;margin-left:5px;padding:2px 4px;font-size:9px}.nav-links{flex:1;gap:15px;display:flex}.nav-links a{color:var(--text-primary);opacity:.8;font-size:13px;font-weight:500;transition:opacity .2s}.nav-links a:hover,.nav-links a.active{opacity:1;font-weight:600}.user-profile img{cursor:pointer;border-radius:4px;width:28px;height:28px}.hero-section{background-image:url(https://images.unsplash.com/photo-1593784991095-a205069470b6?auto=format&fit=crop&q=80&w=2000);background-position:50%;background-size:cover;align-items:flex-end;height:40vh;min-height:250px;padding:0 4% 4%;display:flex;position:relative}.hero-section:after{content:"";background:linear-gradient(to top, var(--bg-color) 0%, transparent 80%), linear-gradient(to right, #000000b3 0%, transparent 50%);position:absolute;inset:0}.hero-content{z-index:10;max-width:500px;position:relative}.hero-title{text-shadow:2px 2px 6px #0009;color:#fff;margin-bottom:10px;font-size:2.2rem;font-weight:800}.hero-desc{text-shadow:1px 1px 3px #0009;color:#e5e5e5;font-size:1rem}.categories-container{z-index:20;margin-top:-30px;padding:0 4%;position:relative}.category-row{margin-bottom:2vw}.category-title{color:var(--text-primary);margin-bottom:6px;font-size:clamp(14px,1.1vw,18px);font-weight:700}.category-title .count{color:var(--text-secondary);font-size:.8em;font-weight:400}.category-title a{color:var(--accent-color);opacity:0;margin-left:10px;font-size:.7em;font-weight:400;transition:opacity .2s}.category-row:hover .category-title a{opacity:1}.slider-container{position:relative}.slider-btn{background:var(--slider-btn-bg);width:4%;color:var(--text-primary);z-index:10;opacity:0;cursor:pointer;border:none;justify-content:center;align-items:center;font-size:2vw;transition:opacity .2s,background .2s;display:flex;position:absolute;top:0;bottom:0}.slider-container:hover .slider-btn{opacity:1}.slider-btn:hover{background:var(--slider-btn-hover)}.slider-btn.left{border-top-right-radius:4px;border-bottom-right-radius:4px;left:0}.slider-btn.right{border-top-left-radius:4px;border-bottom-left-radius:4px;right:0}.channels-slider{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.channels-slider::-webkit-scrollbar{display:none}.channel-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);cursor:pointer;border:1px solid #0000;flex:0 0 calc(12.5% - 8px);min-width:120px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative}.channel-card:hover{z-index:2;box-shadow:var(--card-shadow);border-color:var(--border-color);transform:scale(1.05)}.card-img-container{aspect-ratio:16/9;background-color:var(--card-img-bg);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-img-container img{object-fit:contain;width:100%;height:100%;padding:4px}.play-overlay{background:var(--play-overlay);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.channel-card:hover .play-overlay{opacity:1}.play-overlay i{color:#fff;text-shadow:0 2px 8px #00000080;font-size:2.5rem}.res-badge{z-index:2;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:700;position:absolute;bottom:4px;right:4px}.res-badge.\34 k{background-color:var(--badge-4k-bg);color:var(--badge-4k);border:1px solid var(--badge-4k)}.res-badge.fhd{background-color:var(--badge-fhd-bg);color:var(--badge-fhd);border:1px solid var(--badge-fhd)}.res-badge.hd{background-color:var(--badge-hd-bg);color:var(--badge-hd);border:1px solid var(--badge-hd)}.res-badge.sd{background-color:var(--badge-sd-bg);color:var(--badge-sd);border:1px solid var(--badge-sd)}.card-info{padding:6px 4px}.card-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}@media (width<=1200px){.channel-card{flex:0 0 calc(16.6667% - 8px)}.category-title{font-size:16px}}@media (width<=900px){.channel-card{flex:0 0 calc(20% - 8px)}.hero-title{font-size:1.8rem}}@media (width<=600px){.channel-card{flex:0 0 calc(33.3333% - 8px)}}.hamburger-btn{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:6px;display:none}.hamburger-btn span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.mobile-nav-drawer{-webkit-backdrop-filter:blur(12px);z-index:99;background:#141414fa;border-bottom:1px solid #2a2a2a;padding:10px 0;animation:.2s ease-out mobileNavSlide;display:none;position:fixed;top:52px;left:0;right:0;box-shadow:0 8px 20px #00000080}.mobile-nav-drawer.open{display:block}.mobile-nav-drawer a{color:#fff;border-bottom:1px solid #1e1e1e;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.mobile-nav-drawer a:last-child{border-bottom:none}.mobile-nav-drawer a:hover,.mobile-nav-drawer a:active{color:#e50914;background:#e5091426}@keyframes mobileNavSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hamburger-btn{display:flex!important}.nav-links{display:none!important}.netflix-navbar{height:52px;padding:0 4%}.logo{margin-right:0;font-size:17px}.hero-section{height:28vh;min-height:160px}.hero-title{font-size:1.4rem}.hero-desc{font-size:.82rem}.categories-container{padding:0 3%}.category-title{font-size:13px}.channel-card{min-width:85px;flex:0 0 calc(33.3333% - 6px)!important}.slider-btn{display:none!important}.channels-slider{touch-action:pan-x;-webkit-overflow-scrolling:touch}.related-sidebar{margin-top:16px;width:100%!important;max-width:100%!important}.profiles-wrapper h1{margin-bottom:24px!important;font-size:1.8rem!important}#custom-controls button{min-width:44px;min-height:44px}#volume-slider{display:none}}