:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-darkest: #000000;--bg-base: #040507;--bg-surface: #0a0d14;--bg-surface-elevated: #111622;--bg-surface-hover: #192030;--bg-card: rgba(13, 17, 26, .85);--bg-glass: rgba(10, 14, 23, .78);--bg-glass-heavy: rgba(6, 8, 14, .94);--bg-glass-light: rgba(255, 255, 255, .08);--accent-cyan: #00d2ff;--accent-cyan-hover: #33dcff;--accent-cyan-glow: rgba(0, 210, 255, .45);--accent-red: #e50914;--accent-red-hover: #f40612;--accent-red-glow: rgba(229, 9, 20, .5);--accent-gold: #ffb800;--accent-gold-glow: rgba(255, 184, 0, .4);--accent-emerald: #46d369;--accent-purple: #8a2be2;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--border-subtle: rgba(255, 255, 255, .09);--border-medium: rgba(255, 255, 255, .16);--border-focus: rgba(0, 210, 255, .65);--border-glass: rgba(255, 255, 255, .12);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .5);--shadow-md: 0 10px 30px rgba(0, 0, 0, .7);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .9);--shadow-glow-cyan: 0 0 35px var(--accent-cyan-glow);--shadow-glow-red: 0 0 35px var(--accent-red-glow);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%;background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scrollbar-gutter:stable}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;outline:none;touch-action:manipulation;transition:all .2s var(--ease-smooth)}button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-cyan-glow)}50%{box-shadow:0 0 35px #00d2ffb3}}@keyframes drawerSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rippleWaveLeft{0%{opacity:.8;transform:translate(-50%,-50%) scale(.6) rotate(-15deg)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1) rotate(-5deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(0)}}@keyframes rippleWaveRight{0%{opacity:.8;transform:translate(-50%,-50%) scale(.6) rotate(15deg)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(0)}}.animate-fade{animation:fadeIn .25s ease forwards}.animate-slide-up{animation:slideUp .3s var(--ease-spring) forwards}.animate-scale-up{animation:scaleUp .25s var(--ease-spring) forwards}.animate-drawer{animation:drawerSlideIn .35s var(--ease-spring) forwards}.hero-wrapper{position:relative;width:100%;min-height:520px;height:clamp(560px,82svh,860px);overflow:hidden;background:var(--bg-darkest);display:flex;align-items:flex-end;-webkit-user-select:none;user-select:none}.hero-content-container{position:relative;z-index:10;width:100%;padding:clamp(80px,10vw,110px) 4% clamp(36px,5vw,54px) 4%;display:flex;justify-content:space-between;align-items:flex-end}.hero-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.2rem);font-weight:900;line-height:1.05;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.95);letter-spacing:-.02em}.hero-synopsis{color:var(--text-secondary);font-size:.96rem;line-height:1.55;max-width:600px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.85)}@media(max-width:768px){.hero-wrapper{height:clamp(520px,80svh,680px);align-items:flex-end}.hero-content-container{padding:60px 4.5% 36px;align-items:flex-end}.hero-bg-image{background-position:center 10%!important}.hero-title{font-size:clamp(1.7rem,6.5vw,2.4rem)!important;line-height:1.12!important}.hero-synopsis{-webkit-line-clamp:2!important;font-size:.86rem!important;line-height:1.4!important}}.player-controls{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s ease}.player-controls.visible{opacity:1;visibility:visible;pointer-events:auto}.scrubber-track{position:relative;width:100%;height:6px;background:#fff3;border-radius:4px;cursor:pointer;transition:height .15s ease}.scrubber-container:hover .scrubber-track{height:9px}.scrubber-thumb{position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00d2ffcc,0 2px 8px #000c;transition:transform .15s var(--ease-spring);pointer-events:none}.scrubber-container:hover .scrubber-thumb,.scrubber-thumb.active{transform:translate(-50%,-50%) scale(1)}.badge-match{color:var(--accent-emerald);font-weight:800;font-size:.85rem}.badge-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:4px;background:#ffffff1f;color:var(--text-primary);border:1px solid rgba(255,255,255,.16)}.badge-hd{font-size:.68rem;font-weight:800;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.4);color:#f0f0f0;letter-spacing:.5px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#000;font-weight:800;font-size:1rem;padding:13px 30px;border-radius:8px;transition:all .25s var(--ease-smooth);box-shadow:0 4px 18px #ffffff40}.btn-primary:hover{background:#ffffffeb;transform:scale(1.04);box-shadow:0 6px 26px #fff6}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffffff26;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-weight:700;font-size:1rem;padding:13px 22px;border-radius:8px;border:1px solid rgba(255,255,255,.22);transition:all .25s var(--ease-smooth)}.btn-secondary:hover{background:#ffffff42;transform:scale(1.03);border-color:#ffffff73}.btn-secondary:active{transform:scale(.97)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .2s var(--ease-smooth)}.btn-icon:hover{background:#ffffff40;transform:scale(1.1);border-color:#fff}.btn-icon:active{transform:scale(.95)}.rails-container{display:flex;flex-direction:column;gap:52px;padding:0 4% 80px;position:relative;z-index:10}@media(max-width:768px){.rails-container{gap:36px;padding:0 14px calc(80px + env(safe-area-inset-bottom)) 14px}}.mobile-bottom-nav{display:none!important}@media(max-width:768px){.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#06080cf5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.1);z-index:850;align-items:center;justify-content:space-around;padding-left:8px;padding-right:8px}}.top10-item-container{position:relative;flex-shrink:0;display:flex;align-items:flex-end;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.top10-item-container:hover{transform:translateY(-8px) scale(1.02);z-index:25}.top10-numeral-box{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2}.top10-svg-numeral{height:96%;max-height:270px;width:auto;overflow:visible;filter:drop-shadow(4px 4px 12px rgba(0,0,0,.95))}.top10-poster-card{position:relative;z-index:5;border-radius:10px;overflow:hidden;background:var(--bg-surface);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px #000000d9;transition:all .3s cubic-bezier(.22,1,.36,1)}.top10-item-container:hover .top10-poster-card{border-color:var(--accent-cyan);box-shadow:0 20px 45px #000000f2,0 0 28px #00d2ff66}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@keyframes cinemaClapHinge{0%,to{transform:rotate(0)}20%{transform:rotate(-28deg)}35%{transform:rotate(0)}42%{transform:rotate(-8deg)}50%{transform:rotate(0)}}@keyframes filmReelRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes filmReelRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes popcornPop1{0%{transform:translate(0) scale(.7) rotate(0);opacity:0}15%{opacity:1}45%{transform:translate(-24px,-65px) scale(1.15) rotate(-45deg)}80%{transform:translate(-38px,-15px) scale(.9) rotate(-110deg);opacity:1}to{transform:translate(-45px,20px) scale(.6) rotate(-180deg);opacity:0}}@keyframes popcornPop2{0%{transform:translate(0) scale(.6) rotate(0);opacity:0}20%{opacity:1}50%{transform:translate(22px,-78px) scale(1.2) rotate(55deg)}85%{transform:translate(36px,-20px) scale(.95) rotate(130deg);opacity:1}to{transform:translate(46px,25px) scale(.6) rotate(210deg);opacity:0}}@keyframes popcornPop3{0%{transform:translate(0) scale(.8) rotate(0);opacity:0}15%{opacity:1}45%{transform:translateY(-85px) scale(1.25) rotate(30deg)}80%{transform:translate(-10px,-25px) scale(1) rotate(90deg);opacity:1}to{transform:translate(-15px,20px) scale(.65) rotate(160deg);opacity:0}}@keyframes popcornPop4{0%{transform:translate(0) scale(.6) rotate(0);opacity:0}25%{opacity:1}55%{transform:translate(-18px,-60px) scale(1.1) rotate(-60deg)}85%{transform:translate(-28px,-10px) scale(.85) rotate(-120deg);opacity:1}to{transform:translate(-35px,20px) scale(.5) rotate(-190deg);opacity:0}}@keyframes projectorBeamSweep{0%,to{opacity:.35;transform:scaleX(1) rotate(-1deg)}50%{opacity:.65;transform:scaleX(1.08) rotate(1.5deg)}}@keyframes soundwaveDance{0%,to{height:6px}50%{height:28px}}@keyframes shimmerFilmGrid{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes radarScanner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseEasterEgg{0%{transform:scale(1)}50%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes netflixPauseFade{0%{opacity:0}to{opacity:1}}@keyframes netflixPauseSlide{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}