:root{--brand:#ea580c;--brand2:#f59e0b;--ink:#111827;--muted:#6b7280;--soft:#fff7ed;--line:#e5e7eb;--dark:#0f172a;}
body{background:#f9fafb;color:var(--ink)}
.site-header{box-shadow:0 8px 30px rgba(15,23,42,.04)}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;color:#111827;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;box-shadow:0 10px 22px rgba(234,88,12,.24);font-size:.85rem}.nav-link{font-weight:650;color:#374151;transition:.2s}.nav-link:hover,.nav-link.is-active{color:var(--brand)}.menu-toggle{width:2.5rem;height:2.5rem;display:grid;gap:4px;align-content:center}.menu-toggle span{display:block;height:2px;background:#374151;border-radius:999px}.mobile-nav{display:none;padding:.5rem 0 1rem}.mobile-nav.is-open{display:grid;gap:.35rem}.mobile-nav-link{display:block;padding:.65rem .75rem;border-radius:.75rem;color:#374151;font-weight:600}.mobile-nav-link:hover,.mobile-nav-link.is-active{background:#fff7ed;color:var(--brand)}.header-cats{gap:.5rem;padding:0 0 .8rem;overflow:auto}.quick-cat{font-size:.8rem;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:.35rem .7rem;white-space:nowrap}.quick-cat:hover{background:#fff7ed;color:var(--brand)}
.hero{position:relative;min-height:70vh;overflow:hidden;background:#111827}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 7s ease}.hero-slide.is-active .hero-img{transform:scale(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.12)),linear-gradient(0deg,rgba(17,24,39,.66),rgba(17,24,39,.05))}.hero-content{position:relative;z-index:2;min-height:70vh;display:flex;align-items:center}.hero-copy{max-width:46rem;color:white;padding:6rem 0}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;background:rgba(249,115,22,.92);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.92rem;margin-bottom:1.5rem}.hero h1{font-size:clamp(2.35rem,6vw,4.75rem);font-weight:900;line-height:1.05;margin-bottom:1.25rem;letter-spacing:-.04em}.hero p{font-size:clamp(1rem,2.2vw,1.22rem);color:#e5e7eb;line-height:1.75;max-width:42rem}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:#ea580c;color:white;border-radius:999px;padding:.88rem 1.45rem;font-weight:800;box-shadow:0 16px 35px rgba(234,88,12,.28);transition:.25s}.btn-primary:hover{background:#c2410c;transform:translateY(-2px) scale(1.02)}.btn-glass{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.18);color:white;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.72rem 1rem;font-size:.9rem;backdrop-filter:blur(6px)}.hero-meta{display:flex;gap:.65rem;flex-wrap:wrap}.hero-meta span{background:rgba(255,255,255,.17);backdrop-filter:blur(5px);padding:.38rem .75rem;border-radius:999px;font-size:.85rem}.hero-dots{position:absolute;z-index:5;left:50%;bottom:2rem;transform:translateX(-50%);display:flex;gap:.5rem}.hero-dot{width:.65rem;height:.65rem;border-radius:999px;background:rgba(255,255,255,.45);border:0;transition:.25s}.hero-dot.is-active{width:2rem;background:#fff}.hero-side{position:absolute;right:max(1rem,calc((100vw - 80rem)/2 + 2rem));bottom:5.8rem;z-index:4;width:min(23rem,32vw);display:grid;gap:.75rem}.hero-side-card{display:grid;grid-template-columns:4.2rem 1fr;gap:.85rem;align-items:center;padding:.7rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:1rem;backdrop-filter:blur(8px);color:white}.hero-side-card img{width:4.2rem;height:5.5rem;object-fit:cover;border-radius:.75rem}.hero-side-card h3{font-weight:800;font-size:.95rem;line-height:1.2}.hero-side-card p{font-size:.76rem;color:#d1d5db;margin-top:.25rem;line-height:1.4}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-heading-main{display:flex;align-items:center;gap:.75rem}.section-icon{width:2.35rem;height:2.35rem;border-radius:.85rem;display:grid;place-items:center;background:#fff7ed;color:#ea580c;box-shadow:0 8px 20px rgba(234,88,12,.08)}.section-heading h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:900;color:#111827;line-height:1.1}.section-subtitle{color:#6b7280;margin-top:.3rem}.section-more{font-weight:700;color:#ea580c}.section-more:hover{color:#c2410c}.movie-card{height:100%}.movie-card .poster-img{background:#e5e7eb}.play-bubble{display:grid;place-items:center;width:4rem;height:4rem;border-radius:999px;background:rgba(255,255,255,.92);color:#ea580c;font-size:1.35rem;box-shadow:0 15px 35px rgba(0,0,0,.2)}.cover-box{position:relative;background:linear-gradient(135deg,#111827,#ea580c)}.cover-box:after{content:attr(data-fallback-title);position:absolute;inset:0;display:none;place-items:center;text-align:center;color:white;padding:1rem;font-weight:800;line-height:1.35;background:linear-gradient(135deg,#111827,#ea580c)}.cover-box.is-missing:after{display:grid}.cover-box.is-missing img{display:none}.tag-pill{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.84rem}.tag-pill:hover{background:#fff7ed;color:#ea580c}.category-card{display:block;background:white;border-radius:1.2rem;padding:1.25rem;box-shadow:0 10px 25px rgba(15,23,42,.06);transition:.25s;border:1px solid rgba(229,231,235,.8)}.category-card:hover{transform:translateY(-4px);box-shadow:0 25px 45px rgba(15,23,42,.1)}.category-card h3{font-size:1.25rem;font-weight:900;color:#111827}.category-card p{font-size:.92rem;color:#6b7280;line-height:1.65;margin-top:.5rem}.category-card .count{display:inline-flex;margin-top:1rem;background:#fff7ed;color:#c2410c;border-radius:999px;padding:.35rem .7rem;font-weight:800;font-size:.85rem}.filter-panel label{display:grid;gap:.35rem;font-weight:700;color:#374151;font-size:.86rem}.filter-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem}.filter-panel input,.filter-panel select{height:2.75rem;border:1px solid #e5e7eb;border-radius:.85rem;padding:0 .85rem;background:#fff;outline:none;color:#111827}.filter-panel input:focus,.filter-panel select:focus{border-color:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.16)}.movie-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.rank-list{display:grid;gap:.85rem}.rank-item{display:grid;grid-template-columns:3.5rem 5rem 1fr auto;gap:1rem;align-items:center;background:white;border-radius:1rem;padding:.75rem;box-shadow:0 8px 18px rgba(15,23,42,.05);border:1px solid #f3f4f6}.rank-num{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.85rem;background:#fff7ed;color:#c2410c;font-weight:900}.rank-cover{width:5rem;height:6.4rem;border-radius:.75rem;overflow:hidden}.rank-cover img{width:100%;height:100%;object-fit:cover}.rank-info h3{font-weight:900;font-size:1.05rem}.rank-info p{color:#6b7280;font-size:.9rem;line-height:1.5;margin-top:.2rem}.rank-heat{font-weight:900;color:#ea580c;white-space:nowrap}.rank-mini{display:grid;grid-template-columns:4.2rem 1fr;gap:.75rem;align-items:center}.rank-mini-cover{width:4.2rem;height:5.4rem;border-radius:.8rem;overflow:hidden}.rank-mini-cover img{width:100%;height:100%;object-fit:cover}.rank-mini h3{font-weight:800;color:#111827;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-mini p{font-size:.8rem;color:#6b7280;margin-top:.25rem}.breadcrumb{display:flex;align-items:center;gap:.55rem;color:#6b7280;font-size:.92rem;margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb a:hover{color:#ea580c}.breadcrumb .sep{color:#d1d5db}.player-shell{background:#030712;border-radius:1rem;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.22)}.player-top{position:relative;aspect-ratio:16/9;background:#030712}.player-top video{width:100%;height:100%;object-fit:contain;background:#000}.player-poster-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,rgba(234,88,12,.08),rgba(0,0,0,.18))}.player-poster-overlay span{width:5rem;height:5rem;border-radius:999px;background:rgba(255,255,255,.9);color:#ea580c;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 12px 35px rgba(0,0,0,.35)}.player-shell.is-playing .player-poster-overlay{display:none}.detail-panel{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 25px rgba(15,23,42,.06)}.detail-panel h1{font-size:clamp(1.8rem,4vw,2.35rem);font-weight:900;color:#111827;line-height:1.15}.meta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem}.meta-pill{display:inline-flex;align-items:center;gap:.35rem;background:#fff7ed;color:#c2410c;border-radius:999px;padding:.4rem .75rem;font-size:.9rem;font-weight:700}.content-block{display:grid;gap:.45rem;margin-top:1.25rem}.content-block h2,.content-block h3{font-size:1.1rem;font-weight:900;color:#111827}.content-block p{line-height:1.85;color:#374151}.side-panel{background:white;border-radius:1rem;padding:1.2rem;box-shadow:0 10px 25px rgba(15,23,42,.06)}.side-panel h2{font-size:1.25rem;font-weight:900;margin-bottom:1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.6fr;gap:2rem}.footer-title{font-weight:900;margin-bottom:.8rem}.footer-links{display:grid;gap:.55rem}.footer-links a{color:#6b7280;font-size:.92rem}.footer-links a:hover{color:#ea580c}.footer-links--dense{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .7rem}.footer-bottom{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.25rem;text-align:center;color:#6b7280;font-size:.9rem}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{background:white;border-radius:1rem;padding:1.1rem;box-shadow:0 10px 25px rgba(15,23,42,.06)}.stat-card strong{font-size:1.6rem;font-weight:900;color:#ea580c}.stat-card span{display:block;color:#6b7280;margin-top:.2rem;font-size:.9rem}.no-results{display:none;text-align:center;padding:3rem;background:white;border-radius:1rem;color:#6b7280}.no-results.is-show{display:block}.scroll-row{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.scroll-row>.scroll-item{flex:0 0 18rem;scroll-snap-align:start}.notice-mini{font-size:.86rem;color:#6b7280;line-height:1.65;background:#fff7ed;border:1px solid #fed7aa;border-radius:.9rem;padding:.85rem 1rem}.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}
@media (min-width:640px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-grid.movie-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1280px){.movie-grid.movie-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:900px){.hero-side{display:none}.filter-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-item{grid-template-columns:2.8rem 4.4rem 1fr}.rank-heat{display:none}}
@media (max-width:640px){.hero{min-height:74vh}.hero-content{min-height:74vh}.hero-copy{padding:5rem 0 4.5rem}.hero-actions{align-items:stretch}.btn-primary,.btn-glass{width:100%;justify-content:center}.section-heading{align-items:flex-start;flex-direction:column}.filter-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr}.footer-links--dense{grid-template-columns:1fr}.rank-item{gap:.75rem;padding:.65rem}.rank-cover{width:4.2rem;height:5.5rem}.scroll-row>.scroll-item{flex-basis:78vw}}