:root{--rose:#f43f5e;--pink:#db2777;--dark:#111827;--muted:#6b7280;--soft:#fff1f2}body{background:#f9fafb;color:#111827}.site-header .nav-link{color:#374151;transition:.2s;font-weight:500}.site-header .nav-link:hover,.site-header .nav-link.active{color:#f43f5e}.mobile-panel{display:none}.mobile-panel.open{display:block}.mobile-link{display:block;padding:.5rem 1rem;color:#374151;border-radius:.5rem}.mobile-link:hover{background:#fff1f2;color:#f43f5e}.hero{position:relative;height:600px;overflow:hidden;background:linear-gradient(135deg,#111827,#881337)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.54),rgba(0,0,0,.12)),radial-gradient(circle at 20% 35%,rgba(244,63,94,.35),transparent 30%)}.hero-content{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:680px;color:white}.hero-copy h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:800;line-height:1.05;margin:.8rem 0 1rem}.hero-copy p{font-size:1.1rem;line-height:1.8;color:#e5e7eb;max-width:620px}.hero-tags,.hero-meta,.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero-chip{padding:.35rem .75rem;border-radius:999px;background:rgba(244,63,94,.82);backdrop-filter:blur(8px);font-size:.9rem;font-weight:600}.hero-meta{margin:1.5rem 0 2rem;color:#f3f4f6;font-weight:600}.primary-btn,.glass-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.6rem;font-weight:700;transition:.25s}.primary-btn{background:#f43f5e;color:#fff}.primary-btn:hover{background:#e11d48;transform:translateY(-1px)}.glass-btn{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px)}.glass-btn:hover{background:rgba(255,255,255,.24)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:3rem;height:3rem;border-radius:999px;background:rgba(0,0,0,.5);color:white;font-size:2.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.hero-arrow:hover{background:rgba(0,0,0,.72)}.hero-arrow.prev{left:1rem}.hero-arrow.next{right:1rem}.hero-dots{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.55rem;z-index:4}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:rgba(255,255,255,.55);transition:.25s}.hero-dot.active{width:2rem;background:#fff}.hero-strip{margin-top:-3.8rem;position:relative;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.hero-thumb{display:flex;align-items:center;gap:.75rem;padding:.7rem;border-radius:1rem;background:rgba(255,255,255,.9);box-shadow:0 20px 40px rgba(15,23,42,.15);backdrop-filter:blur(12px);min-width:0}.hero-thumb img{width:4.5rem;height:3.2rem;border-radius:.75rem;object-fit:cover;background:linear-gradient(135deg,#f43f5e,#111827)}.hero-thumb span{font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card{display:block;background:#fff;border-radius:.9rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:.28s;text-align:left}.movie-card:hover{box-shadow:0 18px 36px rgba(15,23,42,.13);transform:translateY(-3px)}.poster{position:relative;height:17rem;overflow:hidden;background:linear-gradient(135deg,#fb7185,#111827)}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.movie-card:hover .poster img{transform:scale(1.08)}.poster:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.52))}.poster-region,.poster-year{position:absolute;z-index:2;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;color:white;background:rgba(0,0,0,.64);backdrop-filter:blur(6px)}.poster-region{top:.75rem;right:.75rem}.poster-year{left:.75rem;bottom:.75rem}.movie-card-body{padding:1rem}.movie-title{font-weight:700;color:#111827;margin-bottom:.45rem;transition:.2s}.movie-card:hover .movie-title{color:#f43f5e}.movie-one{font-size:.9rem;line-height:1.55;color:#4b5563;margin-bottom:.75rem}.movie-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.tag-chip{font-size:.72rem;border-radius:.35rem;padding:.2rem .45rem;background:#f3f4f6;color:#4b5563}.movie-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:#6b7280;font-size:.78rem}.movie-card.compact .poster{height:12rem}.movie-card.horizontal{display:flex;gap:1rem}.horizontal-poster{width:12rem;height:8rem;flex:0 0 12rem}.compact-poster{height:9rem}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.category-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tile{display:block;border-radius:1.1rem;padding:1.4rem;background:linear-gradient(135deg,#fff,#fff1f2);border:1px solid #ffe4e6;box-shadow:0 10px 30px rgba(244,63,94,.08);transition:.25s}.category-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(244,63,94,.16)}.category-tile span{display:block;font-size:1.2rem;font-weight:800;color:#111827;margin-bottom:.45rem}.category-tile p{color:#6b7280;line-height:1.65}.home-rank-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem}.rank-mini{background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}.rank-mini-item{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid #f3f4f6}.rank-mini-item:last-child{border-bottom:0}.rank-mini-item b{color:#f43f5e}.rank-mini-item span{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-mini-item em{font-style:normal;color:#6b7280;font-size:.86rem}.page-hero,.search-hero{background:linear-gradient(135deg,#f43f5e,#db2777);color:white;padding:4rem 0}.page-hero h1,.search-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:.6rem 0 1rem}.page-hero p,.search-hero p{font-size:1.08rem;color:rgba(255,255,255,.9);max-width:760px;line-height:1.75}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:rgba(255,255,255,.86);margin-bottom:.5rem}.breadcrumb a:hover{color:white}.detail-shell .breadcrumb{color:#6b7280;margin-bottom:1.5rem}.detail-shell .breadcrumb a{color:#f43f5e}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{border-radius:999px;background:#fff;color:#374151;padding:.58rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:.2s}.filter-btn:hover,.filter-btn.active{background:#f43f5e;color:#fff}.rank-list{display:grid;gap:1rem}.rank-row{display:grid;grid-template-columns:4rem 6rem 1fr 4rem;align-items:center;gap:1rem;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:.25s}.rank-row:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.1)}.rank-no{font-size:1.5rem;font-weight:800;color:#f43f5e}.rank-poster{height:5rem;border-radius:.8rem;overflow:hidden;background:linear-gradient(135deg,#fb7185,#111827)}.rank-poster img{width:100%;height:100%;object-fit:cover}.rank-info h2{font-size:1.1rem;font-weight:800;margin-bottom:.35rem}.rank-info p{color:#4b5563;font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-score{font-weight:800;color:#111827}.search-panel{margin:1.5rem 0 .6rem;max-width:760px}.search-status{font-weight:600}.player-card{background:#111827;border-radius:1rem;overflow:hidden;box-shadow:0 20px 45px rgba(15,23,42,.22)}.video-player{width:100%;aspect-ratio:16/9;background:#050505;display:block}.detail-card,.side-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}.detail-card{padding:1.6rem;margin-top:1.5rem}.detail-card h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:1rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.detail-meta span,.detail-tag{border-radius:999px;padding:.35rem .75rem;background:#fff1f2;color:#be123c;font-size:.88rem;font-weight:600}.detail-tags{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-tag{background:#f3f4f6;color:#374151}.detail-card section{border-top:1px solid #f3f4f6;padding-top:1.3rem;margin-top:1.3rem}.detail-card h2,.related-block h2{font-size:1.35rem;font-weight:800;margin-bottom:.8rem}.detail-card p{color:#374151;line-height:1.9}.detail-side{position:relative}.side-card{padding:1.1rem;position:sticky;top:6rem}.side-card img{width:100%;height:22rem;object-fit:cover;border-radius:.9rem;background:linear-gradient(135deg,#fb7185,#111827);margin-bottom:1rem}.side-card h2{font-weight:800;font-size:1.2rem;margin-bottom:.5rem}.side-card p{color:#6b7280;line-height:1.7;margin-bottom:1rem}.side-card dl{display:grid;gap:.65rem}.side-card dl div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #f3f4f6;padding-top:.65rem}.side-card dt{color:#6b7280}.side-card dd{font-weight:700;color:#111827}.related-block{margin-top:3rem}.hidden-card{display:none!important}.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}@media(max-width:1024px){.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.home-rank-wrap{grid-template-columns:1fr}.category-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.side-card{position:static}.rank-row{grid-template-columns:3rem 5rem 1fr}.rank-score{display:none}}@media(max-width:768px){.hero{height:560px}.hero-copy h1{font-size:2.4rem}.hero-copy p{font-size:1rem}.hero-arrow{display:none}.hero-strip{display:none}.poster{height:15rem}.movie-card.horizontal{display:block}.horizontal-poster{width:100%;height:12rem}.category-grid,.category-grid.large{grid-template-columns:1fr}.rank-row{grid-template-columns:2.5rem 4.5rem 1fr;padding:.75rem}.rank-info p{display:none}.page-hero,.search-hero{padding:3rem 0}.toolbar{align-items:flex-start}}