:root{--bg-dark:#121212;--bg-color:#121212;--bg-card:#1f1f1f;--card-bg:#1f1f1f;--bg-card-hover:#2a2a2a;--card-hover:#2a2a2a;--bg-surface:#181818;--primary:#e50914;--primary-hover:#f40612;--accent-color:#e50914;--accent-gold:#f5c518;--text-main:#ffffff;--text-muted:#aaaaaa;--border-color:#333333;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all 0.25s ease-in-out;--transition-fast:0.25s ease}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent !important;outline:none}html,body{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);line-height:1.5}body{padding-bottom:70px}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:1rem}button:active,a:active{opacity:0.8;transform:scale(0.98);transition:transform 0.1s ease,opacity 0.1s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}#site-header{position:sticky;top:0;z-index:9999;width:100%;background-color:rgba(18,18,18,0.95);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.7)}.sticky-nav-container{width:100%;max-width:100%;padding:0 24px}.navbar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:1.5rem}.brand{font-size:1.4rem;font-weight:800;color:var(--text-main);letter-spacing:-0.5px}.nav-links-desktop{display:none;align-items:center;list-style:none;margin:0;padding:0;gap:20px}.nav-links-desktop a{color:var(--text-muted);font-weight:500;font-size:0.95rem;transition:var(--transition);padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none}.nav-links-desktop a:hover,.nav-links-desktop a.active{color:var(--primary);background:rgba(255,255,255,0.05)}.nav-actions{display:flex;align-items:center;gap:12px}#themeToggle{background:#222;border:1px solid #333;color:#ffcc00;font-size:1rem;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background 0.2s ease;display:flex;align-items:center;justify-content:center}#themeToggle:hover{background:#333}.nav-badge-btn{background-color:var(--primary);color:#ffffff;font-weight:bold;font-size:0.88rem;padding:8px 16px;border-radius:8px;text-decoration:none;transition:background-color 0.2s ease,transform 0.1s ease}.nav-badge-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.search{position:relative;max-width:600px;margin:20px auto 10px auto;padding:0 16px;display:flex;align-items:center}.search input{width:100%;padding:12px 45px 12px 16px;background-color:#242424;border:1px solid var(--border-color);border-radius:25px;color:var(--text-main);font-size:1rem;outline:none;transition:var(--transition)}.search input:focus{border-color:var(--primary);box-shadow:0 0 10px rgba(229,9,20,0.3)}#searchBtn{position:absolute;right:26px;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}#searchBtn .search-icon{width:18px;height:18px;stroke:currentColor}#clearSearch{position:absolute;right:56px;background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer}#autocomplete{display:none;position:absolute;top:calc(100% + 6px);left:16px;right:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.8);z-index:2000;max-height:380px;overflow-y:auto}.autocomplete-item{display:flex;gap:12px;padding:10px 14px;cursor:pointer;transition:background 0.2s;border-bottom:1px solid rgba(255,255,255,0.05)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-card-hover)}h1{font-size:2rem;margin-bottom:6px}h2{font-size:1.4rem;margin:30px 0 16px 0;font-weight:700}.navBtn{margin-top:12px;padding:10px 20px;background-color:var(--primary);color:#fff;font-weight:600;border-radius:20px;transition:var(--transition)}.navBtn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}#genreToggle{display:block;margin:15px auto;padding:8px 18px;background:#252525;color:#fff;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-weight:600}#genreMenu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:0 auto 24px auto;padding:0 16px;transition:var(--transition)}#genreMenu.collapsed{display:none}.genreBtn{background:#222;color:var(--text-muted);border:1px solid #3a3a3a;padding:6px 14px;border-radius:16px;cursor:pointer;font-size:0.85rem;transition:var(--transition)}.genreBtn:hover,.genreBtn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.container{max-width:1200px;margin:30px auto;padding:0 20px}.page-title{font-size:1.8rem;margin-bottom:24px;border-left:4px solid var(--primary);padding-left:12px}.carousel{display:flex;gap:16px;overflow-x:auto;padding:10px 24px 20px 24px;scroll-snap-type:x mandatory}.carousel .movie,.carousel .movie-card{flex:0 0 180px;scroll-snap-align:start}.movies,.movie-grid,#movieContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:0 24px;max-width:1400px;margin:0 auto}.movie,.movie-card{background:var(--bg-card);border-radius:var(--radius-md);padding:12px;position:relative;display:flex;flex-direction:column;transition:var(--transition);cursor:pointer;border:1px solid transparent;overflow:hidden;-webkit-tap-highlight-color:transparent !important}.movie:hover,.movie-card:hover{transform:translateY(-6px);background:var(--bg-card-hover);border-color:#444;box-shadow:0 12px 24px rgba(0,0,0,0.5)}.poster-wrapper{width:100%;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;background-color:#111;margin-bottom:10px}.poster-wrapper img,.movie-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.movie:hover .poster-wrapper img,.movie-card:hover img{transform:scale(1.05)}.movie h3,.movie-card h3{font-size:0.95rem;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;-webkit-tap-highlight-color:transparent !important}.release-date,.rating-text{font-size:0.8rem;color:var(--text-muted);margin-bottom:4px}.genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;margin-bottom:8px}.badge{background:#333;color:#ccc;font-size:0.7rem;padding:2px 6px;border-radius:4px}.favBtn{position:absolute;top:18px;right:18px;background:rgba(0,0,0,0.65);border:none;color:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;backdrop-filter:blur(4px);transition:var(--transition)}.favBtn:hover{transform:scale(1.15);background:rgba(0,0,0,0.85)}.favBtn.active{color:var(--primary)}.movie-card-info{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.remove-btn{background:rgba(229,9,20,0.85);color:#fff;border:none;padding:6px 10px;border-radius:4px;font-size:0.8rem;cursor:pointer;margin-top:8px;transition:background 0.2s}.remove-btn:hover{background:#b80710}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state a{color:var(--primary);text-decoration:none;font-weight:bold}.movie-details,#trailerContainer,#castContainer,.recommendation-section{max-width:1200px;margin:35px auto 20px auto;padding:0 20px;box-sizing:border-box}.details-card{display:flex;flex-direction:column;gap:24px;background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.5)}@media(min-width:768px){.details-card{flex-direction:row;align-items:flex-start;padding:32px;gap:36px}}.details-card img{width:100%;max-width:280px;border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.6);object-fit:cover;align-self:center}@media(min-width:768px){.details-card img{width:280px;align-self:flex-start;flex-shrink:0}}.details-card .info{flex:1;display:flex;flex-direction:column;gap:10px;width:100%}.title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:6px}.details-card h2{font-size:2.2rem;margin:0;font-weight:700;color:#ffffff;line-height:1.2}.love-corner-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#ffffff;font-size:1.3rem;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.love-corner-btn:hover{background:rgba(229,9,20,0.2);border-color:#e50914;transform:scale(1.1)}.love-corner-btn.active{background:rgba(229,9,20,0.25);border-color:#e50914;box-shadow:0 0 12px rgba(229,9,20,0.4)}.details-card p{margin:4px 0;color:#dddddd;font-size:0.98rem}.overview{font-size:1rem;line-height:1.6;color:#cccccc;margin:12px 0 20px 0}.shareBtn,.trailerBtn,.closeTrailerBtn,.trailer-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:0.92rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast)}.shareBtn{background:#1e3a8a;color:#fff;border:1px solid #3b82f6}.shareBtn:hover{background:#2563eb;transform:translateY(-2px)}.trailer-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.trailerBtn{background:var(--accent-color);color:#fff}.trailerBtn:hover{background:#ff1e27;box-shadow:0 4px 15px rgba(229,9,20,0.4);transform:translateY(-2px)}.closeTrailerBtn{background:#333;color:#bbb;border:1px solid #555}.closeTrailerBtn:hover{background:#444;color:#fff}#trailerContainer iframe,.trailer-box iframe{width:100% !important;aspect-ratio:16/9;height:auto !important;border-radius:8px;border:none}.trailer-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);box-shadow:0 8px 24px rgba(0,0,0,0.4);margin:20px 0}.trailer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.trailer-card h3{margin:0;font-size:1.4rem;color:#fff}.trailer-actions{display:flex;gap:10px;align-items:center}.trailer-action-btn{background:#2b2b2b;color:#fff;border:1px solid #444}.trailer-action-btn:hover{background:#3e3e3e}.trailer-action-btn.active{background:#e50914;border-color:#e50914}.cast-section{margin:30px 0}.cast-section h2{margin-bottom:20px;font-size:1.6rem;color:#fff;border-left:4px solid var(--accent-color);padding-left:12px}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}@media(min-width:1024px){.cast-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}.cast-card{background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;text-align:center;padding-bottom:10px;border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cast-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.5);background:var(--card-hover)}.cast-card img{width:100%;height:180px;object-fit:cover;display:block}.cast-name{font-size:0.85rem;font-weight:bold;margin:8px 5px 2px 5px;color:#fff;word-break:break-word}.cast-character{font-size:0.75rem;color:var(--text-muted);margin:0 5px;word-break:break-word}.recommendation-section{margin-top:40px;margin-bottom:40px}.section-header h2{font-size:1.6rem;margin-bottom:20px;color:#fff;border-left:4px solid var(--accent-gold);padding-left:12px}.rec-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:600px){.rec-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.rec-container{grid-template-columns:repeat(5,1fr);gap:20px}}@media(min-width:1200px){.rec-container{grid-template-columns:repeat(6,1fr)}}.rec-card{background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding-bottom:10px}.rec-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,0.6);background:var(--card-hover)}.rec-card img{width:100%;height:240px;object-fit:cover;display:block}.rec-card h3{font-size:0.92rem;margin:10px 8px 4px 8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-card p{font-size:0.8rem;color:var(--text-muted);margin:0 8px}.share-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(6px);z-index:9999;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}.share-modal-overlay.active{display:flex;opacity:1}.share-modal{background:#1f1f1f;color:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,0.6);position:relative;border:1px solid #333;transform:scale(0.9);transition:transform 0.3s ease}.share-modal-overlay.active .share-modal{transform:scale(1)}.share-modal h3{margin-top:0;margin-bottom:16px}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.share-btn-platform{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:8px;font-weight:bold;color:#fff;cursor:pointer;text-decoration:none;font-size:0.95rem;transition:opacity 0.2s}.share-btn-platform:hover{opacity:0.9}.share-wa{background-color:#25D366}.share-tw{background-color:#000000;border:1px solid #444}.share-fb{background-color:#1877F2}.share-tg{background-color:#229ED9}.share-copy-btn{width:100%;padding:12px;background-color:#333;color:#fff;border:1px solid #555;border-radius:8px;font-weight:bold;cursor:pointer;transition:background 0.2s}.share-copy-btn:hover{background-color:#444}.close-share-modal{position:absolute;top:10px;right:15px;background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer}.close-share-modal:hover{color:#fff}.skeleton-container{margin-top:20px}.skeleton-card{height:280px;width:100%;background:var(--bg-card);pointer-events:none}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}#backToTopBtn{position:fixed;bottom:80px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease,background 0.2s ease;box-shadow:0 4px 15px rgba(0,0,0,0.4)}#backToTopBtn.visible{opacity:1;visibility:visible;transform:translateY(0)}#backToTopBtn:hover{background:rgba(255,255,255,0.2);color:#ffffff;border-color:rgba(255,255,255,0.35);transform:translateY(-3px)}body.light-theme{background-color:#f5f5f5;color:#111111}body.light-theme .navbar{background:#ffffff;border-bottom-color:#ddd}body.light-theme .nav-links-desktop a{color:#444}body.light-theme .nav-links-desktop a.active{color:var(--primary)}.mobile-bottom-nav,#site-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background-color:rgba(18,18,18,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:9999;justify-content:space-around;align-items:center;box-shadow:0 -4px 12px rgba(0,0,0,0.5);padding:4px 0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:0.72rem;font-weight:500;gap:4px;flex:1;height:100%;transition:color 0.2s ease}.mobile-nav-item .nav-icon{width:24px;height:24px}.mobile-nav-item span:first-child{font-size:1.1rem;line-height:1;margin-bottom:2px}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--primary)}@media(max-width:767px){body{padding-bottom:90px !important}.nav-links-desktop,.nav-actions .nav-badge-btn{display:none !important}.container,.movie-details,#trailerContainer,#castContainer,.recommendation-section{padding:0 12px !important;margin:15px auto !important;max-width:100% !important;box-sizing:border-box !important}.details-card{padding:16px !important;gap:16px !important}.details-card img{max-width:200px !important}.details-card h2{font-size:1.5rem !important}.where-to-watch,.providers-grid,.movie-details .providers{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.section-title{font-size:1.2rem;margin:20px 0 10px 0}#trendingSection .movie-grid{display:flex !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory;gap:10px !important;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}#trendingSection .movie-grid::-webkit-scrollbar{display:none}#trendingSection .movie-card{flex:0 0 135px !important;min-width:135px !important;scroll-snap-align:start}#trendingSection .movie-card img{height:190px !important;object-fit:cover}.movies,.movie-grid,.cast-grid,.rec-container,#popularSection .movie-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;padding:0 4px !important;width:100% !important;box-sizing:border-box !important}.movie-card,.movie,.cast-card,.rec-card{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;overflow:hidden !important;padding:8px !important}.poster-wrapper{width:100% !important;aspect-ratio:2/3 !important;margin-bottom:8px !important}.movie-card img,.movie .poster-wrapper img,.cast-card img,.rec-card img{width:100% !important;height:auto !important;aspect-ratio:2/3 !important;object-fit:cover !important}.movie-card h3,.movie h3,.cast-name,.rec-card h3{font-size:0.85rem !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}h1{font-size:1.5rem}h2{font-size:1.2rem}}@media(min-width:768px){.mobile-bottom-nav,#site-mobile-nav{display:none !important}}.favBtn{background-color:#222;color:#fff;border:1px solid #444;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:0.95rem;transition:background 0.2s}.favBtn:hover{background-color:#333}.favBtn.active{background-color:#e50914;border-color:#e50914}.sticky-nav-container,#site-header{position:sticky;top:0;background-color:#0a0a0a;z-index:1000}.sticky-nav-container .logo,#site-header .brand-name,#site-header a.logo-link,.navbar-brand{color:var(--text-color,#fff)}body.light-theme #site-header .logo,body.light-theme #site-header span,body.light-theme #site-header a{color:#111 !important}.provider-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;transition:border-color 0.2s ease}.provider-card:hover{border-color:#e50914}.ad-container-wrapper{overflow-x:auto;max-width:100%}#toast-container{position:fixed;bottom:25px;right:25px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.trailer-toast{background-color:#1a1a1a;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.4);border-left:4px solid #e50914;font-size:14px;font-family:inherit;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:auto}.trailer-toast.show{opacity:1;transform:translateY(0)}.trailer-action-btn.active{color:#3ea6ff !important} #theaterOverlay {  position: fixed;  top: 0;  left: 0;   width: 100vw;    height: 100vh;    background: rgba(0, 0, 0, 0.92);  z-index: 998;     opacity: 0;   pointer-events: none;    transition: opacity 0.4s ease;}body.lights-out #theaterOverlay {  opacity: 1;   pointer-events: auto;}body.lights-out #trailerContainer,body.lights-out .video-player-wrapper {  position: relative;  z-index: 999;}#lightSwitch.active {  background-color: #e50914;  border-color: #e50914;} @media (min-width: 768px) { .nav-links-desktop { display: flex !important; }} @keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background:#222;animation:pulse 1.5s infinite ease-in-out;border-radius:8px}body{background-color:#121212;color:#fff;font-family:sans-serif;margin:0;padding:0}body.light-theme{background-color:#f4f4f4;color:#121212} body.light-theme {background-color: #f5f5f5;color: #111111;} html:has(body.light-theme) { background-color: #f5f5f5;}body.light-theme #site-header,body.light-theme .sticky-nav-container{background-color:#ffffff !important}body.light-theme #site-header .logo,body.light-theme #site-header span,body.light-theme #site-header a{color:#111 !important}body.light-theme .mobile-bottom-nav,body.light-theme #site-mobile-nav{background-color:rgba(255,255,255,0.95) !important;border-top-color:#ddd !important;box-shadow:0 -4px 12px rgba(0,0,0,0.08) !important}body.light-theme .mobile-nav-item{color:#555 !important}body.light-theme .mobile-nav-item.active,body.light-theme .mobile-nav-item:hover{color:var(--primary) !important}