.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-dot{height:.5rem;width:.5rem;border-radius:9999px;background:rgba(255,255,255,.5);transition:all .2s}.hero-dot.active{width:2rem;background:#fff}.site-top-search{height:2.5rem;border:1px solid #e5e7eb;border-radius:.75rem;padding:0 .9rem;background:#fff;color:#111827;outline:none;min-width:220px}.site-top-search:focus,.site-filter-input:focus,.site-select:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}.site-top-search-btn{height:2.5rem;width:2.5rem;border-radius:.75rem;background:linear-gradient(90deg,#dc2626,#db2777);color:white;display:flex;align-items:center;justify-content:center}.site-hero-search{display:flex;gap:.5rem;width:100%;max-width:520px}.site-hero-search input{flex:1;border:1px solid #e5e7eb;border-radius:.75rem;padding:.9rem 1rem;outline:none}.site-hero-search button{border-radius:.75rem;padding:.9rem 1.25rem;color:#fff;background:linear-gradient(90deg,#dc2626,#db2777);font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.category-tile{display:block;border:1px solid #f1f5f9;border-radius:1rem;padding:1rem;background:#fff;transition:all .2s}.category-tile:hover{box-shadow:0 20px 35px rgba(15,23,42,.1);transform:translateY(-2px)}.category-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.category-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.65rem;background:#e5e7eb}.rank-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border-radius:.75rem;color:#e5e7eb;transition:all .2s}.rank-row:hover{background:rgba(255,255,255,.08);color:#fff}.rank-no{width:2rem;height:2rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc2626,#db2777);font-weight:700}.rank-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-meta{font-size:.8rem;color:#9ca3af}.category-card-large{display:block;background:#fff;border-radius:1.25rem;box-shadow:0 10px 25px rgba(15,23,42,.08);overflow:hidden;transition:all .25s}.category-card-large:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(15,23,42,.12)}.category-card-images{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;background:#111827;padding:.25rem}.category-card-images img{width:100%;aspect-ratio:4/3;object-fit:cover}.page-hero:before{content:"";position:absolute;right:-8rem;top:-8rem;width:22rem;height:22rem;border-radius:9999px;background:rgba(220,38,38,.35);filter:blur(40px)}.site-filter-input{width:100%;height:3rem;border:1px solid #e5e7eb;border-radius:.9rem;padding:0 1rem 0 3rem;outline:none}.site-select{height:3rem;border:1px solid #e5e7eb;border-radius:.9rem;padding:0 1rem;background:#fff;outline:none}.no-results{padding:2rem;text-align:center;color:#6b7280;background:#fff;border-radius:1rem;margin-top:1rem}.pager-link{display:block;border-radius:1rem;background:#fff;padding:1rem 1.25rem;color:#dc2626;font-weight:600;box-shadow:0 6px 18px rgba(15,23,42,.07)}.top-rank-card{display:block}.rank-medal{border-radius:9999px;background:linear-gradient(90deg,#dc2626,#db2777);color:white;font-weight:700;padding:.35rem .75rem}.rank-table-row{display:grid;grid-template-columns:3rem 7rem 1fr auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #f1f5f9;transition:background .2s}.rank-table-row:hover{background:#f9fafb}.rank-table-row img{width:7rem;aspect-ratio:16/9;object-fit:cover;border-radius:.65rem;background:#e5e7eb}.rank-index{font-weight:800;color:#dc2626;text-align:center}.rank-info strong{display:block;color:#111827}.rank-info em{display:block;color:#6b7280;font-size:.875rem;font-style:normal}.rank-score{font-weight:800;color:#111827}.detail-hero{background:#111827}.detail-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2px);transform:scale(1.02)}.detail-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.95),rgba(17,24,39,.7),rgba(17,24,39,.45))}.detail-poster{aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);background:#1f2937}.detail-poster img{width:100%;height:100%;object-fit:cover}.player-box video{object-fit:cover;background:#000}.player-overlay{position:absolute;inset:0;margin:auto;width:5rem;height:5rem;border-radius:9999px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,.35);transition:all .2s}.player-overlay:hover{transform:scale(1.05);background:#fff}.player-box.playing .player-overlay{opacity:0;pointer-events:none}.info-list{display:grid;grid-template-columns:4rem 1fr;gap:.75rem 1rem;font-size:.95rem}.info-list dt{color:#6b7280}.info-list dd{color:#111827;font-weight:600}.tag-chip{display:inline-flex;border-radius:999px;background:#fef2f2;color:#dc2626;padding:.35rem .75rem;font-size:.875rem;font-weight:600}.movie-card[hidden]{display:none!important}@media(max-width:767px){.hero-carousel{height:72vh}.hero-carousel h1{font-size:2.4rem}.rank-table-row{grid-template-columns:2rem 5rem 1fr}.rank-table-row img{width:5rem}.rank-score{display:none}.site-hero-search{max-width:100%}.detail-mask{background:linear-gradient(0deg,rgba(17,24,39,.96),rgba(17,24,39,.55))}}

.bottom-4{bottom:1rem}.left-3{left:.75rem}.top-3{top:.75rem}.z-10{z-index:10}.max-w-3xl{max-width:48rem}.mb-10{margin-bottom:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.space-y-12>:not([hidden])~:not([hidden]){margin-top:3rem}.text-red-300{color:#fca5a5}.hover\:text-red-700:hover{color:#b91c1c}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:p-8{padding:2rem}.md\:p-12{padding:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media(min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}