:root{--primary:#a67c4a;--primary-dark:#8a6640;--primary-light:#f5f0e8;--secondary:#0284c7;--accent:#fffbeb;--neutral-50:#fafaf9;--neutral-100:#f5f5f4;--neutral-200:#e7e5e4;--neutral-500:#78716c;--neutral-700:#44403c;--neutral-800:#292524;--neutral-900:#1c1917;--card:#fff;--shadow:0 20px 55px rgba(41,37,36,.10);--radius:22px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;background:var(--neutral-50);color:var(--neutral-900)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-200);box-shadow:0 1px 2px rgba(0,0,0,.05)}.header-inner{max-width:80rem;margin:0 auto;height:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.65rem}.brand-icon{color:var(--primary);display:inline-flex}.brand strong{display:block;font-size:1.22rem;line-height:1.1;color:var(--neutral-800)}.brand small{display:block;font-size:.75rem;color:var(--neutral-500);margin-top:.1rem}.desktop-nav{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.92rem;font-weight:600;color:var(--neutral-700);transition:.2s}.nav-link:hover,.nav-link.active{color:var(--primary)}.menu-toggle{display:none;flex-direction:column;gap:.3rem;padding:.65rem;border-radius:.55rem}.menu-toggle span{display:block;width:1.4rem;height:2px;background:var(--neutral-700)}.mobile-nav{border-top:1px solid var(--neutral-200);padding:.75rem 1rem;background:#fff}.mobile-nav-link{display:block;padding:.7rem 0;font-weight:600;color:var(--neutral-700)}.container{max-width:80rem;margin:0 auto;padding-left:1rem;padding-right:1rem}.hero{position:relative;min-height:calc(70vh - 1px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f5f0e8,#f0f9ff 48%,#fffbeb)}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.2}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#fff,rgba(255,255,255,.55),transparent)}.hero-content{position:relative;z-index:2;width:100%;padding:5rem 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:2.5rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;color:var(--primary);font-weight:700;letter-spacing:.08em;font-size:.85rem}.hero h1{font-size:clamp(2.35rem,5vw,4.6rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:1.25rem;color:var(--neutral-900)}.hero p{font-size:1.1rem;line-height:1.85;color:var(--neutral-700);max-width:48rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.86rem 1.35rem;font-weight:700;transition:.2s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(166,124,74,.28)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.86);color:var(--neutral-800);border:1px solid rgba(166,124,74,.22)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-panel{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);border-radius:var(--radius);padding:1rem;backdrop-filter:blur(14px)}.hero-poster{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--primary-light)}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 58%)}.hero-poster-text{position:absolute;left:1.2rem;right:1.2rem;bottom:1rem;color:#fff}.hero-poster-text h2{font-size:1.45rem;font-weight:800;margin-bottom:.25rem}.hero-poster-text p{font-size:.88rem;line-height:1.55;color:rgba(255,255,255,.88)}.hero-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.85rem}.hero-mini a{border:1px solid var(--neutral-200);border-radius:14px;padding:.72rem;background:#fff;transition:.2s}.hero-mini a:hover{border-color:var(--primary);transform:translateY(-2px)}.hero-mini strong{display:block;font-size:.86rem;line-height:1.35;color:var(--neutral-800)}.hero-mini span{display:block;margin-top:.25rem;font-size:.72rem;color:var(--neutral-500)}.section{padding:4rem 0}.section.alt{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.section-title span{display:inline-block;margin-bottom:.35rem;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:var(--primary)}.section-title h2,.section-title h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--neutral-900)}.section-title p{margin-top:.55rem;color:var(--neutral-600);line-height:1.8;max-width:46rem}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.movie-card{background:var(--card);border:1px solid var(--neutral-200);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 25px rgba(41,37,36,.05);transition:.22s}.movie-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(166,124,74,.35)}.movie-card-link{display:block;height:100%}.poster-frame{position:relative;aspect-ratio:4/3;background:var(--primary-light);overflow:hidden}.poster-frame img{width:100%;height:100%;object-fit:cover;transition:.35s}.movie-card:hover .poster-frame img{transform:scale(1.04)}.rank-badge{position:absolute;z-index:2;left:.75rem;top:.75rem;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:999px;background:rgba(28,25,23,.82);color:#fff;font-weight:800}.movie-card-body{padding:1rem}.movie-meta{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--primary);font-size:.75rem;font-weight:700;margin-bottom:.55rem}.movie-card h3{font-size:1.08rem;font-weight:800;color:var(--neutral-900);line-height:1.35;margin-bottom:.45rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.movie-card p{color:var(--neutral-600);font-size:.9rem;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.movie-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.8rem;color:var(--neutral-500);font-size:.78rem}.movie-card-foot strong{color:var(--primary);font-size:1rem}.compact-card .poster-frame{aspect-ratio:16/10}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.category-card{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--neutral-200);background:#fff;box-shadow:0 10px 28px rgba(41,37,36,.05);transition:.22s}.category-card:hover{transform:translateY(-3px);border-color:rgba(166,124,74,.35);box-shadow:var(--shadow)}.category-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.category-thumbs img{aspect-ratio:4/3;width:100%;height:100%;object-fit:cover;border-radius:.65rem;background:var(--primary-light)}.category-copy h2,.category-copy h3{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.category-copy p{color:var(--neutral-600);line-height:1.75;margin-bottom:.85rem}.pill-row{display:flex;gap:.45rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);padding:.35rem .65rem;font-size:.74rem;font-weight:700}.filter-panel{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px;gap:.85rem;margin:1.4rem 0 2rem}.filter-panel input,.filter-panel select{width:100%;background:#fff;border:1px solid var(--neutral-200);border-radius:999px;padding:.85rem 1rem;color:var(--neutral-800);box-shadow:0 8px 22px rgba(41,37,36,.04);outline:none}.filter-panel input:focus,.filter-panel select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(166,124,74,.12)}.ranking-list{display:grid;gap:.85rem}.ranking-item{display:grid;grid-template-columns:4rem 8rem minmax(0,1fr) auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--neutral-200);border-radius:18px;padding:.8rem;transition:.2s}.ranking-item:hover{border-color:rgba(166,124,74,.35);box-shadow:0 12px 34px rgba(41,37,36,.08);transform:translateY(-2px)}.ranking-num{font-size:1.45rem;font-weight:900;color:var(--primary);text-align:center}.ranking-cover{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--primary-light)}.ranking-cover img{width:100%;height:100%;object-fit:cover}.ranking-copy h2,.ranking-copy h3{font-size:1.15rem;font-weight:800;margin-bottom:.3rem}.ranking-copy p{color:var(--neutral-600);line-height:1.65;font-size:.92rem}.score-box{padding:.55rem .85rem;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);font-weight:900}.crumbs{font-size:.86rem;color:var(--neutral-500);margin-bottom:1rem}.crumbs a{color:var(--primary);font-weight:700}.watch-hero{background:linear-gradient(135deg,#f5f0e8,#f0f9ff 52%,#fffbeb);padding:2.2rem 0 3rem}.watch-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:1.5rem;align-items:start}.video-panel{background:#111;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-shell{aspect-ratio:16/9;background:#000}.video-shell video{width:100%;height:100%;background:#000}.movie-side{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.movie-side img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--primary-light);margin-bottom:1rem}.movie-side h1{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:.75rem}.movie-side p{color:var(--neutral-600);line-height:1.75}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.5rem}.detail-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius);padding:1.4rem;box-shadow:0 10px 25px rgba(41,37,36,.05)}.detail-card h2{font-size:1.45rem;font-weight:850;margin-bottom:.8rem}.detail-card p{line-height:1.9;color:var(--neutral-700);margin-bottom:1rem}.side-list{display:grid;gap:.8rem}.side-link{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.75rem;padding:.65rem;border:1px solid var(--neutral-200);border-radius:16px;background:#fff;transition:.2s}.side-link:hover{border-color:rgba(166,124,74,.35);box-shadow:0 10px 24px rgba(41,37,36,.06)}.side-link img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--primary-light)}.side-link strong{font-size:.92rem;line-height:1.35}.side-link span{display:block;margin-top:.25rem;font-size:.75rem;color:var(--neutral-500)}.site-footer{background:var(--neutral-900);color:#d6d3d1;margin-top:0}.footer-inner{max-width:80rem;margin:0 auto;padding:3rem 1rem;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:2rem}.footer-brand strong{display:block;color:#fff;font-size:1.35rem;margin-bottom:.7rem}.footer-brand p{max-width:34rem;color:#a8a29e;line-height:1.75}.footer-col h3{color:#fff;font-size:.95rem;margin-bottom:.8rem}.footer-col a{display:block;color:#a8a29e;padding:.25rem 0;transition:.2s}.footer-col a:hover{color:#c9aa78}.footer-bottom{max-width:80rem;margin:0 auto;border-top:1px solid #292524;padding:1rem;display:flex;justify-content:space-between;gap:1rem;color:#78716c;font-size:.88rem}.hidden-card{display:none!important}.empty-state{display:none;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--neutral-600)}.empty-state.show{display:block}@media (max-width:1024px){.hero-grid,.watch-grid,.detail-body{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr 1fr}.desktop-nav{display:none}.menu-toggle{display:flex}}@media (max-width:720px){.hero{min-height:auto}.hero-content{padding:3.5rem 0}.hero-mini{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.ranking-item{grid-template-columns:3rem 5.5rem minmax(0,1fr);gap:.7rem}.score-box{grid-column:3}.category-card{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section{padding:3rem 0}}@media (max-width:460px){.movie-grid{grid-template-columns:1fr}.header-inner{height:3.75rem}.brand small{display:none}.ranking-item{grid-template-columns:2.6rem 4.8rem minmax(0,1fr)}.hero-actions{flex-direction:column}.btn{width:100%}}