@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--brand-color:#ff0f39;--brand-rgb:255, 15, 57;--brand-glow:0 0 30px #ff0f39b3, 0 0 60px #ff0f3959;--bg-deep:#05050f;--bg-mid:#080816;--glass-fill:#ffffff0a;--glass-fill-strong:#ffffff14;--glass-border:#ffffff1a;--glass-border-lit:#ffffff2e;--glass-shadow:0 24px 80px #000000b3, 0 4px 16px #0006;--text-1:#fff;--text-2:#b4b4cc;--text-3:#606078;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--font:"Outfit", sans-serif;--r-pill:999px;--r-xl:24px;--r-lg:18px;--r-md:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-deep);scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font);color:var(--text-1);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font);letter-spacing:-.03em;font-weight:800;line-height:1.1}button{font-family:var(--font);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand-color)}.app-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle, rgba(var(--brand-rgb,255, 15, 57), .6) 0%, transparent 70%);width:600px;height:600px;animation:28s ease-in-out infinite alternate drift1;top:-180px;left:-150px}.orb-2{background:radial-gradient(circle,#6d28d9b3 0%,#0000 70%);width:700px;height:700px;animation:35s ease-in-out infinite alternate drift2;bottom:-250px;right:-200px}.orb-3{background:radial-gradient(circle,#0ea5e966 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite alternate drift3;top:40%;left:40%}@keyframes drift1{0%{transform:translate(0)scale(1)}50%{transform:translate(120px,80px)scale(1.2)}to{transform:translate(-40px,160px)scale(.9)}}@keyframes drift2{0%{transform:translate(0)scale(1)}50%{transform:translate(-100px,-60px)scale(.85)}to{transform:translate(60px,-140px)scale(1.15)}}@keyframes drift3{0%{transform:translate(0)scale(1)}50%{opacity:.25;transform:translate(80px,-80px)scale(1.3)}to{opacity:.55;transform:translate(-60px,60px)scale(.8)}}.app-container{z-index:1;width:100%;max-width:100%;min-height:100vh;padding-bottom:100px;position:relative;overflow-x:hidden}@media (width>=769px){.app-container{padding-bottom:0}}.intro-loader-overlay{background:var(--bg-deep);z-index:9999;transition:opacity .7s var(--ease-out), visibility .7s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.intro-loader-overlay.fade-out{opacity:0;visibility:hidden}.intro-loader-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.intro-logo{letter-spacing:.2em;color:var(--brand-color);text-shadow:var(--brand-glow);text-align:center;animation:logoPulse 2s ease-in-out infinite, logoReveal 1.2s var(--ease-out) forwards;font-size:4rem;font-weight:900}@keyframes logoPulse{0%,to{filter:brightness()}50%{filter:brightness(1.3) drop-shadow(0 0 30px var(--brand-color))}}@keyframes logoReveal{0%{opacity:0;letter-spacing:.05em;transform:scale(.8)translateY(20px)}to{opacity:1;letter-spacing:.2em;transform:scale(1)translateY(0)}}.intro-progress-bar{background:#ffffff0f;border-radius:99px;width:200px;height:2px;overflow:hidden}.intro-progress-fill{background:linear-gradient(90deg, var(--brand-color), rgba(var(--brand-rgb), .4));height:100%;box-shadow:0 0 10px var(--brand-color);animation:barFill 1.6s var(--ease-out) forwards}@keyframes barFill{0%{width:0%}to{width:100%}}.intro-subtitle{letter-spacing:.08em;color:var(--text-3);font-size:.75rem;font-weight:500}.navbar{z-index:900;-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--r-pill);width:94%;max-width:1320px;height:62px;transition:all .4s var(--ease-out);background:#0c0c168c;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 48px #0009,inset 0 1px #ffffff14}.navbar.scrolled{background:#080810cc;border-color:#ffffff14;top:10px;box-shadow:0 12px 60px #000c,inset 0 1px #ffffff0d}.nav-left{align-items:center;gap:1.6rem;display:flex}.logo{color:var(--brand-color);letter-spacing:-.04em;cursor:pointer;text-shadow:var(--brand-glow);transition:all .3s var(--ease-spring);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1.65rem;font-weight:900}.logo:hover{filter:brightness(1.2);transform:scale(1.06)}.nav-links{border-radius:var(--r-pill);background:#ffffff08;border:1px solid #ffffff0f;gap:.25rem;padding:.3rem;list-style:none;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-link{color:var(--text-2);cursor:pointer;border-radius:var(--r-pill);transition:all .25s var(--ease-out);white-space:nowrap;letter-spacing:-.01em;background:0 0;border:none;padding:.4rem 1rem;font-size:.82rem;font-weight:600}.nav-link:hover{color:var(--text-1);background:#ffffff0f}.nav-link.active{color:#000;background:#ffffffeb;font-weight:700;box-shadow:0 2px 12px #fff3}.nav-right{align-items:center;gap:.6rem;display:flex}.search-wrapper{border-radius:var(--r-pill);transition:all .35s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff12;align-items:center;gap:.4rem;padding:.4rem .75rem;display:flex;overflow:hidden}.search-wrapper:focus-within{border-color:rgba(var(--brand-rgb), .5);box-shadow:0 0 20px rgba(var(--brand-rgb), .15);background:#ffffff14}.search-input{color:var(--text-1);font-family:var(--font);transition:all .35s var(--ease-out);opacity:0;background:0 0;border:none;outline:none;max-width:0;padding:0;font-size:.82rem}.search-input.open{opacity:1;max-width:180px;padding:0 .2rem}.search-input::placeholder{color:var(--text-3)}.nav-icon-btn{color:var(--text-2);width:36px;height:36px;transition:all .25s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff12;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.nav-icon-btn:hover{color:var(--text-1);background:#ffffff1a;border-color:#ffffff26;transform:scale(1.08)}.bell-badge{background:var(--brand-color);border:1.5px solid var(--bg-deep);width:7px;height:7px;box-shadow:0 0 8px var(--brand-color);border-radius:50%;position:absolute;top:7px;right:7px}.nav-profile-menu{position:relative}.nav-avatar{object-fit:cover;cursor:pointer;width:34px;height:34px;transition:all .25s var(--ease-out);border:2px solid #ffffff1a;border-radius:50%;display:block}.nav-profile-menu:hover .nav-avatar{border-color:var(--brand-color);box-shadow:0 0 16px rgba(var(--brand-rgb), .5)}.profile-dropdown{-webkit-backdrop-filter:blur(50px)saturate(200%);border-radius:var(--r-xl);width:210px;animation:dropdownReveal .25s var(--ease-out);background:#0a0a14d9;border:1px solid #ffffff1a;flex-direction:column;padding:.5rem;display:none;position:absolute;top:48px;right:-8px;overflow:hidden;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff14}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-profile-menu:hover .profile-dropdown{display:flex}.dropdown-profile-header{border-bottom:1px solid #ffffff0d;margin-bottom:.4rem;padding:.85rem 1rem}.dropdown-name{color:var(--text-1);font-size:.9rem;font-weight:700;display:block}.dropdown-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-color);margin-top:2px;font-size:.65rem;font-weight:800;display:block}.dropdown-item{border-radius:var(--r-md);color:var(--text-2);text-align:left;cursor:pointer;width:100%;transition:all .2s var(--ease-out);background:0 0;border:none;align-items:center;gap:.7rem;padding:.65rem 1rem;font-size:.83rem;font-weight:600;display:flex}.dropdown-item:hover{color:var(--text-1);background:#ffffff0f}.hero-banner{align-items:flex-end;height:88vh;min-height:580px;padding-bottom:6rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.hero-banner{align-items:center;height:85vh;padding:0}}.hero-video-container{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-backdrop-fallback{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}iframe.hero-video{pointer-events:none;border:none;width:100vw;min-width:177.77vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.18)}.hero-video.playing{opacity:1}.hero-overlay{z-index:2;background:linear-gradient(90deg,#05050ff2 0%,#05050f99 45%,#05050f1a 100%),linear-gradient(#0000 35%,#05050f66 70%,#05050f 100%);position:absolute;inset:0}.hero-content{z-index:3;max-width:580px;animation:heroReveal 1.1s var(--ease-out) both;padding:0 5%;animation-delay:.2s;position:relative}@media (width>=768px){.hero-content{margin-top:0;padding:0 5%}}@keyframes heroReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{background:rgba(var(--brand-rgb), .12);border:1px solid rgba(var(--brand-rgb), .3);color:var(--brand-color);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 20px rgba(var(--brand-rgb), .15);align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.3rem .9rem;font-size:.68rem;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.05em;background:linear-gradient(165deg,#fff 40%,#ffffffa6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1}.hero-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.2rem;font-size:.88rem;display:flex}.hero-match{color:#4ade80;text-shadow:0 0 12px #4ade8080;font-weight:800}.hero-rating{background:#ffffff0f;border:1px solid #fff3;border-radius:5px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.hero-description{color:#ffffffa6;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:480px;margin-bottom:2rem;font-size:.95rem;line-height:1.7;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.btn{border-radius:var(--r-lg);cursor:pointer;letter-spacing:-.01em;transition:all .3s var(--ease-spring);border:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2rem;font-size:.92rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--text-1);color:#000;box-shadow:0 4px 20px #ffffff26}.btn-primary:hover{background:#e8e8ff;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #ffffff40}.btn-secondary{color:var(--text-1);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff24}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.btn-circle{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.movie-section{z-index:2;flex-direction:column;gap:3.5rem;padding:2rem 0 4rem;display:flex;position:relative}.row-container{padding:0 4%}.row-title{color:var(--text-1);letter-spacing:-.02em;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:1.15rem;font-weight:800;display:flex}.row-title-bar{background:var(--brand-color);width:3px;height:16px;box-shadow:0 0 10px var(--brand-color), 0 0 20px rgba(var(--brand-rgb), .4);border-radius:99px;flex-shrink:0;display:inline-block}.slider-wrapper{align-items:center;display:flex;position:relative}.slider-track{scroll-behavior:smooth;scrollbar-width:none;gap:1rem;width:100%;padding:1.2rem .5rem;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{display:none}@keyframes cardShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.movie-card{cursor:pointer;height:130px;transition:all .45s var(--ease-spring);background:linear-gradient(90deg,#ffffff05 25%,#ffffff12 50%,#ffffff05 75%) 0 0/200% 100%;border:1px solid #ffffff12;border-radius:18px;flex:0 0 220px;animation:2.2s linear infinite cardShimmer;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073}.movie-card:before{content:"";pointer-events:none;z-index:3;opacity:0;transition:opacity .35s var(--ease-out);background:linear-gradient(135deg,#ffffff1f 0%,#0000 40% 60%,#ffffff0a 100%);border-radius:18px;position:absolute;inset:0}.movie-card:hover:before{opacity:1}.movie-card:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff1f,#0000 80%);width:80%;height:100%;transition:left .7s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.movie-card:hover:after{left:160%}.movie-card:hover{box-shadow:0 20px 60px #000000b3, 0 0 0 1px #ffffff1f, 0 0 30px rgba(var(--brand-rgb), .15);z-index:50;border-color:#fff3;transform:scale(1.1)translateY(-6px)}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-out), opacity .6s ease;display:block}.card-img.loading{opacity:0}.card-img.loaded{opacity:1}.movie-card:hover .card-img{transform:scale(1.06)}.card-title-fallback{color:var(--text-1);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:2;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);background:linear-gradient(#0000 0%,#05050f66 35%,#05050ff2 100%);padding:1rem .6rem .5rem;font-size:.72rem;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.movie-card:hover .card-title-fallback{opacity:0;transform:translateY(10px)}.card-hover-info{opacity:0;transition:all .35s var(--ease-out);z-index:2;background:linear-gradient(#0000 0%,#05050fbf 45%,#05050ff7 100%);flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1rem;display:flex;position:absolute;inset:0;transform:translateY(8px)}.movie-card:hover .card-hover-info{opacity:1;transform:translateY(0)}.card-actions{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.card-actions-left{gap:.35rem;display:flex}.card-btn{width:28px;height:28px;color:var(--text-1);cursor:pointer;transition:all .25s var(--ease-spring);background:#ffffff12;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;display:flex}.card-btn:hover{background:var(--text-1);color:#000;border-color:#0000;transform:scale(1.1)}.card-btn-primary{background:var(--brand-color);border-color:var(--brand-color);box-shadow:0 0 12px rgba(var(--brand-rgb), .5)}.card-btn-primary:hover{color:var(--text-1);background:#ff3a5c}.card-title{letter-spacing:-.02em;font-size:.85rem;font-weight:800;line-height:1.2}.card-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.card-match{color:#4ade80;font-weight:700}.card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.card-tag{color:var(--text-3);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:.1rem .4rem;font-size:.6rem}.slider-arrow{-webkit-backdrop-filter:blur(20px);width:38px;height:38px;color:var(--text-1);cursor:pointer;z-index:20;opacity:0;transition:all .3s var(--ease-out);background:#0a0a16d9;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #00000080}.slider-wrapper:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:var(--brand-color);border-color:var(--brand-color);box-shadow:var(--brand-glow);transform:translateY(-50%)scale(1.1)}.arrow-left{left:-16px}.arrow-right{right:-16px}.grid-view-section{min-height:85vh;animation:fadeIn .5s var(--ease-out);z-index:2;padding:8rem 4% 4rem;position:relative}.grid-view-title{letter-spacing:-.04em;margin-bottom:2rem;font-size:2rem;font-weight:900}.grid-view-container{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem;display:grid}.grid-card{flex:none;width:100%;height:140px}.empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.empty-state-title{color:var(--text-2);font-size:1.3rem;font-weight:800}.settings-section{max-width:1100px;margin:0 auto}.settings-dashboard{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=900px){.settings-dashboard{grid-template-columns:1fr 1fr}}.settings-card{-webkit-backdrop-filter:blur(40px)saturate(180%);box-shadow:var(--glass-shadow);border-radius:var(--r-xl);animation:slideUp .5s var(--ease-out);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:1.4rem;padding:2rem;display:flex}.settings-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:.7rem;padding-bottom:1rem;display:flex}.settings-card-header h2{font-size:1.1rem}.settings-icon-glow{color:var(--brand-color);filter:drop-shadow(0 0 8px rgba(var(--brand-rgb), .6))}.settings-card-body{flex-direction:column;gap:1.2rem;display:flex}.profile-edit-body{flex-direction:column;align-items:center;gap:1.2rem;width:100%;display:flex}.avatar-preview-wrapper{border:3px solid var(--brand-color);width:110px;height:110px;box-shadow:0 0 24px rgba(var(--brand-rgb), .4);border-radius:50%;position:relative;overflow:hidden}.avatar-preview{object-fit:cover;width:100%;height:100%}.avatar-badge{background:var(--brand-color);color:#fff;text-align:center;letter-spacing:.08em;text-transform:uppercase;width:100%;padding:.18rem 0;font-size:.58rem;font-weight:900;position:absolute;bottom:0;left:0}.profile-input-group{flex-direction:column;gap:.4rem;width:100%;display:flex}.profile-input-group label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.settings-input{border-radius:var(--r-md);color:var(--text-1);font-family:var(--font);width:100%;transition:all .3s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:.7rem 1rem;font-size:.9rem}.settings-input:focus{border-color:rgba(var(--brand-rgb), .5);box-shadow:0 0 16px rgba(var(--brand-rgb), .12);background:#ffffff12}.api-key-input-wrapper{align-items:center;gap:.5rem;display:flex}.key-input{flex:1}.visibility-btn{white-space:nowrap}.avatar-grid-select{grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;display:grid}.avatar-preset-btn{cursor:pointer;aspect-ratio:1;transition:all .3s var(--ease-spring);border:2px solid #0000;border-radius:50%;padding:0;overflow:hidden}.avatar-preset-btn img{object-fit:cover;width:100%;height:100%}.avatar-preset-btn.active{border-color:var(--brand-color);box-shadow:0 0 16px rgba(var(--brand-rgb), .5);transform:scale(1.05)}.settings-help-text{color:var(--text-3);font-size:.83rem;line-height:1.6}.resolve-progress{flex-direction:column;gap:.5rem;display:flex}.resolve-bar-track{background:#ffffff0f;border-radius:99px;width:100%;height:3px;overflow:hidden}.resolve-bar-fill{background:linear-gradient(90deg, var(--brand-color), rgba(var(--brand-rgb,255,15,57), .5));border-radius:99px;height:100%;transition:width .4s}.resolve-label{color:var(--text-3);font-size:.72rem;font-weight:500}.cache-card-info{border-radius:var(--r-md);background:#ffffff05;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem;display:flex}.cache-data{flex-direction:column;gap:.2rem;display:flex}.cache-label{color:var(--text-2);font-size:.8rem;font-weight:600}.cache-val{color:var(--text-3);font-size:.72rem}.theme-chooser-group{width:100%}.theme-chooser-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.78rem;font-weight:700;display:flex}.theme-palette-row{flex-wrap:wrap;gap:.7rem;display:flex}.theme-selector-bubble{cursor:pointer;transition:all .3s var(--ease-spring);background:#ffffff08;border:1px solid #ffffff12;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-selector-bubble.active{border-color:var(--brand-color);box-shadow:0 0 16px rgba(var(--brand-rgb), .4);transform:scale(1.15)}.color-dot{border-radius:50%;width:18px;height:18px}.clear-cache-btn:disabled{opacity:.4;cursor:not-allowed}.clear-cache-btn:disabled:hover{transform:none}.modal-overlay{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:1000;animation:fadeIn .35s var(--ease-out);background:#020208a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(60px)saturate(220%);width:100%;max-width:860px;max-height:92vh;box-shadow:0 60px 120px #000000d9, inset 0 1px 0 #ffffff14, 0 0 80px rgba(var(--brand-rgb),.05);animation:modalReveal .55s var(--ease-out);background:#0a0a14b8;border:1px solid #ffffff1a;border-radius:28px;position:relative;overflow-y:auto}@keyframes modalReveal{0%{opacity:0;transform:scale(.93)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-btn{width:36px;height:36px;color:var(--text-1);cursor:pointer;z-index:10;transition:all .3s var(--ease-out);background:#0000008c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background:var(--text-1);color:#000;transform:rotate(90deg)scale(1.05)}.modal-banner{border-radius:28px 28px 0 0;height:360px;position:relative;overflow:hidden}.modal-banner-img{object-fit:cover;width:100%;height:100%;display:block}.modal-banner-overlay{background:linear-gradient(#0000 0%,#0a0a14a6 60%,#0a0a14 100%),linear-gradient(90deg,#0a0a14b3 0%,#0000 50%);position:absolute;inset:0}.modal-banner-content{z-index:4;position:absolute;bottom:2.5rem;left:2.5rem;right:2.5rem}.modal-title{letter-spacing:-.05em;margin-bottom:1rem;font-size:2.8rem;font-weight:900;line-height:1}.modal-body{grid-template-columns:1fr;gap:2rem;padding:2rem 2.5rem;display:grid}@media (width>=650px){.modal-body{grid-template-columns:2fr 1fr}}.modal-meta-row{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.88rem;display:flex}.modal-description{color:var(--text-2);font-size:.92rem;line-height:1.7}.modal-info-right{flex-direction:column;gap:.9rem;font-size:.82rem;display:flex}.meta-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.meta-value{color:var(--text-2)}.modal-episode-selector{border-top:1px solid #ffffff14;padding:0 2.5rem 2rem}.modal-recommendations{padding:0 2.5rem 2.5rem}.rec-title{letter-spacing:-.03em;color:var(--text-1);margin-bottom:1rem;font-size:1.1rem;font-weight:800}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.rec-card{cursor:pointer;transition:all .3s var(--ease-spring);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.rec-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.rec-img-wrapper{height:115px;overflow:hidden}.rec-img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-out)}.rec-card:hover .rec-img{transform:scale(1.05)}.rec-info{flex-direction:column;gap:.45rem;padding:.9rem;display:flex}.rec-meta{align-items:center;gap:.6rem;font-size:.7rem;display:flex}.rec-desc{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.55;display:-webkit-box;overflow:hidden}.player-overlay{z-index:2000;animation:fadeIn .3s var(--ease-out);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.player-top-bar{z-index:10;background:linear-gradient(#000000e6 0%,#0000 100%);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:absolute;top:0;left:0;right:0}.player-top-right{align-items:center;gap:.5rem;display:flex}.player-back-btn{color:var(--text-1);cursor:pointer;transition:all .25s var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.player-back-btn:hover{background:#ffffff1a;transform:scale(1.08)}.player-top-info{align-items:center;gap:.7rem;display:flex}.player-title{letter-spacing:-.02em;font-size:1rem;font-weight:800}.player-top-year{color:var(--text-3);font-size:.85rem}.embed-wrapper{flex:1;width:100%;height:100%}.youtube-iframe{border:none;width:100%;height:100%}.episode-panel{-webkit-backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#0000 0%,#000000f5 30%);border-top:1px solid #ffffff0a;flex-direction:column;gap:1rem;padding:1.5rem 3%;display:flex;position:absolute;bottom:0;left:0;right:0}.season-tabs{gap:.75rem;display:flex}.season-tab{color:var(--text-2);font-family:var(--font);border-radius:var(--r-pill);cursor:pointer;transition:all .25s var(--ease-out);background:#ffffff0d;border:1px solid #ffffff14;padding:.4rem 1.1rem;font-size:.8rem;font-weight:700}.season-tab.active,.season-tab:hover{background:var(--text-1);color:#000;border-color:var(--text-1)}.episode-strip-row{align-items:center;gap:.75rem;display:flex}.episode-strip{scrollbar-width:none;flex:1;gap:.5rem;padding:.3rem 0;display:flex;overflow-x:auto}.episode-strip::-webkit-scrollbar{display:none}.ep-btn{color:var(--text-2);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;padding:.35rem .9rem;font-size:.76rem;font-weight:700}.ep-btn:hover{color:var(--text-1);background:#ffffff1a}.ep-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:var(--text-1);box-shadow:0 0 12px rgba(var(--brand-rgb), .5)}.ep-nav-btn{color:var(--text-1);cursor:pointer;width:30px;height:30px;transition:all .2s var(--ease-out);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ep-nav-btn:hover{background:#ffffff1f}.ep-nav-btn:disabled{opacity:.25;cursor:not-allowed}.zet-footer{text-align:center;z-index:2;background:linear-gradient(#0000 0%,#05050f99 100%);border-top:1px solid #ffffff0a;margin-top:2rem;padding:3.5rem 5% 5rem;position:relative}.footer-title{color:var(--text-3);font-size:.88rem;font-weight:600}.footer-subtitle{color:#fff3;margin-top:.4rem;font-size:.75rem}@media (width<=767px){.navbar{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;width:100%!important;height:56px!important;padding:0 1rem!important;top:0!important;left:0!important;transform:none!important}.logo{font-size:1.3rem!important}.search-input.open{max-width:120px!important}.nav-icon-btn{width:32px!important;height:32px!important}.nav-avatar{width:30px!important;height:30px!important}.intro-logo{letter-spacing:.12em!important;text-align:center!important;font-size:2.2rem!important}.movie-section{gap:2rem!important;padding:1.5rem 0 3rem!important}.grid-view-section{padding:5.5rem 4% 4rem!important}.grid-view-title{margin-bottom:1.25rem!important;font-size:1.6rem!important}.hero-title{font-size:2.2rem}.hero-description{-webkit-line-clamp:2;font-size:.88rem}.hero-banner{height:80vh!important;min-height:480px!important;padding-bottom:5.5rem!important}.movie-card{flex:0 0 180px;height:108px}.grid-view-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.grid-card{height:110px}.modal-overlay{align-items:flex-start!important;padding:0!important}.modal-content{border:none!important;border-radius:0!important;height:100vh!important;max-height:100vh!important;margin:0!important}.modal-banner{border-radius:0!important;height:260px!important}.modal-title{margin-bottom:.6rem!important;font-size:1.8rem!important}.modal-banner-content{bottom:1.25rem!important;left:1.25rem!important;right:1.25rem!important}.modal-banner-content .btn{border-radius:20px!important;padding:.5rem 1.1rem!important;font-size:.78rem!important}.modal-banner-content .btn-circle{width:36px!important;height:36px!important}.modal-body{gap:1.25rem!important;padding:1.25rem 1.25rem 1.75rem!important}.modal-episode-selector{padding:0 1.25rem 1.75rem!important}.modal-recommendations{padding:0 1.25rem 2rem!important}.rec-grid{grid-template-columns:1fr!important;gap:.8rem!important}.rec-card{border-radius:12px!important;height:90px!important;display:flex!important}.rec-img-wrapper{flex-shrink:0!important;width:130px!important;height:90px!important}.rec-info{justify-content:center!important;gap:.2rem!important;padding:.5rem .75rem!important;overflow:hidden!important}.rec-desc{display:none!important}.toast-container{bottom:90px;right:16px}}.mobile-bottom-bar-dock{-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--r-pill);z-index:900;background:#0a0a16b3;border:1px solid #ffffff1a;justify-content:space-around;align-items:center;width:88%;max-width:440px;height:62px;padding:0 1rem;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #000000b3,inset 0 1px #ffffff12}@media (width>=769px){.mobile-bottom-bar-dock{display:none}}.mobile-dock-btn{color:var(--text-3);cursor:pointer;transition:all .25s var(--ease-out);border-radius:var(--r-md);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .8rem;display:flex}.mobile-dock-btn span{letter-spacing:.02em;font-size:.58rem;font-weight:700}.mobile-dock-btn.active{color:var(--brand-color);filter:drop-shadow(0 0 8px rgba(var(--brand-rgb), .7))}.mobile-dock-btn:hover:not(.active){color:var(--text-2)}.toast-container{z-index:10000;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:28px;right:28px}.toast{-webkit-backdrop-filter:blur(40px)saturate(200%);animation:toastIn .4s var(--ease-out);border:1px solid #ffffff1a;border-left:3px solid var(--brand-color);background:#0c0c18bf;border-radius:14px;align-items:center;gap:.75rem;max-width:320px;padding:.85rem 1.4rem;font-size:.82rem;font-weight:600;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 1px #ffffff0f}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast-glow-indicator{background:radial-gradient(circle at left center, rgba(var(--brand-rgb), .06) 0%, transparent 60%);pointer-events:none;border-radius:14px;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.app-container.player-active>:not(.player-overlay):not(style):not(script){display:none!important}