body{background:#020617;color:#e2e8f0}.logo-mark{color:#fff;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.header-search{gap:8px}.search-field,.filter-input,.filter-select{background:rgba(15,23,42,.78);border:1px solid rgba(51,65,85,.9);color:#e2e8f0;border-radius:999px;padding:10px 16px;outline:none;min-width:190px}.search-field:focus,.filter-input:focus,.filter-select:focus{border-color:rgba(34,211,238,.8);box-shadow:0 0 0 3px rgba(34,211,238,.13)}.search-button{background:linear-gradient(90deg,#06b6d4,#3b82f6);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}.mobile-menu{display:none}.mobile-menu.open{display:block}.menu-bars{font-size:24px;line-height:1}.hero-stage{background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease,transform .8s ease;transform:scale(1.02)}.hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.hero-dot{width:44px;height:4px;border-radius:999px;background:rgba(148,163,184,.4);transition:all .3s ease}.hero-dot.active{width:68px;background:linear-gradient(90deg,#06b6d4,#3b82f6)}.poster-frame{background:linear-gradient(135deg,rgba(8,47,73,.7),rgba(15,23,42,.95))}.play-dot{color:#fff;font-size:26px;padding-left:3px}.mini-tag,.tag-pill{display:inline-flex;align-items:center;border:1px solid rgba(34,211,238,.25);background:rgba(8,145,178,.12);color:#67e8f9;border-radius:999px;font-size:12px;padding:4px 10px}.latest-strip{width:max-content}.category-card{min-height:190px;display:block}.rank-row,.rank-page-row{display:flex;align-items:center;gap:16px;border:1px solid rgba(51,65,85,.65);background:rgba(30,41,59,.5);border-radius:18px;padding:12px;transition:all .3s ease}.rank-row:hover,.rank-page-row:hover{border-color:rgba(34,211,238,.5);background:rgba(30,41,59,.85);transform:translateY(-2px);box-shadow:0 20px 45px rgba(6,182,212,.12)}.rank-row img{width:110px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.rank-page-row img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.rank-num{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:white;font-weight:900}.rank-num.large{width:56px;height:56px}.rank-copy{min-width:0;flex:1;display:flex;flex-direction:column}.rank-copy strong{color:#fff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy em{font-style:normal;color:#94a3b8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy small{color:#64748b;font-size:12px;margin-top:4px}.rank-views{color:#67e8f9;font-size:13px;font-weight:700}.filter-panel{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:16px;border:1px solid rgba(51,65,85,.65);background:rgba(15,23,42,.55);border-radius:24px}.filter-input{flex:1;min-width:260px}.empty-state{display:none;text-align:center;color:#94a3b8;padding:48px 0;font-size:18px}.empty-state.show{display:block}.bg-radial-glow{background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.18),transparent 55%)}.player-shell{border-radius:24px;overflow:hidden;background:#000;border:1px solid rgba(51,65,85,.75);box-shadow:0 24px 80px rgba(0,0,0,.35)}.movie-player{display:block;width:100%;aspect-ratio:16/9;background:#000}.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scrollbar-width:none}.movie-card.hidden-card,.rank-page-row.hidden-card{display:none!important}@media(max-width:767px){.rank-row,.rank-page-row{gap:10px;padding:10px}.rank-row img,.rank-page-row img{width:92px}.rank-num{width:38px;height:38px;font-size:13px}.rank-num.large{width:42px;height:42px}.rank-views{display:none}.rank-copy strong{font-size:14px}.filter-input{min-width:100%}.hero-slide h1,.hero-slide h2{font-size:42px}.search-field{min-width:0;flex:1}.header-search{width:100%}}