:root{--cyan:#06b6d4;--blue:#2563eb;--pink:#db2777;--ink:#1f2937}html{scroll-behavior:smooth}.site-header{background-color:rgba(236,254,255,.92)}.nav-link{color:#374151;font-weight:600;transition:color .2s ease}.nav-link:hover,.nav-link.is-active{color:#0891b2}.section-icon{font-size:2rem;line-height:1}.hero{background:#111827}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.48),rgba(0,0,0,.08)),var(--hero-img),radial-gradient(circle at 80% 20%,rgba(6,182,212,.3),transparent 35%),linear-gradient(135deg,#0f172a,#164e63 52%,#831843);background-size:cover;background-position:center}.hero-copy{filter:drop-shadow(0 10px 28px rgba(0,0,0,.28))}.hero-dot{height:12px;width:12px;border-radius:999px;background:rgba(255,255,255,.55);transition:all .25s ease}.hero-dot.is-active{width:32px;background:#fff}.tag-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(236,254,255,.94);color:#0e7490;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.movie-card{position:relative}.poster-wrap{background:linear-gradient(135deg,#0f172a,#155e75 48%,#9d174d);position:relative}.poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:white;font-weight:700;padding:1rem;background:linear-gradient(135deg,rgba(6,182,212,.45),rgba(37,99,235,.35),rgba(219,39,119,.35));z-index:0}.poster-img{position:relative;z-index:1;background:#111827}.poster-img.img-missing{opacity:0}.rank-badge{position:absolute;left:.6rem;top:.6rem;z-index:2;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:.75rem;font-weight:800;border-radius:999px;padding:.3rem .55rem;box-shadow:0 8px 18px rgba(0,0,0,.25)}.cat-thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#0f172a;height:130px;overflow:hidden}.cat-thumb{width:100%;height:100%;object-fit:cover;min-width:0;background:linear-gradient(135deg,#155e75,#9d174d)}.category-card:hover{transform:translateY(-4px)}.category-hero{position:relative;color:white;padding:5rem 0;background-image:linear-gradient(90deg,rgba(8,47,73,.85),rgba(15,23,42,.62)),var(--hero-img),linear-gradient(135deg,#0f172a,#155e75);background-position:center;background-size:cover}.category-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(236,72,153,.35),transparent 32%)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;color:#64748b;font-size:.9rem}.category-hero .breadcrumb{color:rgba(255,255,255,.85)}.breadcrumb a{color:#0891b2}.category-hero .breadcrumb a{color:#cffafe}.filter-panel{border:1px solid rgba(6,182,212,.14)}.filter-input,.filter-select{width:100%;border:1px solid #d1d5db;border-radius:999px;padding:.75rem 1rem;background:white;outline:none;transition:border-color .2s,box-shadow .2s}.filter-input:focus,.filter-select:focus{border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.14)}.filter-chip{border:1px solid #bae6fd;background:#fff;color:#0369a1;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;transition:all .2s}.filter-chip:hover,.filter-chip.is-active{background:linear-gradient(90deg,#06b6d4,#2563eb);color:white;border-color:transparent}.reset-btn{border-radius:999px;background:#0f172a;color:#fff;padding:.75rem 1rem;font-weight:700;transition:transform .2s,background .2s}.reset-btn:hover{background:#164e63;transform:translateY(-1px)}.empty-state{margin:2rem auto;text-align:center;background:#fff;border-radius:1rem;padding:2rem;color:#64748b;box-shadow:0 12px 30px rgba(15,23,42,.08)}.podium-card{display:block;background:white;border-radius:1rem;padding:1.25rem;box-shadow:0 18px 40px rgba(15,23,42,.1);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.podium-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(15,23,42,.16)}.podium-rank{position:absolute;top:1rem;left:1rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:999px;background:linear-gradient(135deg,#facc15,#f97316);display:flex;align-items:center;justify-content:center;color:white;font-size:1.3rem;font-weight:900;box-shadow:0 10px 25px rgba(249,115,22,.35)}.ranking-row{display:grid;grid-template-columns:3.8rem 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.ranking-row:last-child{border-bottom:0}.ranking-main{display:flex;flex-direction:column;min-width:0}.ranking-num{font-weight:900;font-size:1.25rem;color:#0891b2}.ranking-views{font-weight:700;color:#0e7490;white-space:nowrap}.player-shell{box-shadow:0 20px 60px rgba(15,23,42,.28)}.player-watermark{position:absolute;left:1rem;bottom:1rem;background:rgba(0,0,0,.55);color:white;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;pointer-events:none}.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.aspect-video{aspect-ratio:16/9}.hidden{display:none!important}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.container{width:100%;max-width:1200px}@media (max-width:768px){.ranking-row{grid-template-columns:2.8rem 1fr auto;padding:.9rem}.cat-thumb-grid{height:96px}.hero-copy h1{font-size:2rem}.movie-card.flex{gap:.75rem}.movie-card.flex .w-40,.movie-card.flex .w-48{width:8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}