@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a28;--bg-card-hover:#1f1f33;--teal:#007a7a;--teal-dim:#005f5f;--purple:#6b4d8c;--purple-dim:#533a6d;--gold:#9c7f4a;--gold-dim:#7a6238;--charcoal:#2f363f;--cream:#ede7d9;--gold-metallic:linear-gradient(135deg,#7a5e32,#c49a50 25%,#e8c87a 50%,#a8844a 75%,#7a5e32);--gold-glow-color:rgba(156,127,74,.55);--teal-metallic:linear-gradient(135deg,#004f4f,#007a7a 20%,#009a9a 40%,#5fd4d4 55%,#007a7a 75%,#004f4f);--font-display:"french-roast",sans-serif;--font-heading:"cc-matinee-idol",sans-serif;--font-accent:"courier-prime",monospace;--font-body:ui-sans-serif,system-ui,-apple-system,sans-serif;--font-brand:"french-roast",sans-serif;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b85;--border:#2a2a3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh}h1{font-family:var(--font-display)}h1,h2,h3{font-weight:400}h2,h3{font-family:var(--font-heading)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--purple-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}.teal-glow{box-shadow:0 0 20px rgba(0,122,122,.3)}.gold-metallic-text,.gold-text{background:var(--gold-metallic);-webkit-background-clip:text;background-clip:text}.gold-metallic-text,.gold-text,.teal-metallic-text{-webkit-text-fill-color:transparent;text-shadow:none}.teal-metallic-text{background:var(--teal-metallic);-webkit-background-clip:text;background-clip:text}.meta-accent{font-family:var(--font-accent);font-weight:400}.brand-wordmark{font-family:var(--font-brand);font-weight:400;letter-spacing:.06em;text-transform:uppercase;line-height:1}.gold-badge{background:var(--gold-metallic);color:#0a0a0f;box-shadow:0 2px 10px rgba(184,134,11,.5),inset 0 1px 0 rgba(255,236,139,.45),inset 0 -1px 0 rgba(120,80,0,.3)}.gold-glow{filter:drop-shadow(0 0 3px rgba(212,175,55,.7)) drop-shadow(0 0 1px rgba(255,215,0,.5))}.show-card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.show-card-hover:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 0 24px rgba(0,122,122,.35),0 8px 32px rgba(0,0,0,.6);border-color:var(--teal)}button:focus-visible,input:focus,select:focus{outline:2px solid var(--teal);outline-offset:2px}.badge-reelshort{background-color:#e84393}.badge-dramabox{background-color:#ff6b35}.badge-shortmax{background-color:#6c63ff}.badge-hinovel{background-color:#00b4d8}.badge-default{background-color:var(--purple-dim)}@keyframes vaultHeroShift{0%,18%{background-position:0 50%}35%,55%{background-position:100% 50%}72%,to{background-position:0 50%}}.hero-gradient{background:linear-gradient(135deg,#0a0a0f,#12102a 20%,#1a1008 38%,#0e1a1a 62%,#0a0a0f);background-size:400% 400%;animation:vaultHeroShift 18s ease-in-out infinite}@keyframes vaultDoorOpen{0%,15%{opacity:.07;transform:perspective(1000px) rotateY(0deg)}32%{opacity:.11;transform:perspective(1000px) rotateY(16deg)}52%{opacity:.11;transform:perspective(1000px) rotateY(16deg)}67%{opacity:.07;transform:perspective(1000px) rotateY(0deg)}to{opacity:.07;transform:perspective(1000px) rotateY(0deg)}}.vault-door{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:right center;animation:vaultDoorOpen 18s ease-in-out infinite}@keyframes vaultWheelSpin{0%,15%{transform:rotate(0deg)}38%{transform:rotate(-540deg)}52%{transform:rotate(-540deg)}67%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.vault-wheel{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-clip-path:ellipse(32% 26% at 50% 58%);clip-path:ellipse(32% 26% at 50% 58%);transform-origin:50% 53%;animation:vaultWheelSpin 18s ease-in-out infinite}@keyframes vaultLightSpill{0%,22%{opacity:0}38%,52%{opacity:1}68%,to{opacity:0}}.vault-light{position:absolute;top:5%;left:-55%;width:65%;bottom:5%;background:radial-gradient(ellipse at 90% 50%,rgba(212,175,55,.45) 0,rgba(180,120,20,.22) 35%,rgba(0,122,122,.06) 60%,transparent 80%);pointer-events:none;animation:vaultLightSpill 18s ease-in-out infinite}.star-filled{filter:drop-shadow(0 0 3px rgba(212,175,55,.65)) drop-shadow(0 0 1px rgba(255,215,0,.4))}.star-empty{color:var(--text-muted)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#f0f0f5;align-items:center;justify-content:center;border-radius:8px;transition:background-color .15s;flex-shrink:0}.hamburger-btn:hover{background-color:hsla(0,0%,100%,.07)}.mobile-nav-menu{display:none;flex-direction:column;padding:8px 24px 16px;border-top:1px solid #2a2a3f;gap:0}.mobile-nav-menu.open{display:flex}.mobile-nav-link{display:block;padding:13px 4px;color:#a0a0b8;text-decoration:none;font-size:16px;border-bottom:1px solid #1e1e2f;transition:color .2s}.mobile-nav-link:hover{color:#f0f0f5}.mobile-nav-link.active{color:#007a7a;font-weight:600}.mobile-nav-cta{display:block;margin-top:12px;background-color:#007a7a;color:#0a0a0f!important;border-radius:8px;padding:12px 16px;font-weight:700;text-align:center;text-decoration:none;font-size:15px;border-bottom:none!important}.responsive-show-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.responsive-platform-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,160px);justify-content:center}.responsive-browse-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.browse-content-area{display:flex;gap:28px;align-items:flex-start}.mobile-filters-toggle{display:none;width:100%;align-items:center;gap:8px;background-color:#12121a;border:1px solid #2a2a3f;color:#f0f0f5;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-family:inherit;font-weight:500;margin-bottom:16px;transition:border-color .2s,color .2s}.mobile-filters-toggle:hover{border-color:#007a7a;color:#007a7a}.filter-sidebar-wrapper{flex-shrink:0}.detail-layout-grid{display:grid;grid-template-columns:260px 1fr;grid-gap:48px;gap:48px;align-items:start}@media (max-width:639px){.desktop-nav{display:none!important}.hamburger-btn{display:flex!important}.hero-logo-col,.nav-search-cta,.vault-watermark{display:none!important}.responsive-show-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.responsive-platform-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;justify-content:stretch!important}.responsive-platform-grid a>div{width:100%!important}.responsive-browse-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.browse-content-area{flex-direction:column!important}.mobile-filters-toggle{display:flex!important}.filter-sidebar-wrapper{display:none;width:100%}.filter-sidebar-wrapper.open{display:block!important}.in-lights-hero,.in-lights-hero>div:first-child{flex-direction:column!important;align-items:center!important}.in-lights-hero>div:first-child{display:flex!important;width:100%!important}.detail-layout-grid{grid-template-columns:1fr!important;gap:24px!important}.detail-poster-col{max-width:260px;margin:0 auto;width:100%}}