*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--color-text-primary)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}table{border-collapse:collapse}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#141420;--color-bg-tertiary:#1a1a2e;--color-surface:#1e1e30;--color-surface-hover:#2a2a40;--color-accent-primary:#e50914;--color-accent-secondary:#b20710;--color-accent-gradient:linear-gradient(135deg, #e50914, #b20710);--color-text-primary:#fff;--color-text-secondary:#a0a0b0;--color-text-muted:#6b6b80;--color-success:#46d369;--color-warning:#f5c518;--color-error:#e50914;--color-info:#4dabf7;--color-glass-bg:#141420b3;--color-glass-border:#ffffff14;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-hero:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-heading:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-accent:0 4px 20px #e5091466;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-default:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-navbar:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--navbar-height:64px;--container-max-width:1440px;--card-width:160px;--card-width-desktop:220px;--card-aspect-ratio:2 / 3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-bg-secondary)}::selection{background-color:var(--color-accent-primary);color:var(--color-text-primary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.navbar{z-index:var(--z-navbar);height:var(--navbar-height);padding:0 var(--space-6);transition:background-color var(--transition-default), box-shadow var(--transition-default), backdrop-filter var(--transition-default);background-color:#0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background-color:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.navbar__logo{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.navbar__nav{align-items:center;gap:var(--space-6);display:flex}.navbar__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.navbar__link:hover,.navbar__link--active{color:var(--color-text-primary)}.navbar__link--active:after{content:"";background:var(--color-accent-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-4px;left:0;right:0}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-primary);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__icon-btn:hover{background-color:#ffffff1a}.navbar__hamburger{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.navbar__hamburger span{background:var(--color-text-primary);border-radius:var(--radius-full);width:22px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);display:block}.navbar__hamburger--active span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--active span:nth-child(2){opacity:0}.navbar__hamburger--active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{top:var(--navbar-height);background:var(--color-bg-primary);padding:var(--space-6);gap:var(--space-4);z-index:calc(var(--z-navbar) - 1);animation:fadeInDown var(--transition-default) forwards;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.navbar__mobile-menu--open{display:flex}.navbar__mobile-menu .navbar__link{font-size:var(--font-size-lg);padding:var(--space-3) 0;border-bottom:1px solid var(--color-glass-border)}.hero{background-color:var(--color-bg-secondary);align-items:flex-end;width:100%;min-height:70vh;display:flex;position:relative;overflow:hidden}.hero__backdrop{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{background:linear-gradient(to top, var(--color-bg-primary) 0%, #0a0a0f99 40%, #0a0a0f33 70%, transparent 100%);position:absolute;inset:0}.hero__overlay--left{background:linear-gradient(90deg,#0a0a0fe6 0%,#0a0a0f66 50%,#0000 100%)}.hero__content{z-index:var(--z-base);max-width:640px;padding:var(--space-16) var(--space-8) var(--space-12);position:relative}.hero__title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);text-shadow:0 2px 8px #00000080}.hero__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.hero__overview{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero__actions{gap:var(--space-4);display:flex}.hero__dots{bottom:var(--space-6);right:var(--space-8);gap:var(--space-2);z-index:var(--z-base);display:flex;position:absolute}.hero__dot{border-radius:var(--radius-full);cursor:pointer;width:10px;height:10px;transition:background-color var(--transition-fast), transform var(--transition-fast);background:#ffffff4d}.hero__dot--active{background:var(--color-accent-primary);transform:scale(1.2)}.movie-card{width:var(--card-width);aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-default), box-shadow var(--transition-default);background-color:var(--color-surface);flex-shrink:0;position:relative;overflow:hidden}.movie-card:hover{box-shadow:var(--shadow-lg);z-index:var(--z-base);transform:scale(1.05)}.movie-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.movie-card:hover .movie-card__image{transform:scale(1.08)}.movie-card__placeholder{background:var(--color-surface);width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.movie-card__overlay{padding:var(--space-4);opacity:0;transition:opacity var(--transition-default);background:linear-gradient(#0000 0%,#0a0a0f80 50%,#0a0a0ff2 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.movie-card:hover .movie-card__overlay{opacity:1}.movie-card__title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.movie-card__info{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.movie-card__bookmark{top:var(--space-2);right:var(--space-2);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-primary);opacity:0;transition:opacity var(--transition-fast), background-color var(--transition-fast);z-index:var(--z-base);background:#0a0a0fb3;justify-content:center;align-items:center;display:flex;position:absolute}.movie-card:hover .movie-card__bookmark{opacity:1}.movie-card__bookmark:hover{background-color:var(--color-accent-primary)}.movie-card__bookmark--active{opacity:1;color:var(--color-accent-primary)}.movie-card__progress{height:3px;z-index:var(--z-base);background:#fff3;position:absolute;bottom:0;left:0;right:0}.movie-card__progress-fill{background:var(--color-accent-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-default)}.movie-card__badge{top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);background:var(--color-accent-primary);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);z-index:var(--z-base);position:absolute}.movie-row{margin-bottom:var(--space-8);position:relative}.movie-row__header{padding:0 var(--space-6);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.movie-row__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding-bottom:var(--space-2);position:relative}.movie-row__title:after{content:"";background:var(--color-accent-gradient);border-radius:var(--radius-full);width:40px;height:3px;position:absolute;bottom:0;left:0}.movie-row__see-all{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.movie-row__see-all:hover{color:var(--color-accent-primary)}.movie-row__container{position:relative}.movie-row__scroll{gap:var(--space-4);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--space-2) var(--space-6);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.movie-row__scroll::-webkit-scrollbar{display:none}.movie-row__scroll>*{scroll-snap-align:start}.movie-row__arrow{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), background-color var(--transition-fast);z-index:var(--z-base);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.movie-row__container:hover .movie-row__arrow{opacity:1}.movie-row__arrow:hover{background:var(--color-surface-hover)}.movie-row__arrow--left{left:var(--space-2)}.movie-row__arrow--right{right:var(--space-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-accent-gradient);color:var(--color-text-primary)}.btn--primary:hover{background:var(--color-accent-secondary);box-shadow:var(--shadow-accent);color:var(--color-text-primary)}.btn--secondary{color:var(--color-text-primary);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-glass-border);background:#ffffff1a}.btn--secondary:hover{color:var(--color-text-primary);background:#fff3}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.btn--icon{padding:var(--space-3);border-radius:var(--radius-full);width:44px;height:44px}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);color:var(--color-text-secondary);background:#ffffff1a;display:inline-flex}.badge--rating{font-weight:var(--font-weight-semibold)}.badge--rating-high{color:var(--color-success)}.badge--rating-medium{color:var(--color-warning)}.badge--rating-low{color:var(--color-error)}.badge--genre{background:var(--color-surface);border:1px solid var(--color-glass-border)}.badge--type{background:var(--color-accent-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:.65rem}.search-bar{align-items:center;display:flex;position:relative}.search-bar__input{width:240px;height:40px;padding:0 var(--space-4) 0 var(--space-10);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:width var(--transition-default), background-color var(--transition-fast), border-color var(--transition-fast);background:#ffffff1a;outline:none}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:focus{background:var(--color-glass-bg);border-color:var(--color-accent-primary);width:320px}.search-bar__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute}.search-bar__input:focus~.search-bar__icon{color:var(--color-accent-primary)}.search-bar__dropdown{top:calc(100% + var(--space-2));background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);width:360px;max-height:420px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast) forwards;position:absolute;right:0;overflow-y:auto}.search-bar__suggestion{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.search-bar__suggestion:hover,.search-bar__suggestion--highlighted{background:var(--color-surface-hover)}.search-bar__suggestion-image{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:56px}.search-bar__suggestion-info{flex:1;min-width:0}.search-bar__suggestion-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-bar__suggestion-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-bar__section-title{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.search-bar__recent-item{padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.search-bar__recent-item:hover{background:var(--color-surface-hover)}.search-bar__clear-all{margin:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-accent-primary)}.search-bar__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.modal{z-index:var(--z-modal);padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__backdrop{animation:fadeIn var(--transition-fast) forwards;background:#000c;position:absolute;inset:0}.modal__content{background:var(--color-bg-secondary);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-default) forwards;position:relative;overflow-y:auto}.modal__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-primary);z-index:var(--z-base);transition:background-color var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute}.modal__close:hover{background:#000c}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);min-width:300px;max-width:420px;padding:var(--space-4);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-default) forwards;pointer-events:auto;display:flex;position:relative;overflow:hidden}.toast--exit{animation:slideOutRight var(--transition-default) forwards}.toast__icon{font-size:var(--font-size-lg);flex-shrink:0}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--info .toast__icon{color:var(--color-info)}.toast--warning .toast__icon{color:var(--color-warning)}.toast__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);flex:1}.toast__close{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.toast__close:hover{color:var(--color-text-primary)}.toast__progress{background:var(--color-accent-primary);height:3px;animation:linear forwards progressBar;position:absolute;bottom:0;left:0}.toast--success .toast__progress{background:var(--color-success)}.toast--error .toast__progress{background:var(--color-error)}.toast--info .toast__progress{background:var(--color-info)}.toast--warning .toast__progress{background:var(--color-warning)}.progress-bar{border-radius:var(--radius-full);background:#ffffff26;width:100%;height:4px;overflow:hidden}.progress-bar__fill{background:var(--color-accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-default)}.dropdown{display:inline-block;position:relative}.dropdown__toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);display:flex}.dropdown__toggle:hover{background:var(--color-surface-hover)}.dropdown__menu{top:calc(100% + var(--space-1));min-width:180px;padding:var(--space-1);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast) forwards;position:absolute;left:0}.dropdown__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);text-align:left;display:flex}.dropdown__item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dropdown__item--active{color:var(--color-accent-primary);background:#e509141a}.video-player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;position:relative;overflow:hidden}.video-player__iframe{border:none;width:100%;height:100%}.video-player__loading{justify-content:center;align-items:center;gap:var(--space-4);z-index:var(--z-base);background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.video-player__loading-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.video-player__spinner{border:3px solid #ffffff1a;border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);width:48px;height:48px;animation:.8s linear infinite spin}.video-player__server-selector{gap:var(--space-2);padding:var(--space-3) 0;display:flex;overflow-x:auto}.video-player__server-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.video-player__server-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-player__server-btn--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.season-selector{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.season-selector__tabs{gap:var(--space-2);padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.season-selector__tabs::-webkit-scrollbar{display:none}.season-selector__tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.season-selector__tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.season-selector__tab--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.episode-list{gap:var(--space-3);flex-direction:column;display:flex}.episode-card{gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;display:flex}.episode-card:hover{background:var(--color-surface-hover);border-color:var(--color-glass-border)}.episode-card--active{border-color:var(--color-accent-primary)}.episode-card__thumb{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-bg-secondary);flex-shrink:0;width:160px;position:relative;overflow:hidden}.episode-card__thumb img{object-fit:cover;width:100%;height:100%}.episode-card__play-icon{opacity:0;transition:opacity var(--transition-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.episode-card:hover .episode-card__play-icon{opacity:1}.episode-card__info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.episode-card__number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.episode-card__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.episode-card__meta{gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.episode-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.episode-card__progress{margin-top:auto}.cast-card{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:120px;display:flex}.cast-card__image{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-glass-border);width:80px;height:80px;margin-bottom:var(--space-2);transition:border-color var(--transition-fast), transform var(--transition-fast)}.cast-card:hover .cast-card__image{border-color:var(--color-accent-primary);transform:scale(1.05)}.cast-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.cast-card__character{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.skeleton{background:var(--color-surface);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:1.5s linear infinite shimmer;position:absolute;inset:0}.skeleton--card{width:var(--card-width);aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-lg);flex-shrink:0}.skeleton--text{height:14px;margin-bottom:var(--space-2)}.skeleton--text-sm{width:60%;height:10px}.skeleton--hero{border-radius:0;width:100%;height:70vh}.skeleton--circle{border-radius:var(--radius-full);width:80px;height:80px}.glass{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);box-shadow:0 8px 32px #0000004d}.page{min-height:100vh;padding-top:var(--navbar-height)}.page-content{max-width:var(--container-max-width);padding:0 var(--space-6);margin:0 auto}.home-page{padding-top:0}.home-page .hero{margin-bottom:var(--space-8)}.home-page .movie-row{margin-bottom:var(--space-10)}.browse-page{padding-top:calc(var(--navbar-height) + var(--space-6))}.browse-page__header{margin-bottom:var(--space-6)}.browse-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.browse-page__filters{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);flex-wrap:wrap;display:flex}.browse-page__tabs{gap:var(--space-2);display:flex}.browse-page__tab{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.browse-page__tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.browse-page__tab--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.browse-page__grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-width), 1fr));gap:var(--space-5);margin-top:var(--space-6);display:grid}.browse-page__load-more{margin-top:var(--space-8);padding-bottom:var(--space-8);justify-content:center;display:flex}.browse-page__empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted);grid-column:1/-1}.browse-page__empty-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.search-page{padding-top:calc(var(--navbar-height) + var(--space-6))}.search-page__header{margin-bottom:var(--space-6)}.search-page__query{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.search-page__query span{color:var(--color-accent-primary)}.search-page__results-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.search-page__grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-width), 1fr));gap:var(--space-5);display:grid}.search-page__empty{text-align:center;padding:var(--space-16) var(--space-6)}.search-page__empty-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.search-page__empty-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.detail-page{padding-top:0}.detail-page__backdrop{width:100%;height:50vh;min-height:300px;position:relative;overflow:hidden}.detail-page__backdrop-image{object-fit:cover;object-position:center top;width:100%;height:100%}.detail-page__backdrop-overlay{background:linear-gradient(to top, var(--color-bg-primary) 0%, #0a0a0fb3 50%, #0a0a0f4d 100%);position:absolute;inset:0}.detail-page__content{z-index:var(--z-base);max-width:var(--container-max-width);padding:0 var(--space-6);margin:-120px auto 0;position:relative}.detail-page__main{gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.detail-page__poster{width:240px;aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-shrink:0;overflow:hidden}.detail-page__poster img{object-fit:cover;width:100%;height:100%}.detail-page__info{flex:1;min-width:0}.detail-page__title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.detail-page__tagline{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-4);font-style:italic}.detail-page__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.detail-page__genres{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.detail-page__overview{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.detail-page__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-page__sections{padding-bottom:var(--space-12)}.detail-page__section{margin-bottom:var(--space-8)}.detail-page__section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);position:relative}.detail-page__section-title:after{content:"";background:var(--color-accent-gradient);border-radius:var(--radius-full);width:40px;height:3px;position:absolute;bottom:0;left:0}.detail-page__cast-row{gap:var(--space-5);padding-bottom:var(--space-4);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.detail-page__cast-row::-webkit-scrollbar{display:none}.watch-page{padding-top:var(--navbar-height);background:var(--color-bg-primary);min-height:100vh}.watch-page__header{max-width:var(--container-max-width);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.watch-page__back-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex}.watch-page__back-btn:hover{color:var(--color-text-primary)}.watch-page__player-wrapper{max-width:1280px;padding:0 var(--space-6);margin:0 auto}.watch-page__info{max-width:var(--container-max-width);padding:var(--space-6);margin:0 auto}.watch-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.watch-page__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.watch-page__overview{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:800px}.watch-page__episode-nav{gap:var(--space-4);max-width:var(--container-max-width);padding:0 var(--space-6) var(--space-6);margin:0 auto;display:flex}.watch-page__episode-sidebar{max-width:var(--container-max-width);padding:var(--space-6);margin:0 auto}.bookmarks-page{padding-top:calc(var(--navbar-height) + var(--space-6))}.bookmarks-page__header{margin-bottom:var(--space-6)}.bookmarks-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.bookmarks-page__tabs{gap:var(--space-2);display:flex}.bookmarks-page__tab{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.bookmarks-page__tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.bookmarks-page__tab--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.bookmarks-page__grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-width), 1fr));gap:var(--space-5);display:grid}.bookmarks-page__empty{text-align:center;padding:var(--space-16) var(--space-6)}.bookmarks-page__empty-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.bookmarks-page__empty-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.not-found-page{text-align:center;min-height:100vh;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-page__code{font-family:var(--font-display);font-size:clamp(6rem,20vw,12rem);font-weight:var(--font-weight-extrabold);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;animation:fadeInDown var(--transition-slow) forwards;-webkit-background-clip:text;background-clip:text;line-height:1}.not-found-page__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-top:var(--space-4);animation:fadeInUp var(--transition-slow) .2s forwards;opacity:0}.not-found-page__text{color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-6);animation:fadeInUp var(--transition-slow) .4s forwards;opacity:0}.not-found-page__btn{animation:fadeInUp var(--transition-slow) .6s forwards;opacity:0}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-glass-border);padding:var(--space-12) var(--space-6) var(--space-8);margin-top:var(--space-12)}.footer__inner{max-width:var(--container-max-width);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.footer__top{justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;display:flex}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text}.footer__description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.footer__links{gap:var(--space-12);flex-wrap:wrap;display:flex}.footer__link-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.footer__link-group ul{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary)}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-glass-border);flex-wrap:wrap;display:flex}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer__social{gap:var(--space-3);display:flex}.footer__social-link{border-radius:var(--radius-full);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{background:var(--color-accent-primary);color:var(--color-text-primary)}.footer__attribution{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer__attribution a{color:var(--color-text-secondary)}.footer__attribution a:hover{color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in-down{animation:.5s forwards fadeInDown}.animate-scale-in{animation:.3s forwards scaleIn}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}.animate-on-scroll--up{transform:translateY(30px)}.animate-on-scroll--left{transform:translate(-30px)}.animate-on-scroll--right{transform:translate(30px)}.stagger-item{opacity:0;animation:.4s forwards fadeInUp}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.stagger-item:nth-child(11){animation-delay:.5s}.stagger-item:nth-child(12){animation-delay:.55s}.stagger-item:nth-child(13){animation-delay:.6s}.stagger-item:nth-child(14){animation-delay:.65s}.stagger-item:nth-child(15){animation-delay:.7s}.stagger-item:nth-child(16){animation-delay:.75s}.stagger-item:nth-child(17){animation-delay:.8s}.stagger-item:nth-child(18){animation-delay:.85s}.stagger-item:nth-child(19){animation-delay:.9s}.stagger-item:nth-child(20){animation-delay:.95s}.page-enter{animation:.3s forwards fadeIn}.page-exit{animation:.3s reverse forwards fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,a,.movie-card,.season-selector__tab,.browse-page__tab,.bookmarks-page__tab,.episode-card{min-height:44px}.movie-card{min-height:unset}@media (width>=480px){:root{--card-width:140px}.hero__title{font-size:clamp(2rem, 5vw, var(--font-size-hero))}}@media (width>=640px){:root{--card-width:160px}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width>=768px){:root{--card-width:180px}.hero{min-height:80vh}.hero__content{padding:var(--space-20) var(--space-12) var(--space-16)}.detail-page__main{gap:var(--space-10)}.detail-page__poster{width:280px}.detail-page__content{margin-top:-160px}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.episode-card__thumb{width:200px}.footer__top{flex-wrap:nowrap}}@media (width>=1024px){:root{--card-width:200px}.navbar__hamburger{display:none}.hero__title{font-size:var(--font-size-hero)}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-page__poster{width:320px}.detail-page__title{font-size:var(--font-size-3xl)}.cast-card{width:140px}.cast-card__image{width:100px;height:100px}}@media (width>=1280px){:root{--card-width:220px}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hero__content{padding-left:var(--space-16);padding-right:var(--space-16)}.detail-page__title{font-size:var(--font-size-3xl)}}@media (width>=1536px){.page-content,.detail-page__content,.watch-page__info,.watch-page__player-wrapper{max-width:var(--container-max-width)}.hero{min-height:85vh}}@media (width<=767px){.navbar__nav{display:none}.navbar__hamburger{display:flex}.navbar__actions .navbar__link{display:none}.search-bar__input{width:180px}.search-bar__input:focus{width:240px}.search-bar__dropdown{width:calc(100vw - var(--space-12));right:calc(-1 * var(--space-4))}.hero__content{padding:var(--space-12) var(--space-4) var(--space-8)}.hero__title{font-size:clamp(1.75rem,6vw,3rem)}.hero__overview{-webkit-line-clamp:2;font-size:var(--font-size-sm)}.hero__actions{gap:var(--space-3);flex-direction:row}.hero__dots{right:var(--space-4);bottom:var(--space-4)}.movie-row__header{padding:0 var(--space-4)}.movie-row__scroll{padding-left:var(--space-4);padding-right:var(--space-4);gap:var(--space-3)}.movie-row__arrow{display:none}.detail-page__main{gap:var(--space-6);flex-direction:column}.detail-page__poster{width:160px;margin:0 auto}.detail-page__content{padding:0 var(--space-4);margin-top:-80px}.detail-page__title{font-size:var(--font-size-2xl)}.detail-page__actions{flex-direction:column}.detail-page__actions .btn{width:100%}.browse-page__filters{flex-direction:column;align-items:flex-start}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.watch-page__player-wrapper{border-radius:0;padding:0}.watch-page__info{padding:var(--space-4)}.watch-page__title{font-size:var(--font-size-xl)}.watch-page__episode-nav{padding:0 var(--space-4) var(--space-4);flex-direction:column}.watch-page__episode-nav .btn{width:100%}.episode-card{flex-direction:column}.episode-card__thumb{width:100%}.modal{padding:var(--space-3);align-items:flex-end}.modal__content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:unset;max-width:unset}.footer__links{gap:var(--space-8)}.footer__bottom{text-align:center;flex-direction:column}.not-found-page__code{font-size:clamp(4rem,25vw,8rem)}}@media (width<=374px){:root{--card-width:130px}.navbar{padding:0 var(--space-4)}.hero__title{font-size:1.5rem}.search-bar__input{width:150px}.browse-page__grid,.search-page__grid,.bookmarks-page__grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none){.movie-card__overlay{opacity:1;background:linear-gradient(#0000 0%,#0a0a0f4d 50%,#0a0a0fe6 100%)}.movie-card__bookmark{opacity:1}.movie-row__arrow{display:none}.cast-card__image{transform:none}}@supports (padding:env(safe-area-inset-top)){.navbar{padding-left:max(var(--space-6), env(safe-area-inset-left));padding-right:max(var(--space-6), env(safe-area-inset-right))}.toast-container{bottom:max(var(--space-6), env(safe-area-inset-bottom))}.footer{padding-bottom:max(var(--space-8), env(safe-area-inset-bottom))}}