:root{--bg-primary: #0a0a0a;--bg-card: #161616;--bg-card-hover: #1e1e1e;--bg-elevated: #1a1a1a;--accent: #e50914;--accent-hover: #ff1a26;--text-primary: #f1f1f1;--text-secondary: #8a8a8a;--text-muted: #555;--border: #2a2a2a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.skeleton-pulse{background:linear-gradient(90deg,#1a1a1a 25%,#252525,#1a1a1a 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s ease;letter-spacing:.02em}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);transform:scale(1.03)}.btn--secondary{background:#ffffff1a;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.btn--secondary:hover{background:#fff3}.btn--active{background:#e5091433;color:var(--accent);border:1px solid var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 4%;height:var(--nav-height);transition:background .3s ease;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.navbar--scrolled{background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar__inner{display:flex;align-items:center;height:100%;gap:32px;max-width:1600px;margin:0 auto}.navbar__logo{font-family:var(--font-display);font-size:1.8rem;letter-spacing:3px;color:var(--text-primary);flex-shrink:0;display:flex;align-items:center;height:100%;line-height:1}.navbar__logo span{color:var(--accent)}.navbar__links{display:flex;gap:24px}.navbar__links a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .2s;position:relative}.navbar__links a:hover,.navbar__links a.active{color:var(--text-primary)}.navbar__links a.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent);border-radius:1px}.navbar__search-wrapper{margin-left:auto;display:flex;align-items:center;gap:8px}.navbar__search-toggle{background:none;color:var(--text-secondary);padding:6px;display:flex}.navbar__search-toggle:hover{color:var(--text-primary)}.navbar__search{width:260px}.navbar__search input{width:100%;padding:9px 14px;background:#ffffff14;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .2s}.navbar__search input::placeholder{color:var(--text-muted)}.navbar__search input:focus{border-color:var(--accent)}.hero{position:relative;min-height:85vh;display:flex;align-items:flex-end;padding:0 4% 60px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-bg, none);background-size:cover;background-position:center 20%;filter:blur(5px) brightness(1);transform:scale(1);z-index:0}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 50%),linear-gradient(to right,var(--bg-primary) 0%,transparent 60%),#0000004d}.hero__content{position:relative;z-index:2;max-width:650px}.hero__badge{display:inline-block;padding:4px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;background:var(--accent);border-radius:3px;margin-bottom:16px}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:2px;line-height:1;margin-bottom:16px}.hero__meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.hero__rating{color:#f5c518;font-weight:600}.hero__plot{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero__actions{display:flex;gap:12px}.hero--loading{min-height:85vh;display:flex;align-items:flex-end;padding:0 4% 80px;background:var(--bg-primary)}.content-row{margin-bottom:40px}.content-row__title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:1.5px;margin-bottom:16px}.content-row__wrapper{position:relative}.content-row__scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.content-row__scroll::-webkit-scrollbar{display:none}.content-row__arrow{position:absolute;top:0;bottom:0;width:48px;z-index:5;background:#0009;color:#fff;font-size:2rem;border:none;opacity:0;transition:opacity .2s}.content-row__wrapper:hover .content-row__arrow{opacity:1}.content-row__arrow--left{left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.content-row__arrow--right{right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.movie-card{flex-shrink:0;width:180px;scroll-snap-align:start;transition:transform .25s ease;display:block}.movie-card:hover{transform:scale(1.05)}.movie-card__poster{position:relative;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.movie-card__poster img{width:100%;height:100%;object-fit:cover}.movie-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .25s}.movie-card:hover .movie-card__overlay{opacity:1}.movie-card__play{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.movie-card__rating-badge{position:absolute;top:8px;left:8px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f5c518;font-size:.72rem;font-weight:700;padding:3px 7px;border-radius:4px;z-index:2}.movie-card__info{padding:10px 4px 0}.movie-card__info h3{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card__info p{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.movie-card__badge{font-size:.65rem;text-transform:uppercase;padding:1px 6px;background:#ffffff1a;border-radius:3px;letter-spacing:.5px}.movie-card__rating{color:#f5c518;font-weight:600;font-size:.75rem}.movie-card--skeleton{width:180px;flex-shrink:0}.movie-card--skeleton .movie-card__poster{aspect-ratio:2/3;border-radius:var(--radius-md)}.page__content{padding:0 4%;max-width:1600px;margin:0 auto}.page--search,.page--details{min-height:100vh}.page--search{padding-top:calc(var(--nav-height) + 32px);padding-left:4%;padding-right:4%;max-width:1600px;margin:0 auto}.search-header{margin-bottom:32px}.search-header h1{font-family:var(--font-display);font-size:2rem;letter-spacing:1px}.highlight{color:var(--accent)}.search-header__count{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 16px}.search-grid .movie-card{width:100%}.search-load-more{text-align:center;padding:40px 0 60px}.watchlist-card-wrapper{position:relative}.watchlist-remove{position:absolute;top:6px;right:6px;z-index:3;width:28px;height:28px;border-radius:50%;background:#000000bf;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s}.watchlist-card-wrapper:hover .watchlist-remove{opacity:1}.watchlist-remove:hover{background:var(--accent)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state svg{margin:0 auto 16px;color:var(--text-muted)}.empty-state h2{font-size:1.3rem;color:var(--text-primary);margin-bottom:8px}.details-hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden}.details-hero--full{min-height:100vh;align-items:flex-end;padding-bottom:60px}.details-hero--compact{min-height:500px}.details-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--detail-bg, none);background-size:cover;background-position:center;filter:blur(10px) brightness(1);transform:scale(1)}.details-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 60%),linear-gradient(to right,rgba(10,10,10,.9) 30%,transparent 70%);z-index:1}.details-hero__content{position:relative;z-index:2;display:flex;gap:40px;padding:calc(var(--nav-height) + 40px) 4% 48px;max-width:1600px;margin:0 auto;width:100%}.details-hero__poster{width:260px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000080;flex-shrink:0}.details-hero__info{flex:1;min-width:0}.details-hero__info h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:2px;line-height:1.1;margin-bottom:12px}.details-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.details-meta__rated{padding:1px 8px;border:1px solid var(--text-secondary);border-radius:3px;font-size:.8rem}.details-rating{display:flex;align-items:baseline;gap:4px;margin-bottom:20px}.details-rating__star{color:#f5c518;font-size:1.2rem}.details-rating__score{font-size:1.5rem;font-weight:700}.details-rating__max{color:var(--text-secondary);font-size:.9rem}.details-rating__votes{color:var(--text-muted);font-size:.85rem;margin-left:8px}.details-plot{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:600px}.details-credits{font-size:.88rem;color:var(--text-secondary);margin-bottom:28px;line-height:1.8}.details-credits strong{color:var(--text-primary);font-weight:500}.details-actions{display:flex;gap:12px;flex-wrap:wrap}.details-skeleton{display:flex;gap:40px;padding:60px 4%;max-width:1200px}.episode-picker{padding:40px 4%;max-width:1600px;margin:0 auto}.episode-picker__header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.episode-picker__header h2{font-family:var(--font-display);font-size:1.5rem;letter-spacing:1.5px}.episode-picker__select{padding:8px 16px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;outline:none;cursor:pointer}.episode-picker__select:focus{border-color:var(--accent)}.episode-picker__list{display:flex;flex-direction:column;gap:6px}.episode-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border-radius:var(--radius-md);width:100%;text-align:left;color:var(--text-primary);transition:background .2s}.episode-item:hover{background:var(--bg-card-hover)}.episode-item__number{font-family:var(--font-display);font-size:1.5rem;color:var(--text-muted);width:36px;text-align:center;flex-shrink:0}.episode-item__info{flex:1;min-width:0}.episode-item__info h4{font-weight:600;font-size:.95rem}.episode-item__info p{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.episode-item__play{width:28px;height:28px;color:var(--text-muted);flex-shrink:0;transition:color .2s}.episode-item:hover .episode-item__play{color:var(--accent)}.episode-item--skeleton{padding:0;background:none}.page--player{padding-top:var(--nav-height);background:#000;min-height:100vh}.player-topbar{display:flex;align-items:center;gap:16px;padding:12px 4%}.player-topbar__back{display:flex;align-items:center;gap:4px;background:none;color:var(--text-secondary);font-size:.9rem;transition:color .2s}.player-topbar__back:hover{color:var(--text-primary)}.player-topbar__title{flex:1}.player-topbar__title h2{font-size:1rem;font-weight:600}.player-topbar__title span{font-size:.82rem;color:var(--text-secondary)}.player-topbar__next{margin-left:auto;padding:8px 20px;font-size:.85rem;white-space:nowrap}.player-frame{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 160px);background:#000}.player-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.player-episodes{padding:24px 4%;background:var(--bg-primary)}.player-episodes__header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.player-episodes__header h3{font-family:var(--font-display);font-size:1.3rem;letter-spacing:1px}.player-episodes__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.player-ep-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;min-width:100px;transition:all .2s}.player-ep-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.player-ep-btn__num{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary)}.player-ep-btn__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.player-ep-btn--active{background:#e5091426;border:1px solid var(--accent)}.player-ep-btn--active .player-ep-btn__num{color:var(--accent)}.player-ep-btn__now{font-size:.7rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navbar__hamburger{display:none;background:none;padding:4px;flex-direction:column;gap:5px}.navbar__hamburger-line{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.navbar__hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger-line.open:nth-child(2){opacity:0}.navbar__hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:260px;background:#111;z-index:200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}.mobile-drawer__header{padding:20px 24px;border-bottom:1px solid var(--border)}.mobile-drawer__logo{font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;color:var(--text-primary)}.mobile-drawer__logo span{color:var(--accent)}.mobile-drawer__links{display:flex;flex-direction:column;padding:16px 0}.mobile-drawer__links a{display:flex;align-items:center;gap:14px;padding:14px 24px;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .2s}.mobile-drawer__links a:hover,.mobile-drawer__links a.active{color:var(--text-primary);background:#ffffff0d}.mobile-drawer__links a.active{border-left:3px solid var(--accent)}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__links{display:none}.navbar__search{width:180px}.hero{min-height:70vh;padding-bottom:40px}.hero__title{font-size:2rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;justify-content:center}.details-hero__content{flex-direction:column;align-items:center;text-align:center}.details-hero__poster{width:200px}.details-hero__info h1{font-size:2rem}.details-meta,.details-rating{justify-content:center}.details-plot{max-width:100%}.details-actions{justify-content:center}.movie-card{width:140px}.search-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 10px}}