*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-card: #141420;--bg-hover: #1a1a2e;--accent: #e74c3c;--accent-dim: #a33025;--accent-glow: rgba(231,76,60,.35);--text: #eeeef5;--text-dim: #8888aa;--border: #222235;--gold: #f5c518;--radius: 10px;--navbar-h: 64px}html,body{background:var(--bg);color:var(--text);font-family:Outfit,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}img{display:block}#navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);display:flex;align-items:center;gap:28px;padding:0 48px;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,transparent 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:100;transition:background .3s,backdrop-filter .3s}#navbar.scrolled{background:#0a0a0ff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-size:1.3rem;font-weight:900;letter-spacing:-.02em;color:var(--accent);flex-shrink:0}.nav-logo span{color:var(--text)}.nav-links{display:flex;gap:20px;flex:1}.nav-link{font-size:.85rem;font-weight:600;color:var(--text-dim);transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-right{display:flex;align-items:center;gap:14px;margin-left:auto}.nav-icon-btn{background:none;border:none;font-size:1.1rem;padding:6px;border-radius:6px;color:var(--text-dim);transition:color .15s,background .15s}.nav-icon-btn:hover{color:var(--text);background:#ffffff0f}.search-bar{position:absolute;top:calc(var(--navbar-h) + 4px);right:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px 8px;display:flex;align-items:center;width:320px;box-shadow:0 8px 32px #00000080}.search-bar input{background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.9rem;padding:6px 8px;width:100%}.btn-login{background:var(--accent);color:#fff;font-weight:700;font-size:.82rem;padding:7px 16px;border-radius:8px;border:none;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.btn-login:hover{background:#c0392b;transform:scale(1.03)}.user-menu{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.user-menu span{font-size:.85rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:140px;box-shadow:0 8px 32px #0006;overflow:hidden}.user-menu:hover .user-dropdown{display:block}.dropdown-item{width:100%;padding:10px 16px;text-align:left;background:none;color:var(--text-dim);font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:200}.loading-spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;height:80vh;min-height:500px;max-height:800px;overflow:hidden;margin-top:calc(-1 * var(--navbar-h))}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;transition:background-image .5s ease}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(10,10,15,.85) 0%,rgba(10,10,15,.4) 50%,transparent 100%),linear-gradient(to top,rgba(10,10,15,1) 0%,transparent 40%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 56px 80px;max-width:640px}.hero-badge{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--accent);background:#e74c3c1f;border:1px solid rgba(231,76,60,.4);border-radius:4px;padding:3px 10px;display:inline-block;margin-bottom:12px;width:fit-content}.hero-content h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:14px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-content p{font-size:.95rem;color:#eeeef5d9;line-height:1.55;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.meta-badge{font-size:.72rem;padding:2px 8px;border-radius:4px;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.meta-badge.gold{color:var(--gold);background:#f5c5181f;border-color:#f5c5184d}.hero-btns{display:flex;gap:12px}.btn-watch{background:linear-gradient(135deg,var(--accent),#c0392b);color:#fff;font-weight:700;font-size:.9rem;padding:11px 26px;border-radius:8px;border:none;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 20px #e74c3c59;display:inline-flex;align-items:center;gap:6px}.btn-watch:hover{opacity:.9;transform:scale(1.02);box-shadow:0 6px 28px #e74c3c80}.btn-watch:active{transform:scale(.97)}.btn-info{background:#ffffff1f;color:var(--text);font-weight:700;font-size:.9rem;padding:11px 26px;border-radius:8px;border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-info:hover{background:#fff3}.page{min-height:100vh}.hidden{display:none!important}.page-header{padding:100px 48px 20px}.page-header h1{font-size:2rem;font-weight:900}.rows-container{padding:0 0 60px}.row{padding:20px 0}.row-header{display:flex;align-items:center;gap:10px;padding:0 48px;margin-bottom:14px}.row-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.row-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 48px 12px;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.card{flex-shrink:0;width:150px;cursor:pointer;border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative;background:var(--bg-card)}.card:hover{transform:scale(1.07) translateY(-4px);box-shadow:0 16px 40px #0009;z-index:2}.card-poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:var(--bg-card)}.card-placeholder{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,#1a1a30,#0e0e1a);color:var(--text-dim)}.card-info{padding:8px 10px 10px}.card-title{font-size:.78rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:.68rem;color:var(--text-dim);margin-top:3px}.card-watchlist-btn{position:absolute;top:6px;right:6px;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover .card-watchlist-btn{opacity:1}.card-watchlist-btn:hover{background:#e74c3ccc}.card-watchlist-btn.in-list{opacity:1;color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:20px 48px 60px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 24px;text-align:center}.empty-icon{font-size:4rem}.empty-state h2{font-size:1.4rem;font-weight:700}.empty-state p{color:var(--text-dim);font-size:.92rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#161622;border-radius:14px;border:1px solid var(--border);max-width:760px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px #000000b3;animation:slideUp .25s ease;scrollbar-width:thin;scrollbar-color:var(--border) transparent}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.modal-close{position:sticky;float:right;top:12px;right:12px;background:#0009;color:var(--text);border:none;border-radius:50%;width:34px;height:34px;font-size:.9rem;cursor:pointer;z-index:10;margin:12px 12px 0 0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.modal-close:hover{background:var(--accent)}.modal-backdrop{width:100%;height:240px;background-size:cover;background-position:center;border-radius:14px 14px 0 0;margin-top:-46px}.modal-body{display:flex;gap:22px;padding:20px 24px 28px}.modal-poster-wrap{flex-shrink:0;width:130px;margin-top:-80px;z-index:2;position:relative}.modal-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 8px 32px #0009;border:2px solid var(--border)}.modal-info{flex:1;min-width:0}.modal-info h2{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}.modal-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.modal-overview{font-size:.88rem;color:#eeeef5cc;line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.btn-watchlist{background:#ffffff14;color:var(--text);font-weight:700;font-size:.88rem;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.18);cursor:pointer;transition:background .15s}.btn-watchlist:hover{background:#ffffff26}.btn-watchlist.in-list{border-color:var(--accent);color:var(--accent)}.modal-sources{font-size:.82rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:14px}.watch-modal{max-width:480px}.watch-modal-content{padding:32px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.watch-modal-icon{font-size:3rem}.watch-modal-content h2{font-size:1.4rem;font-weight:900}.watch-modal-sub{color:var(--text-dim);font-size:.9rem}.watch-input-wrap{display:flex;gap:8px;width:100%}.watch-input-wrap input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .15s}.watch-input-wrap input:focus{border-color:var(--accent)}.watch-divider{display:flex;align-items:center;gap:12px;width:100%;color:var(--text-dim);font-size:.82rem}.watch-divider:before,.watch-divider:after{content:"";flex:1;height:1px;background:var(--border)}.watch-hint{font-size:.88rem;color:var(--text-dim)}.watch-hint code{color:var(--accent);background:#e74c3c1a;padding:2px 7px;border-radius:4px;font-family:Cascadia Code,monospace}.watch-hint-sub{font-size:.78rem;color:var(--text-dim);opacity:.7}@media(max-width:768px){#navbar{padding:0 18px;gap:14px}.nav-links{display:none}.hero-content{padding:0 20px 64px}.hero-content h1{font-size:1.8rem}.page-header{padding:90px 18px 16px}.row-header{padding:0 18px}.row-scroll{padding:4px 18px 12px}.card-grid{padding:16px 18px 48px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.modal-body{flex-direction:column}.modal-poster-wrap{width:100px;margin-top:-60px}.search-bar{right:18px;left:18px;width:auto}}