*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07070d;--bg2: #0f0f18;--bg3: #181824;--bg4: #21212f;--accent: #e50914;--accent-hover: #ff2020;--accent-glow: rgba(229,9,20,.3);--text: #f0f0f8;--text2: #a8a8c0;--text3: #5a5a78;--card-radius: 10px;--nav-h: 68px;--transition: .22s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;gap:28px;padding:0 48px;z-index:1000;background:linear-gradient(to bottom,rgba(7,7,13,.9) 0%,transparent 100%);transition:background var(--transition),backdrop-filter var(--transition)}.navbar.scrolled{background:#07070df7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 1px 32px #00000080}.nav-logo{font-size:1.3rem;font-weight:800;color:var(--text);cursor:pointer;white-space:nowrap;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;transition:opacity var(--transition)}.nav-logo:hover{opacity:.85}.nav-links{display:flex;gap:2px}.nav-link{padding:7px 15px;border-radius:22px;font-size:.83rem;font-weight:500;color:var(--text2);transition:all var(--transition);cursor:pointer;display:flex;align-items:center;gap:6px}.nav-link:hover{background:#ffffff12;color:var(--text)}.nav-link.active{background:#ffffff1a;color:var(--text)}.nav-right{margin-left:auto;position:relative}.search-wrapper{position:relative}.search-bar{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:all var(--transition);width:240px;padding:0 14px;gap:8px}.search-bar:focus-within{background:#ffffff1a;border-color:#fff3;width:310px;box-shadow:0 0 0 3px #ffffff0a}.search-icon{color:var(--text3);flex-shrink:0;transition:color var(--transition)}.search-bar:focus-within .search-icon{color:var(--text2)}.search-bar input{background:none;border:none;outline:none;padding:10px 0;color:var(--text);font-size:.875rem;width:100%;font-family:Inter,sans-serif}.search-bar input::placeholder{color:var(--text3)}.search-clear{background:none;border:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%;transition:color var(--transition),background var(--transition);flex-shrink:0}.search-clear:hover{color:var(--text);background:#ffffff1a}.search-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:390px;background:var(--bg2);border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #000c,0 0 0 1px #ffffff08;z-index:2000;display:none;animation:dropIn .18s cubic-bezier(.4,0,.2,1)}.search-dropdown.open{display:block}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:12px 16px 8px;font-size:.7rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background var(--transition)}.dropdown-item:hover{background:#ffffff0d}.dropdown-item img{width:40px;height:60px;object-fit:cover;border-radius:6px;background:var(--bg3);flex-shrink:0}.dropdown-item-info{flex:1;min-width:0}.dropdown-item-title{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-meta{font-size:.74rem;color:var(--text3);margin-top:3px;display:flex;gap:8px;align-items:center}.dropdown-item-rating{color:#f5c518;display:flex;align-items:center;gap:3px}.dropdown-item-play{background:var(--accent);border:none;color:#fff;border-radius:7px;padding:6px 11px;font-size:.72rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:background var(--transition),transform var(--transition)}.dropdown-item-play:hover{background:var(--accent-hover);transform:scale(1.04)}.dropdown-loading,.dropdown-empty{padding:28px 16px;text-align:center;color:var(--text3);font-size:.85rem}.dropdown-view-all{padding:12px 16px;text-align:center;font-size:.8rem;color:var(--accent);cursor:pointer;border-top:1px solid rgba(255,255,255,.05);transition:background var(--transition);font-weight:600;letter-spacing:.2px}.dropdown-view-all:hover{background:#e5091412}.hero{position:relative;height:92vh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;transform:scale(1.05);transition:background-image .8s ease,opacity .5s ease}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#07070df7,#07070d80 48%,#07070d0d),linear-gradient(to top,rgba(7,7,13,1) 0%,rgba(7,7,13,.3) 40%,transparent 100%)}.hero-content{position:relative;padding:0 64px 90px;max-width:620px;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.hero-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;padding:5px 10px;border-radius:5px;letter-spacing:.8px;text-transform:uppercase}.hero-type{font-size:.75rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:1.2px}.hero-title{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;line-height:1.06;margin-bottom:16px;letter-spacing:-1.5px}.hero-desc{font-size:.93rem;color:var(--text2);line-height:1.7;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;gap:20px;margin-bottom:30px;font-size:.82rem;color:var(--text2);flex-wrap:wrap;align-items:center}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta .rating{color:#f5c518;font-weight:700;font-size:.9rem}.hero-buttons{display:flex;gap:12px}.btn-play{background:var(--accent);color:#fff;border:none;padding:13px 28px;border-radius:9px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px;letter-spacing:.1px}.btn-play:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 28px var(--accent-glow)}.btn-info{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);padding:13px 28px;border-radius:9px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px}.btn-info:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffffff40}.hero-dots{position:absolute;bottom:32px;right:64px;display:flex;gap:8px;z-index:3}.hero-dot{width:6px;height:6px;border-radius:99px;border:none;background:#ffffff4d;cursor:pointer;transition:all var(--transition);padding:0}.hero-dot.active{background:#fff;width:22px}.main-content{padding:24px 48px 80px;background:var(--bg);position:relative;z-index:1}.content-section{margin-bottom:44px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--text2)}.section-header svg{flex-shrink:0;opacity:.7}.section-title{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.2px}.section-title span{color:var(--text3);font-weight:400;font-size:.9rem}#continueWatchingSection .section-header svg{color:var(--text2);opacity:.8}.cw-wrapper{flex:0 0 158px;position:relative;scroll-snap-align:start}.cw-card{position:relative}.cw-remove{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.15);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;opacity:0;transition:opacity var(--transition),background var(--transition),transform var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cw-card:hover .cw-remove,.cw-wrapper:hover .cw-remove{opacity:1}.cw-remove:hover{background:var(--accent);border-color:transparent;transform:scale(1.15)}.cw-sub{font-size:.68rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.cw-play-btn{background:#ffffff26!important;border:1px solid rgba(255,255,255,.2)}.cw-play-btn:hover{background:var(--accent)!important;border-color:transparent}.cw-card-removing,.cw-removing{opacity:0;transform:scale(.88);transition:opacity .22s ease,transform .22s ease;pointer-events:none}#recommendedSection .section-header svg{color:#ff6b9d;opacity:1}#recommendedSection .section-title{color:#ff6b9d}.scroll-row-wrapper{position:relative;display:flex;align-items:center}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0f0f18eb;border:1px solid rgba(255,255,255,.12);color:var(--text);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),transform var(--transition),opacity var(--transition),box-shadow var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0009;flex-shrink:0}.scroll-arrow:hover{background:var(--accent);border-color:transparent;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px var(--accent-glow)}.scroll-arrow-prev{left:-14px;z-index:11}.scroll-arrow-next{right:-14px;z-index:11}.scroll-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.scroll-row::-webkit-scrollbar{display:none}.card{flex:0 0 158px;scroll-snap-align:start;cursor:pointer;transition:transform .28s cubic-bezier(.2,0,0,1),box-shadow .28s;position:relative;border-radius:var(--card-radius);overflow:hidden;background:var(--bg3)}.card:hover{transform:translateY(-8px) scale(1.035);box-shadow:0 24px 48px #000000b3,0 0 0 1px #ffffff12;z-index:10}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;transition:transform .4s ease}.card:hover img{transform:scale(1.04)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);opacity:0;transition:opacity var(--transition);pointer-events:none;border-radius:var(--card-radius)}.card:hover:after{opacity:1}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.35) 60%,transparent 100%);padding:40px 10px 11px;opacity:0;transition:opacity .22s}.card:hover .card-overlay{opacity:1}.card-title{font-size:.77rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.card-rating{font-size:.7rem;color:#f5c518;display:flex;align-items:center;gap:3px;margin-bottom:8px}.card-play-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:7px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:background var(--transition)}.card-play-btn:hover{background:var(--accent-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}.grid .card{flex:none;width:100%}.skeleton{flex:0 0 158px;aspect-ratio:2/3;border-radius:var(--card-radius);background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.grid .skeleton{flex:none;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:2000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.open{display:flex}.modal-box{background:var(--bg2);border-radius:18px;max-width:880px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.07);box-shadow:0 32px 96px #000000e6;animation:modalIn .24s cubic-bezier(.4,0,.2,1)}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:14px;right:14px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all var(--transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-close:hover{background:var(--accent);border-color:transparent;transform:scale(1.1)}.modal-hero{height:250px;background-size:cover;background-position:center 20%;border-radius:18px 18px 0 0;background-color:var(--bg3);position:relative}.modal-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--bg2) 100%);border-radius:18px 18px 0 0}.modal-body{display:flex;gap:26px;padding:24px 28px 28px}.modal-left{flex:0 0 148px}.modal-left img{width:148px;border-radius:10px;box-shadow:0 12px 32px #0009;margin-top:-62px;position:relative;z-index:2;display:block;background:var(--bg3);border:2px solid rgba(255,255,255,.07)}.modal-right{flex:1}.modal-right h2{font-size:1.55rem;font-weight:900;margin-bottom:10px;letter-spacing:-.6px;line-height:1.2}.modal-meta{display:flex;gap:14px;font-size:.8rem;color:var(--text2);margin-bottom:14px;flex-wrap:wrap;align-items:center}.modal-meta span{display:flex;align-items:center;gap:5px}.modal-meta .rating{color:#f5c518;font-weight:700}.modal-right p{color:var(--text2);font-size:.875rem;line-height:1.72;margin-bottom:18px}.modal-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.genre-tag{background:var(--bg3);color:var(--text2);padding:5px 13px;border-radius:20px;font-size:.73rem;font-weight:500;border:1px solid rgba(255,255,255,.07);transition:all var(--transition)}.genre-tag:hover{background:var(--bg4);color:var(--text)}.modal-play-btn{width:100%;padding:14px;font-size:.95rem;justify-content:center;border-radius:10px}.season-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.84rem;color:var(--text2)}.season-row select{background:var(--bg3);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 12px;font-family:Inter,sans-serif;font-size:.84rem;cursor:pointer;outline:none;transition:border-color var(--transition)}.season-row select:focus{border-color:#ffffff40}.episode-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}.ep-row{display:flex;gap:14px;align-items:flex-start;padding:10px;border-radius:10px;cursor:pointer;transition:background var(--transition);border:1px solid transparent}.ep-row:hover{background:#ffffff0d;border-color:#ffffff0f}.ep-row.ep-active{background:#e5091414;border-color:#e509144d}.ep-row.ep-watched .ep-number{color:var(--text3)}.ep-thumb{position:relative;flex:0 0 120px;height:68px;border-radius:7px;overflow:hidden;background:var(--bg3)}.ep-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ep-row:hover .ep-thumb img{transform:scale(1.05)}.ep-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg3)}.ep-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity var(--transition)}.ep-row:hover .ep-play-overlay{opacity:1}.ep-watched-badge{position:absolute;bottom:5px;left:5px;background:#000000b3;color:var(--text2);font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase}.ep-info{flex:1;min-width:0;padding-top:2px}.ep-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.ep-number{font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ep-meta{font-size:.72rem;color:var(--text3);white-space:nowrap;flex-shrink:0}.ep-overview{font-size:.76rem;color:var(--text3);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.player-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:3000;flex-direction:column;overflow:hidden}.player-overlay.open{display:flex}.player-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.player-close{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#141414d9;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 20px;font-size:.82rem;font-weight:700;cursor:pointer;z-index:10;font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;transition:all var(--transition);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 16px #00000080;white-space:nowrap}.player-close:hover{background:var(--accent);border-color:transparent;transform:translate(-50%) scale(1.05);box-shadow:0 4px 20px var(--accent-glow)}#playerFrame{width:100%;height:100%;border:none}.empty-state{text-align:center;padding:72px 20px;color:var(--text3);grid-column:1/-1}.empty-state svg{opacity:.25;margin-bottom:14px;display:block;margin-inline:auto}.empty-state h3{font-size:1.1rem;color:var(--text2);margin-bottom:6px;font-weight:600}.empty-state p{font-size:.85rem}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.genre-bar{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 14px;scrollbar-width:none;-ms-overflow-style:none;margin-top:-4px}.genre-bar::-webkit-scrollbar{display:none}.genre-pill{flex-shrink:0;padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text2);font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1}.genre-pill:hover{background:#ffffff1a;color:var(--text);border-color:#fff3}.genre-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.bookmark-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#000000b8;border:1px solid rgba(255,255,255,.13);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;opacity:0;transition:opacity var(--transition),background var(--transition),transform var(--transition),color var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;padding:0}.card:hover .bookmark-btn{opacity:1}.bookmark-btn:hover{background:#000000e6;transform:scale(1.12);color:var(--text)}.bookmark-btn--saved{opacity:1;background:var(--accent);border-color:transparent;color:#fff}.bookmark-btn--saved:hover{background:var(--accent-hover);color:#fff}@keyframes bookmark-pulse{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.bookmark-btn--pulse{animation:bookmark-pulse .35s cubic-bezier(.4,0,.2,1)}.modal-actions{display:flex;gap:10px;margin-bottom:0}.modal-actions .modal-play-btn{flex:1;margin-bottom:0}.modal-wl-btn{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:14px 18px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.modal-wl-btn--saved{background:var(--accent)!important;border-color:transparent!important;color:#fff!important}.modal-wl-btn--saved:hover{background:var(--accent-hover)!important}.modal-wl-btn--under-poster{width:100%;margin-top:10px;justify-content:center;padding:10px 12px;font-size:.82rem}.watchlist-empty{flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text3);gap:14px}.watchlist-empty h3{font-size:1.1rem;color:var(--text2);font-weight:600;margin:0}.watchlist-empty p{font-size:.85rem;margin:0}.wl-card--removing{opacity:0;transform:scale(.88);transition:opacity .22s ease,transform .22s ease;pointer-events:none}@media (max-width: 900px){.navbar{padding:0 28px;gap:16px}.main-content{padding:18px 28px 60px}.hero-content{padding:0 32px 72px}.hero-dots{right:32px}}@media (max-width: 640px){.navbar{padding:0 18px;gap:10px}.nav-links{display:none}.hero-content{padding:0 22px 52px}.hero-title{font-size:1.75rem;letter-spacing:-.8px}.hero-desc{font-size:.85rem;-webkit-line-clamp:2}.main-content{padding:14px 18px 48px}.modal-body{flex-direction:column}.modal-left img{margin-top:-44px}.modal-right h2{font-size:1.25rem}.search-bar{width:180px}.search-bar:focus-within{width:220px}.search-dropdown{width:290px;right:0}.hero-dots{right:22px;bottom:22px}}