body{min-height:100vh}.brand-mark{width:2rem;height:2rem;border-radius:.65rem;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 10px 24px rgba(37,99,235,.3)}.brand-mark.small{width:1.5rem;height:1.5rem;border-radius:.45rem;font-size:.7rem}.nav-drop-menu{display:none;position:absolute;right:0;top:100%;min-width:12rem}.nav-drop:hover .nav-drop-menu{display:block}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.5);transition:all .25s ease}.hero-dot.is-active{background:#fff;width:2rem}.hero-arrow{font-size:2rem;line-height:1}.page-hero{background:linear-gradient(135deg,#111827 0%,#1d4ed8 52%,#0f172a 100%);padding:4rem 0;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.35),transparent 30%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.22),transparent 32%);transform:rotate(8deg)}.page-hero>div{position:relative}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb a:hover{color:#2563eb}.category-tile{min-height:7rem;background:#fff;border-radius:1rem;box-shadow:0 10px 20px rgba(15,23,42,.06);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:all .25s ease}.category-tile:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(15,23,42,.1)}.category-tile span{font-weight:700;color:#111827}.category-tile small{color:#6b7280;line-height:1.35}.filter-control{width:100%;border:1px solid #e5e7eb;border-radius:.9rem;padding:.8rem 1rem;background:#fff;color:#111827;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.filter-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.filter-panel .search-empty{grid-column:1/-1}.rank-badge{position:absolute;left:.5rem;top:.5rem;width:2rem;height:2rem;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(37,99,235,.35)}.top-num{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.6rem;background:#2563eb;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.cat-preview{display:flex;flex-wrap:wrap;gap:.5rem}.cat-preview span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row{display:flex;align-items:center;gap:1rem}.rank-index{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.8rem;background:#eff6ff;color:#1d4ed8;font-weight:800;flex-shrink:0}.player-wrap video{display:block;width:100%;aspect-ratio:16/9;background:#000}.prevnext{display:flex;flex-direction:column;gap:.25rem}.prevnext span{font-size:.8rem;color:#6b7280}.prevnext strong{color:#111827}.movie-card img{background:#e5e7eb}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:640px){.hero-arrow{display:none}.page-hero{padding:3rem 0}.ranking-row{align-items:flex-start}.rank-index{width:2rem;height:2rem}.player-wrap video{aspect-ratio:16/9}}