.navbar{background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;box-shadow:0 4px 25px #00000059}.navbar-container{width:100%;max-width:1880px;margin:0 auto;padding-inline:clamp(.75rem,2vw,2rem);display:flex;align-items:center;gap:clamp(.4rem,.8vw,.9rem);min-width:0;container-type:inline-size}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;transition:transform .25s ease,text-shadow .25s ease;transform-origin:center;flex-shrink:0}.navbar-logo:hover{transform:translateZ(8px) rotateX(3deg);text-shadow:0 6px 16px rgba(0,0,0,.8)}.navbar-links{display:flex;flex-wrap:nowrap;gap:clamp(.15rem,.5vw,.6rem);flex:1 1 auto;min-width:0;transform-style:preserve-3d}.navbar-links a{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .25s ease,transform .25s ease,text-shadow .25s ease;padding:.4rem .3rem;white-space:nowrap;transform-origin:center}.navbar-links a:hover,.navbar-links a.active{color:var(--text);transform:translateZ(6px) rotateX(2deg);text-shadow:0 4px 12px rgba(0,0,0,.65)}.navbar-search{display:flex;align-items:center;gap:.5rem;background-color:var(--background-light);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;width:clamp(7.5rem,16vw,15rem);min-width:5rem;flex:0 1 15rem;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;transform-origin:center}.navbar-search:focus-within{border-color:var(--primary);transform:translateZ(6px);box-shadow:0 6px 15px #0000004d}.navbar-search input{border:none;background:transparent;color:var(--text);flex:1;font-size:1rem;outline:none;min-width:0}.navbar-user{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.user-link{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;padding:.5rem .6rem;border-radius:4px;transition:background-color .25s ease,transform .25s ease;transform-origin:center}.user-link:hover{background-color:var(--background-light);transform:translateZ(6px)}.logout-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;transform-origin:center}.logout-btn:hover{background-color:var(--primary);border-color:var(--primary);color:var(--text);transform:translateZ(6px)}.user-link span{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{margin-top:4.5rem;min-height:calc(100vh - 4.5rem);padding:1.25rem 0}@container (max-width: 1600px){.navbar-links span{display:none}.navbar-search{width:clamp(7rem,14vw,12rem)}}@media (max-width: 1024px){.navbar-links span,.user-link span{display:none}.navbar-search{width:clamp(6.5rem,22vw,12rem)}}@media (max-width: 860px){.navbar-links{display:none}.navbar-search{flex:1 1 auto;width:auto;max-width:none}.main-content{margin-top:4rem}}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f0f19fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 12px 40px #00000080}.search-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;width:100%;background:transparent;border:none;color:#fff;cursor:pointer;text-align:left;transition:background .15s}.search-dropdown-item:hover{background:#ffffff0d}.search-dropdown-item img{width:36px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-dropdown-info{display:flex;flex-direction:column}.search-dropdown-title{font-weight:500;font-size:14px}.search-dropdown-year{font-size:12px;opacity:.6}.theme-toggle{background:transparent;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.theme-toggle:hover{background:#ffffff14}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding:8px 0;z-index:100;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffff8c;text-decoration:none;padding:4px 10px;font-size:10px;transition:color .2s}.bottom-nav a.active{color:#ff4b2b}@media (max-width: 860px){.bottom-nav{display:flex}body{padding-bottom:64px}.navbar-links{display:none!important}}.layout{position:relative;min-height:100vh}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% -10%,rgba(229,9,20,.18),transparent 55%),radial-gradient(ellipse at -10% 110%,rgba(79,70,229,.2),transparent 55%),radial-gradient(ellipse at bottom,#131c2c,#07080d 70%)}.app-bg-stars,.app-bg-stars2{position:absolute;top:-20%;right:0;bottom:-20%;left:0;pointer-events:none;will-change:transform}.app-bg-stars{background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 230px 140px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 60px 180px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 180px 10px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 280px 90px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 340px 160px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 420px 60px,rgba(255,255,255,.75),transparent);background-size:450px 250px;background-repeat:repeat;animation:bgStarsMove 140s linear infinite;opacity:.85}.app-bg-stars2{background-image:radial-gradient(3px 3px at 50px 100px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 150px 180px,rgba(255,255,255,.7),transparent),radial-gradient(3px 3px at 250px 60px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 350px 140px,rgba(255,255,255,.7),transparent),radial-gradient(3px 3px at 100px 20px,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 300px 200px,rgba(255,255,255,.7),transparent);background-size:400px 260px;background-repeat:repeat;animation:bgStarsMove 90s linear infinite reverse;opacity:.55}@keyframes bgStarsMove{0%{transform:translateZ(0)}to{transform:translate3d(0,-260px,0)}}.app-bg-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.35;will-change:transform,opacity}.app-bg-glow-1{width:460px;height:460px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(229,9,20,.85),transparent 70%);animation:bgGlowPulse 14s ease-in-out infinite}.app-bg-glow-2{width:520px;height:520px;bottom:-180px;left:-180px;background:radial-gradient(circle,rgba(79,70,229,.85),transparent 70%);animation:bgGlowPulse 18s ease-in-out infinite reverse}@keyframes bgGlowPulse{0%,to{transform:scale(1) translateZ(0);opacity:.3}50%{transform:scale(1.15) translate3d(20px,-10px,0);opacity:.45}}.app-bg-planet{position:absolute;border-radius:50%;opacity:.3;will-change:transform}.app-bg-planet-blue{width:220px;height:220px;background:radial-gradient(circle at 30% 30%,#64b5f6,#1976d2);box-shadow:inset -22px -22px 50px #00000080,0 0 80px #64b5f666;top:12%;right:-110px;animation:bgPlanetFloat 24s ease-in-out infinite}.app-bg-planet-purple{width:140px;height:140px;background:radial-gradient(circle at 40% 40%,#b39ddb,#7b1fa2);box-shadow:inset -16px -16px 40px #00000080,0 0 60px #b39ddb4d;bottom:18%;left:-70px;animation:bgPlanetFloat 30s ease-in-out infinite reverse}@keyframes bgPlanetFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-34px,0) rotate(180deg)}}.app-bg-comet{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff;pointer-events:none;will-change:transform,opacity}.app-bg-comet:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent)}.app-bg-comet-1{top:-50px;right:-50px;animation:bgCometPath 12s linear infinite}.app-bg-comet-2{top:25%;right:-50px;animation:bgCometPath 18s linear infinite 6s}@keyframes bgCometPath{0%{transform:translateZ(0) rotate(-45deg);opacity:0}10%,90%{opacity:1}to{transform:translate3d(-130vw,130vh,0) rotate(-45deg);opacity:0}}.main-content{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.app-bg-stars,.app-bg-stars2,.app-bg-glow,.app-bg-planet,.app-bg-comet{animation:none!important}}.page-transition{animation:pageIn .42s cubic-bezier(.16,1,.3,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(24px) scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none!important}}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.p-8{padding:2rem}.auth-card{background:#0f1423d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(100,150,255,.3);border-radius:24px;padding:clamp(1.25rem,4vw,3rem);width:min(450px,calc(100vw - 2rem));max-width:100%;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 80px #6496ff33,inset 0 0 60px #6496ff0d;position:relative;z-index:10;animation:cardFloatIn 1.2s cubic-bezier(.16,1,.3,1)}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 30% 50%,rgba(138,43,226,.15) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,150,255,.15) 0%,transparent 40%),radial-gradient(circle at 50% 30%,rgba(255,100,200,.1) 0%,transparent 40%);animation:nebulaDrift 30s ease-in-out infinite;z-index:-1;filter:blur(40px)}@keyframes nebulaDrift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10%,10%) rotate(120deg)}66%{transform:translate(-10%,5%) rotate(240deg)}}.auth-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(100,150,255,.08) 50%,transparent 70%);transform:rotate(45deg);animation:cosmicShine 15s linear infinite;pointer-events:none}@keyframes cosmicShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.auth-header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown 1.2s cubic-bezier(.16,1,.3,1) .3s both;position:relative;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{color:#64b5f6;margin-bottom:1rem;animation:logoOrbit 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(100,181,246,.8))}@keyframes logoOrbit{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(5deg)}}.auth-header h1{font-size:2.8rem;margin-bottom:.5rem;color:var(--text);background:linear-gradient(135deg,#64b5f6,#b39ddb,#f48fb1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:0 0 40px rgba(100,181,246,.3);animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.auth-header p{color:#ffffffb3;font-size:1rem;opacity:.9}.error-message{background:linear-gradient(135deg,#e5091440,#e509141a);border:1px solid rgba(229,9,20,.6);color:#ffb3ba;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;animation:errorPulse .6s cubic-bezier(.36,.07,.19,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #e509144d}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-form{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:.5rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) both}.form-group:nth-child(1){animation-delay:.5s}.form-group:nth-child(2){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#b39ddb;font-weight:500;font-size:.9rem;transition:all .3s ease;text-shadow:0 0 10px rgba(179,157,219,.3)}.form-group:focus-within label{color:#64b5f6;text-shadow:0 0 15px rgba(100,181,246,.5)}.form-group input{background:#1e283c80;border:2px solid rgba(100,150,255,.3);border-radius:12px;padding:1rem;color:var(--text);font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 10px #0000004d}.form-group input:focus{outline:none;background:#1e283cb3;border-color:#64b5f6;box-shadow:0 0 0 4px #64b5f633,0 0 30px #64b5f666,inset 0 2px 10px #0000004d;transform:translateY(-2px)}.form-group input::placeholder{color:#ffffff4d}.auth-submit{width:100%;margin-top:1rem;padding:1.2rem;font-size:1.1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(100,150,255,.4);color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .7s both;box-shadow:0 4px 15px #667eea66,0 0 30px #667eea33}.auth-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.auth-submit:hover:before{left:100%}.auth-submit:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea99,0 0 50px #667eea66;border-color:#64b5f6}.auth-submit:active{transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-submit:disabled:hover{box-shadow:0 4px 15px #667eea66,0 0 30px #667eea33}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(100,150,255,.2);animation:fadeIn 1.2s ease .8s both;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-footer p{color:#fff9}.auth-link{color:#64b5f6;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#64b5f6,#b39ddb);transition:width .3s ease}.auth-link:hover:after{width:100%}.auth-link:hover{color:#b39ddb;text-shadow:0 0 15px rgba(100,181,246,.6)}.auth-info{color:#ffffff80;font-size:.9rem;line-height:1.6;opacity:.8}.planet-1{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#64b5f6,#1976d2);box-shadow:inset -20px -20px 50px #00000080,0 0 80px #64b5f666;top:10%;right:-100px;opacity:.3;animation:planetFloat1 20s ease-in-out infinite;z-index:1}@keyframes planetFloat1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.planet-2{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#b39ddb,#7b1fa2);box-shadow:inset -15px -15px 40px #00000080,0 0 60px #b39ddb4d;bottom:15%;left:-60px;opacity:.25;animation:planetFloat2 25s ease-in-out infinite;z-index:1}@keyframes planetFloat2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(40px) rotate(-180deg)}}@media (max-width: 768px){.auth-card{padding:2rem;border-radius:20px}.auth-header h1{font-size:2.2rem}.planet-1,.planet-2,.comet{display:none}}.twinkling-star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #64b5f699,0 0 30px #64b5f666;animation:twinkle 3s ease-in-out infinite;z-index:2}.comet{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #64b5f6cc,0 0 30px #64b5f699;z-index:2}.comet:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:2px;background:linear-gradient(90deg,#fff0,#fffc 50%,#64b5f699 70%,#64b5f600);filter:blur(1px)}.comet-1{top:-50px;right:-50px;animation:comet1 8s linear infinite}@keyframes comet1{0%{transform:translate(0) rotate(-45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-120vw,120vh) rotate(-45deg);opacity:0}}.comet-2{top:30%;right:-50px;animation:comet2 12s linear infinite;animation-delay:4s}@keyframes comet2{0%{transform:translate(0) rotate(-15deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-110vw,20vh) rotate(-15deg);opacity:0}}.comet-3{top:-50px;left:20%;animation:comet3 10s linear infinite;animation-delay:7s}@keyframes comet3{0%{transform:translate(0) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(80vw,120vh) rotate(45deg);opacity:0}}.media-card{position:relative;cursor:pointer;text-decoration:none;color:inherit}.media-poster{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:8px;background-color:var(--secondary)}.media-poster .media-poster-img,.media-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;z-index:2}.media-card:hover .media-poster .media-poster-img,.media-card:hover .media-poster img{transform:scale(1.05)}.media-poster-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;overflow:hidden;z-index:1}.media-poster-fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 55%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.35),transparent 55%);pointer-events:none}.media-poster-fallback-icon{color:#ffffffd9;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));z-index:1}.media-poster-fallback-title{color:#fff;font-weight:700;font-size:14px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;z-index:1}.media-rating{position:absolute;top:.5rem;right:.5rem;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;color:gold;font-weight:700;font-size:.85rem}.media-info{padding:.75rem 0}.media-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.media-year{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.media-title{font-size:.9rem}.media-year{font-size:.8rem}}.media-badge-new{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#e50914,#ff4b2b);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px;box-shadow:0 2px 6px #e5091480}.media-card.unavailable{opacity:.55;filter:grayscale(.85);cursor:not-allowed;pointer-events:none}.media-badge-soon{position:absolute;top:8px;left:8px;background:#0f0f12d9;color:#ffd54a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;z-index:3;box-shadow:0 2px 6px #00000080}.media-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0009}.media-progress-fill{height:100%;background:linear-gradient(90deg,#e50914,#ff4b2b);transition:width .3s}.media-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,transparent 100%);display:flex;align-items:flex-end;padding:12px;opacity:0;transition:opacity .25s}.media-card:hover .media-hover-overlay{opacity:1}.media-overview{color:#fff;font-size:12px;line-height:1.4;margin:0}.media-card{position:relative;overflow:visible;transition:transform .25s cubic-bezier(.16,1,.3,1)}.media-card:hover{transform:translateY(-6px);z-index:2}.media-poster{transition:box-shadow .3s ease,transform .3s ease}.media-card:hover .media-poster{box-shadow:0 18px 40px #0000008c,0 0 0 1px #ffffff0f}.media-poster img{transition:transform .4s cubic-bezier(.16,1,.3,1)}.media-card:active{transform:translateY(-3px) scale(.98)}.carousel{margin-bottom:40px}.carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}.carousel-buttons{display:flex;gap:8px}.carousel-buttons button{background:#ffffff14;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.carousel-buttons button:hover{background:#ffffff2e;transform:scale(1.08)}.carousel-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 16px) / 6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 8px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.carousel-row::-webkit-scrollbar{height:6px}.carousel-row::-webkit-scrollbar-track{background:transparent}.carousel-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.carousel-row>*{scroll-snap-align:start}@media (max-width: 1024px){.carousel-row{grid-auto-columns:calc((100% - 48px)/4)}}@media (max-width: 768px){.carousel-row{grid-auto-columns:calc((100% - 2 * 12px) / 3);gap:12px}.carousel-buttons{display:none}}@media (max-width: 480px){.carousel-row{grid-auto-columns:45%}}.skeleton-card{display:flex;flex-direction:column;gap:8px}.skeleton-poster{aspect-ratio:2 / 3;border-radius:12px;background:#ffffff0f}.skeleton-info{display:flex;flex-direction:column;gap:6px;padding:4px}.skeleton-line{height:12px;border-radius:6px;background:#ffffff0f}@keyframes skeleton-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:800px 100%;animation:skeleton-shimmer 1.4s linear infinite}.home{padding-top:2rem;padding-bottom:4rem}.relative{position:relative}.z-10{z-index:10}.hero-section{text-align:center;padding:4rem 0;margin-bottom:3rem;background:#0f142366;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.2);border-radius:24px;overflow:hidden;transform-style:preserve-3d;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff08}.hero-section:before,.hero-section:after{content:"";position:absolute;border-radius:999px;filter:blur(40px);opacity:.6;transform:translateZ(-80px)}.hero-section:before{width:420px;height:420px;background:radial-gradient(circle,rgba(255,65,108,.7),transparent 70%);top:-160px;left:-80px}.hero-section:after{width:380px;height:380px;background:radial-gradient(circle,rgba(79,70,229,.7),transparent 70%);bottom:-160px;right:-40px}.hero-content{max-width:800px;margin:0 auto;position:relative;transform-style:preserve-3d;transform:translateZ(40px)}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,var(--primary),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 14px 30px rgba(0,0,0,.9),0 0 30px rgba(255,107,107,.45);transform:translateZ(55px)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;transform:translateZ(35px);text-shadow:0 12px 24px rgba(0,0,0,.7)}.home .grid{transform-style:preserve-3d}.media-section{margin-bottom:3rem;transform-style:preserve-3d}.media-section:hover .section-title{transform:translateZ(24px)}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text);transform:translateZ(12px);transition:transform .3s ease-out,text-shadow .3s ease-out;text-shadow:0 10px 22px rgba(0,0,0,.8)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.recommendation-wrapper{position:relative;transition:transform .3s ease}.recommendation-wrapper:hover{transform:translateY(-5px)}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}}:root{--primary: #e50914;--primary-dark: #b20710;--secondary: #564d4d;--background: #141414;--background-light: #1f1f1f;--text: #ffffff;--text-secondary: #b3b3b3;--border: #333;--success: #46d369;--warning: #ffa500}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text);overflow-x:clip}html,body,#root{width:100%;max-width:100%}img,video,canvas,svg{max-width:100%}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#666}.container{width:100%;max-width:min(1400px,100%);margin:0 auto;padding-inline:clamp(.75rem,2.5vw,2rem)}.button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.button-primary{background-color:var(--primary);color:var(--text)}.button-primary:hover{background-color:var(--primary-dark)}.button-secondary{background-color:var(--secondary);color:var(--text)}.button-secondary:hover{background-color:#666}.button-outline{background-color:transparent;border:2px solid var(--text);color:var(--text)}.button-outline:hover{background-color:#ffffff1a}.input{width:100%;padding:.75rem 1rem;background-color:var(--background-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:1rem;transition:border-color .3s ease}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background-color:var(--background-light);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1)}.filter-select,.category-chip,.search-tab,.button{transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.button:hover,.category-chip:hover,.search-tab:hover{transform:translateY(-1px)}.button:active,.category-chip:active,.search-tab:active{transform:translateY(0) scale(.98)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.space-container{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}.space-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,white,transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,white,transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(1px 1px at 230px 140px,white,transparent),radial-gradient(2px 2px at 60px 180px,white,transparent),radial-gradient(1px 1px at 180px 10px,white,transparent),radial-gradient(1px 1px at 280px 90px,white,transparent),radial-gradient(2px 2px at 340px 160px,white,transparent),radial-gradient(1px 1px at 420px 60px,white,transparent);background-size:450px 250px;background-repeat:repeat;animation:starsMove 120s linear infinite;opacity:.8;pointer-events:none}.space-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 50px 100px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 150px 180px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 250px 60px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 350px 140px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 100px 20px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 300px 200px,rgba(255,255,255,.8),transparent);background-size:400px 250px;background-repeat:repeat;animation:starsMove 90s linear infinite;opacity:.6;pointer-events:none}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-250px)}}.twinkling-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc;animation:twinkle 3s ease-in-out infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.comet{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;pointer-events:none}.comet:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.comet-1{top:-50px;right:-50px;animation:cometPath 10s linear infinite}.comet-2{top:20%;right:-50px;animation:cometPath 15s linear infinite 5s}@keyframes cometPath{0%{transform:translate(0) rotate(-45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-120vw,120vh) rotate(-45deg);opacity:0}}.planet{position:absolute;border-radius:50%;opacity:.3;z-index:1;pointer-events:none}.planet-blue{width:200px;height:200px;background:radial-gradient(circle at 30% 30%,#64b5f6,#1976d2);box-shadow:inset -20px -20px 50px #00000080,0 0 80px #64b5f666;top:10%;right:-100px;animation:planetFloat 20s ease-in-out infinite}.planet-purple{width:120px;height:120px;background:radial-gradient(circle at 40% 40%,#b39ddb,#7b1fa2);box-shadow:inset -15px -15px 40px #00000080,0 0 60px #b39ddb4d;bottom:15%;left:-60px;animation:planetFloat 25s ease-in-out infinite reverse}@keyframes planetFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}body.theme-light{--bg-primary: #f7f8fa;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #555;background:var(--bg-primary);color:var(--text-primary)}body.theme-light .navbar{background:#ffffffe6;color:#1a1a1a}body.theme-light .bottom-nav{background:#fffffff2;border-top-color:#00000014}body.theme-light .bottom-nav a{color:#0000008c}body.theme-light .card,body.theme-light .media-card{background:var(--bg-secondary);color:var(--text-primary)}.page-transition-enter{opacity:0;transform:translateY(8px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .25s}