:root{--color-void-black: #0f0f0f;--color-deep-charcoal: #1a1a1a;--color-spectra-green: #10b981;--color-neon-teal: #2dd4bf;--color-text-white: #ffffff;--color-text-grey: #a3a3a3;--color-error-red: #ef4444;--color-gold: #fbbf24;--font-family-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease}body{background-color:var(--color-void-black);color:var(--color-text-white);font-family:var(--font-family-sans);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main-content{padding-top:100px;width:100%;overflow-x:hidden;overflow-y:auto}.home-page .main-content{padding-top:0}@media(max-width:768px){.main-content{padding-top:64px}.home-page .main-content{padding-top:0}}.main-content>.details-page{margin-top:-200px;padding-top:64px}.layout{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto}.home-page{width:100%;overflow-x:hidden;overflow-y:auto}.content-rails{width:100%;overflow-x:hidden;overflow-y:visible;position:relative}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:0;right:0;height:64px;z-index:100;transition:background-color var(--transition-normal),backdrop-filter var(--transition-normal);padding:0 var(--spacing-l)}.header--scrolled{background-color:#0f0f0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header__container{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.header__left{display:flex;align-items:center;gap:var(--spacing-xl)}.header__logo{display:flex;align-items:center;gap:var(--spacing-s);font-weight:700;font-size:1.25rem;color:var(--color-text-white);letter-spacing:-.02em}.header__logo img{height:200px;width:auto}.header__nav{display:flex;gap:var(--spacing-l)}.nav-link{font-size:.95rem;color:var(--color-text-grey);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-white)}.nav-link.active{color:var(--color-text-white);font-weight:600}.header__right{display:flex;align-items:center;gap:var(--spacing-m)}.search-bar{display:flex;align-items:center;background:transparent;border:1px solid transparent;padding:4px;border-radius:var(--radius-full);transition:all .3s ease;width:32px;position:relative}.search-bar.open{width:280px;background:#000c;border-color:#fff3;padding-left:12px}.search-icon{color:var(--color-text-white);cursor:pointer;min-width:20px;flex-shrink:0}.search-bar input{background:transparent;border:none;color:var(--color-text-white);font-size:.95rem;width:100%;margin-left:8px;outline:none;opacity:0;transition:opacity .2s ease;pointer-events:none}.search-bar.open input{opacity:1;pointer-events:auto}.search-bar input::placeholder{color:#fff6}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-m);margin-top:8px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000080;z-index:1000}.suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--color-text-grey);cursor:pointer;transition:all .2s ease;font-size:.9rem}.suggestion-item:hover{background:#ffffff1a;color:var(--color-text-white)}.suggestion-icon{opacity:.5}.icon-btn{background:transparent;border:none;color:var(--color-text-white);padding:var(--spacing-s);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.icon-btn:hover{background-color:#ffffff1a}@media(max-width:768px){.header__nav{display:none}.header{padding:0 var(--spacing-m)}.search-bar.open{position:absolute;top:8px;left:16px;right:16px;width:auto;background:#09090b;border:1px solid rgba(255,255,255,.2);z-index:200;padding:8px 12px;box-shadow:0 4px 12px #00000080}.search-bar.open input{font-size:16px}}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background-color:#0f0f0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-grey);font-size:10px;font-weight:500;width:100%;height:100%;justify-content:center;transition:color var(--transition-fast)}.tab-item span{font-weight:500}.tab-item.active{color:var(--color-spectra-green)}.tab-item:active{transform:scale(.95)}@media(min-width:769px){.mobile-tab-bar{display:none}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-s);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.badge--default{background-color:#ffffff26;color:var(--color-text-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge--success{background-color:var(--color-spectra-green);color:var(--color-text-white)}.badge--warning{background-color:var(--color-gold);color:var(--color-void-black)}.badge--danger{background-color:var(--color-error-red);color:var(--color-text-white)}.badge--info{background-color:var(--color-neon-teal);color:var(--color-void-black)}.badge--premium{background:linear-gradient(135deg,var(--color-gold),#f59e0b);color:var(--color-void-black);box-shadow:0 2px 4px #fbbf2433}.movie-card{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-s)}.movie-card__poster{position:relative;aspect-ratio:2/3;border-radius:var(--radius-l);overflow:hidden;background-color:var(--color-deep-charcoal);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.movie-card__poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}@media(hover:hover){.movie-card:hover .movie-card__poster{box-shadow:0 0 0 2px var(--color-spectra-green),0 20px 25px -5px #00000080;z-index:10}.movie-card:hover .movie-card__poster img{transform:scale(1.1);filter:brightness(.4)}.movie-card:hover .movie-card__overlay{opacity:1}}.movie-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-m);opacity:0;transition:opacity var(--transition-fast);background:radial-gradient(circle,#0003,#0009)}.movie-card__action{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast);color:var(--color-text-white)}.movie-card__action.primary{background-color:var(--color-spectra-green);color:var(--color-text-white)}.movie-card__action.primary:hover{transform:scale(1.1);background-color:#0ea874}.movie-card__action.secondary{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.movie-card__action.secondary:hover{transform:scale(1.1);background-color:#ffffff4d}.movie-card__badges{position:absolute;top:var(--spacing-s);right:var(--spacing-s);display:flex;flex-direction:column;gap:4px;align-items:flex-end;z-index:2}.dub-badge{background-color:#0ea874f2!important;color:var(--color-text-white)!important;font-weight:600;font-size:.75rem;padding:4px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000004d}.movie-card__info{padding:0 var(--spacing-xs)}.movie-card__title{font-size:.95rem;font-weight:600;color:var(--color-text-white);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card__meta{display:flex;align-items:center;gap:var(--spacing-s);font-size:.8rem;color:var(--color-text-grey)}.movie-card__rating{display:flex;align-items:center;gap:2px;color:var(--color-gold)}.movie-card__type{margin-left:auto;text-transform:uppercase;font-size:.7rem;font-weight:600;opacity:.7}@media(max-width:768px){.movie-card__title{font-size:.85rem;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.movie-card__meta{font-size:.75rem;flex-wrap:wrap;gap:4px}.movie-card__action{width:40px;height:40px}.movie-card__action.primary,.movie-card__action.secondary,.movie-card__overlay{opacity:1}}.content-rail{margin-bottom:var(--spacing-xxl);padding:0 var(--spacing-l);position:relative;width:100%;overflow:visible}.content-rails>.content-rail:first-child{padding-top:0;margin-top:0}.content-rail__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-m)}.content-rail__title{font-size:1.5rem;font-weight:600;color:var(--color-text-white);margin:0}.content-rail__controls{display:flex;gap:var(--spacing-s)}.rail-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--color-text-white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.rail-btn:hover{background:#ffffff1a;border-color:var(--color-text-white)}.content-rail__container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(var(--spacing-l) * -1);padding:var(--spacing-xs) var(--spacing-l);scroll-behavior:smooth;cursor:grab;width:100%;position:relative;-webkit-overflow-scrolling:touch}.content-rail__container:active{cursor:grabbing}.content-rail__container::-webkit-scrollbar{display:none}.content-rail__track{display:flex;flex-wrap:nowrap;gap:var(--spacing-m);padding-bottom:var(--spacing-m);min-width:min-content;width:max-content}.content-rail__item{flex:0 0 auto;width:200px;min-width:200px}@media(hover:none)and (pointer:coarse){.content-rail__container{-webkit-overflow-scrolling:touch}}@media(max-width:768px){.content-rail__item{width:140px;min-width:140px}.content-rail__controls{display:none}.content-rail{padding:0 var(--spacing-m);margin-bottom:var(--spacing-xl)}.content-rail__container{margin:0 calc(var(--spacing-m) * -1);padding:0 var(--spacing-m)}}.filter-bar{position:sticky;top:64px;z-index:90;background-color:#0f0f0ffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:var(--spacing-m) 0}.filter-bar__container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-l);display:flex;flex-direction:column;gap:var(--spacing-m)}.filter-bar__main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-l);flex-wrap:wrap}.filter-bar__secondary{display:flex;align-items:center;gap:var(--spacing-xl);padding-top:var(--spacing-s);border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.filter-bar__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-s);padding-top:var(--spacing-s)}.filter-group{display:flex;align-items:center;gap:var(--spacing-m)}.filter-group--primary{flex:1;min-width:0}.filter-group--actions{flex-shrink:0}.filter-divider{width:1px;height:24px;background-color:#ffffff1a}.filter-btn{display:flex;align-items:center;gap:var(--spacing-s);background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-white);padding:8px 16px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:#ffffff1a;border-color:var(--color-text-white)}.filter-btn.active{background:var(--color-spectra-green);border-color:var(--color-spectra-green);color:var(--color-text-white)}.filter-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-s);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;padding:10px 16px;border-radius:var(--radius-m);transition:all var(--transition-fast);white-space:nowrap;min-width:120px;justify-content:space-between}.filter-dropdown-btn:hover{background:#ffffff1a;border-color:#fff3}.filter-dropdown-btn.active{background:#0ea87426;border-color:var(--color-spectra-green);color:var(--color-spectra-green)}.filter-label{color:var(--color-text-grey);font-size:.875rem}.sort-options{display:flex;background:#ffffff0d;padding:4px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.sort-btn{background:transparent;border:none;color:var(--color-text-grey);padding:8px 20px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-btn:hover{color:var(--color-text-white)}.sort-btn.active{background:var(--color-spectra-green);color:var(--color-text-white);font-weight:600}.filter-dropdown-wrapper{position:relative}.filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#0f0f0ffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-m);padding:8px 0;min-width:150px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 16px #0000004d}.filter-dropdown-item{display:block;width:100%;padding:8px 16px;background:transparent;border:none;color:var(--color-text-grey);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.filter-dropdown-item:hover{background:#ffffff0d;color:var(--color-text-white)}.filter-dropdown-item.active{background:#0ea87433;color:var(--color-spectra-green);font-weight:600}.filter-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-white);padding:10px 40px 10px 16px;border-radius:var(--radius-m);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:150px}.filter-select:hover{background-color:#ffffff1a;border-color:#fff3}.filter-select:focus{outline:none;border-color:var(--color-spectra-green);background-color:#ffffff1a}.filter-select option{background:var(--color-void-black);color:var(--color-text-white);padding:8px}.rating-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:180px}.rating-group .filter-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.rating-group .filter-label strong{color:var(--color-spectra-green);font-weight:600}.rating-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;cursor:pointer}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-spectra-green);cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:transform var(--transition-fast)}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.rating-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-spectra-green);cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;transition:transform var(--transition-fast)}.rating-slider::-moz-range-thumb:hover{transform:scale(1.2)}.apply-btn,.reset-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.apply-btn{background:var(--color-spectra-green);color:var(--color-text-white);box-shadow:0 2px 8px #0ea8744d}.apply-btn:hover{background:#0ea874;box-shadow:0 4px 12px #0ea87466;transform:translateY(-1px)}.reset-btn{background:#ffffff14;color:var(--color-text-white);border:1px solid rgba(255,255,255,.1)}.reset-btn:hover{background:#ffffff26;border-color:#fff3}@media(max-width:768px){.filter-bar{top:64px;padding:var(--spacing-s) 0}.filter-bar__container{padding:0 var(--spacing-m);gap:var(--spacing-s)}.filter-bar__main{flex-direction:column;align-items:stretch;gap:var(--spacing-s)}.filter-group--primary{flex-direction:column;gap:var(--spacing-s)}.filter-dropdown-btn{width:100%;min-width:auto}.filter-bar__secondary{flex-direction:column;align-items:stretch;gap:var(--spacing-m);padding-top:var(--spacing-s)}.filter-group{flex-direction:column;align-items:stretch;gap:var(--spacing-s)}.sort-options{width:100%;justify-content:center}.sort-btn{flex:1;padding:8px 12px;font-size:.8rem}.filter-select{min-width:100%;font-size:.875rem}.rating-group{min-width:auto;width:100%}.filter-bar__actions{flex-direction:column;width:100%}.apply-btn,.reset-btn{width:100%;justify-content:center;padding:10px 16px;font-size:.875rem}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#27272acc;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-weight:500;width:100%;margin-bottom:1rem;cursor:pointer;transition:background-color .2s}.mobile-filter-toggle:hover{background-color:#3f3f46}.filter-content-mobile{position:fixed;inset:0;z-index:100;background-color:#09090b;padding:1.5rem;overflow-y:auto;animation:slideUp .3s ease-out}.filter-content-desktop{display:none}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-title{font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.close-btn{padding:.5rem;background-color:#18181b;border-radius:9999px;border:1px solid rgba(255,255,255,.1);color:#a1a1aa;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(min-width:769px){.mobile-filter-toggle,.filter-content-mobile,.mobile-header{display:none}}.browser-page{min-height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}.browser-header{padding:var(--spacing-xl) var(--spacing-l) var(--spacing-m);max-width:1400px;margin:0 auto}.browser-title{font-size:2.5rem;font-weight:700;color:var(--color-text-white);margin:0}.browser-content{max-width:1400px;margin:0 auto;padding:var(--spacing-l);width:100%;overflow-x:hidden}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-l) var(--spacing-m);width:100%}@media(max-width:768px){.browser-page{padding-top:0}.browser-header{padding:var(--spacing-m) var(--spacing-m) var(--spacing-s);padding-top:var(--spacing-l)}.browser-title{font-size:1.5rem;line-height:1.2}.browser-content{padding:var(--spacing-m);padding-top:var(--spacing-s)}.media-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-s);width:100%}}@media(min-width:1600px){.media-grid{grid-template-columns:repeat(6,1fr)}}.loading-more-indicator{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-l)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-s);border:none;border-radius:var(--radius-m);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-sans);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-spectra-green);color:var(--color-text-white)}.btn--primary:hover:not(:disabled){background-color:#0ea874;transform:scale(1.02)}.btn--secondary{background-color:#ffffff1a;color:var(--color-text-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--secondary:hover:not(:disabled){background-color:#fff3}.btn--outline{background-color:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-white)}.btn--outline:hover:not(:disabled){border-color:var(--color-text-white);background-color:#ffffff0d}.btn--ghost{background-color:transparent;color:var(--color-text-grey)}.btn--ghost:hover:not(:disabled){color:var(--color-text-white);background-color:#ffffff0d}.btn--sm{height:32px;padding:0 var(--spacing-m);font-size:.875rem}.btn--md{height:44px;padding:0 var(--spacing-l);font-size:1rem}.btn--lg{height:56px;padding:0 var(--spacing-xl);font-size:1.125rem}.btn--full{width:100%}.details-page{min-height:100vh;background:var(--color-void-black);position:relative}.details-hero{position:relative;min-height:90vh;display:flex;align-items:flex-end;overflow:hidden}.details-hero__backdrop{position:absolute;inset:0;z-index:0}.details-hero__backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(16,185,129,.15) 0%,transparent 50%);z-index:1}.details-hero__backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);animation:subtle-zoom 20s ease-in-out infinite alternate}@keyframes subtle-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.details-hero__gradient{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,var(--color-void-black) 0%,rgba(15,15,15,.95) 15%,rgba(15,15,15,.85) 30%,rgba(15,15,15,.4) 60%,transparent 100%),linear-gradient(to right,rgba(15,15,15,.9) 0%,rgba(15,15,15,.6) 40%,transparent 100%)}.details-hero__content{position:relative;z-index:10;max-width:1400px;margin:100px auto 0;padding:0 var(--spacing-xl);padding-bottom:var(--spacing-xxl);display:flex;gap:var(--spacing-xxl);align-items:flex-start;width:100%;padding-top:var(--spacing-xxl)}.details-poster{flex-shrink:0;width:320px;border-radius:var(--radius-l);overflow:hidden;position:relative;display:none;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a,0 0 40px #10b98133;transition:transform .3s ease,box-shadow .3s ease}.details-poster:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -12px #000000e6,0 0 0 1px #ffffff26,0 0 60px #10b9814d}.details-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}@media(min-width:768px){.details-poster{display:block}}.details-poster img{width:100%;height:auto;display:block}.details-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-l);max-width:900px}.details-title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9),0 4px 20px rgba(0,0,0,.7),0 0 40px rgba(16,185,129,.3);letter-spacing:-.02em;margin-bottom:var(--spacing-s)}.details-meta{display:flex;align-items:center;gap:var(--spacing-m);flex-wrap:wrap;color:var(--color-text-grey);font-size:1.05rem;font-weight:500}.meta-item{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff14;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.meta-item:hover{background:#ffffff1f;border-color:#10b9814d}.meta-separator{opacity:.4;font-weight:300}.meta-rating{display:flex;align-items:center;gap:6px;color:var(--color-text-white);font-weight:700;padding:6px 14px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-radius:var(--radius-full);border:1px solid rgba(255,215,0,.3)}.text-gold{color:var(--color-gold);filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.details-genres{display:flex;gap:var(--spacing-s);flex-wrap:wrap}.genre-tag{font-size:.9rem;font-weight:600;color:var(--color-text-white);background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid rgba(16,185,129,.4);padding:8px 18px;border-radius:var(--radius-full);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.genre-tag:hover{background:linear-gradient(135deg,#10b9814d,#10b98126);border-color:#10b98199;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.details-synopsis{font-size:1.15rem;line-height:1.75;color:#ffffffd9;max-width:800px;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:400;letter-spacing:.01em}.details-actions{display:flex;gap:var(--spacing-m);margin-top:var(--spacing-l);flex-wrap:wrap}.details-cast{margin-top:var(--spacing-m);padding:var(--spacing-m);background:#ffffff0d;border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-cast h3{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:var(--spacing-l)}.cast-grid{display:flex;flex-wrap:nowrap;gap:var(--spacing-l);margin-top:var(--spacing-m);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-s)}.cast-grid::-webkit-scrollbar{display:none}.cast-card{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease;flex:0 0 auto;min-width:120px;max-width:120px}.cast-card:hover{transform:translateY(-4px)}.cast-avatar{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-m);margin-bottom:var(--spacing-s);border:2px solid rgba(255,255,255,.1);transition:border-color .2s ease,box-shadow .2s ease}.cast-card:hover .cast-avatar{border-color:#10b98180;box-shadow:0 4px 12px #10b98133}.cast-name{color:var(--color-text-white);font-size:.9rem;font-weight:600;margin-bottom:4px;line-height:1.3}.cast-character{color:var(--color-text-grey);font-size:.8rem;font-weight:400;line-height:1.2}@media(max-width:768px){.cast-card{min-width:100px;max-width:100px}.cast-grid{gap:var(--spacing-m)}.cast-name{font-size:.85rem}.cast-character{font-size:.75rem}}.episodes-section{max-width:1400px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-xl)}.episodes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-m)}.episodes-header h3{font-size:2rem;font-weight:800;color:var(--color-text-white);letter-spacing:-.01em}.season-selector{background:#ffffff14;color:var(--color-text-white);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-m);padding:12px 20px;font-size:1rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.season-selector:hover{background:#ffffff1f;border-color:#10b98166}.season-selector:focus{border-color:var(--color-neon-green);box-shadow:0 0 0 3px #10b9811a}.season-selector option{background:#1a1a1a;color:#fff}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-l)}.episode-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-m);padding:var(--spacing-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-m);aspect-ratio:16 / 9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.episode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.1),transparent);opacity:0;transition:opacity .3s ease}.episode-card:hover:before{opacity:1}.episode-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:var(--color-neon-green);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0006,0 0 0 1px #10b98133,0 0 30px #10b98126}.episode-card .play-icon{color:#fff6;transition:all .3s ease}.episode-card:hover .play-icon{color:var(--color-neon-green);transform:scale(1.2);filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}.episode-card span{color:var(--color-text-white);font-weight:700;font-size:1.05rem;transition:color .3s ease}.episode-card:hover span{color:var(--color-neon-green)}.details-related{max-width:1400px;margin:0 auto;padding:var(--spacing-xxl) 0}@media(max-width:768px){.details-hero{min-height:auto;padding-top:150px;align-items:flex-start}.details-hero__content{padding:0 var(--spacing-m);padding-bottom:var(--spacing-xl);margin-top:0;flex-direction:column}.details-info{width:100%;max-width:100%}.details-title{font-size:2rem;word-wrap:break-word}.details-synopsis{font-size:1rem;max-width:100%}.details-actions{flex-direction:column;width:100%;gap:var(--spacing-s)}.details-actions .btn{width:100%}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-m)}.episodes-section{padding:var(--spacing-xl) var(--spacing-m)}}.details-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-void-black)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(16,185,129,.1);border-top-color:var(--color-neon-green);border-radius:50%;animation:spin .8s linear infinite}.details-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-void-black);text-align:center;padding:var(--spacing-xl)}.details-error h2{font-size:2rem;font-weight:800;color:var(--color-text-white);margin-bottom:var(--spacing-m)}.details-error p{color:var(--color-text-grey);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.video-player{position:relative;width:100%;height:100vh;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-player--hide-cursor{cursor:none}.video-player__video{width:100%;height:100%;object-fit:contain}.video-player__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-l);transition:opacity .3s ease;opacity:1}.video-player__overlay--hidden{opacity:0;pointer-events:none}.video-player__top{display:flex;align-items:center;gap:var(--spacing-m)}.video-title{font-size:1.25rem;font-weight:600;color:var(--color-text-white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background-color:#00000080;border:2px solid rgba(255,255,255,.2);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.video-player__center-play:hover{background-color:var(--color-spectra-green);border-color:var(--color-spectra-green);transform:translate(-50%,-50%) scale(1.1)}.video-player__buffering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-spectra-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-player__controls{display:flex;flex-direction:column;gap:var(--spacing-m)}.video-progress{width:100%;height:6px;background-color:#fff3;border-radius:var(--radius-full);position:relative;cursor:pointer;transition:height .2s ease;overflow:hidden}.video-progress:hover{height:10px}.video-progress__slider{-webkit-appearance:none;appearance:none;width:100%;height:100%;background:transparent;background-image:linear-gradient(var(--color-spectra-green),var(--color-spectra-green));background-repeat:no-repeat;background-position:left center;border-radius:var(--radius-full);position:absolute;top:0;left:0;margin:0;padding:0;cursor:pointer;z-index:1}.video-progress__slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--color-text-white);cursor:pointer;box-shadow:0 0 10px #00000080;opacity:0;transition:opacity .2s ease;position:relative;z-index:2}.video-progress:hover .video-progress__slider::-webkit-slider-thumb{opacity:1}.video-progress__slider::-moz-range-thumb{appearance:none;height:16px;width:16px;border-radius:50%;background:var(--color-text-white);cursor:pointer;box-shadow:0 0 10px #00000080;border:none;opacity:0;transition:opacity .2s ease}.video-progress:hover .video-progress__slider::-moz-range-thumb{opacity:1}.video-controls-row{display:flex;align-items:center;justify-content:space-between}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:var(--spacing-m)}.video-btn{background:transparent;border:none;color:var(--color-text-white);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.video-btn:hover{background-color:#ffffff1a}.video-volume{display:flex;align-items:center;gap:var(--spacing-s);width:140px}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:var(--radius-full);background-image:linear-gradient(var(--color-text-white),var(--color-text-white));background-repeat:no-repeat}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:var(--color-text-white);cursor:pointer;opacity:0;transition:opacity .2s ease}.video-volume:hover .volume-slider::-webkit-slider-thumb{opacity:1}.video-time{font-size:.875rem;color:var(--color-text-white);font-variant-numeric:tabular-nums}.video-subtitle{position:absolute;bottom:160px;left:50%;transform:translate(-50%);background:#000000bf;color:var(--color-text-white);padding:12px 24px;border-radius:4px;font-size:1.1rem;font-weight:500;text-align:center;max-width:80%;line-height:1.5;z-index:30;transition:bottom .3s ease,opacity .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000080;pointer-events:none;word-wrap:break-word;white-space:pre-line}.video-subtitle--controls-hidden{bottom:60px}.video-select{background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--color-text-white);font-size:.875rem;padding:6px 32px 6px 12px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;transition:all .2s ease;min-width:100px}.video-select:hover{background-color:#000c;border-color:#ffffff4d}.video-select:focus{border-color:var(--color-spectra-green);box-shadow:0 0 0 2px #10b98133}.video-select option{background:#1a1a1a;color:var(--color-text-white);padding:8px}