:root{--letterboxd-green: #00E054;--letterboxd-green-hover: #00C030;--letterboxd-orange: #FF8000;--letterboxd-cyan: #40BCF4;--bg-dark: #14181C;--surface: #1C242C;--hairline: rgba(153, 170, 187, .14);--ease-spring: cubic-bezier(.32, .72, 0, 1)}html{scroll-behavior:smooth}body{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;background-color:var(--bg-dark);color:#d8e0e8;min-height:100vh;overflow-x:hidden;margin:0;text-rendering:optimizeLegibility}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(42rem 42rem at 12% -8%,rgba(0,224,84,.07),transparent 62%),radial-gradient(38rem 38rem at 96% 4%,rgba(64,188,244,.05),transparent 60%),radial-gradient(50rem 34rem at 50% 110%,rgba(255,128,0,.035),transparent 65%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{background:#ffffff09;border:1px solid var(--hairline);border-radius:2rem;padding:.375rem;box-shadow:0 24px 60px -28px #000000e6}.core{background:var(--surface);border-radius:1.625rem;box-shadow:inset 0 1px 1px #ffffff0f}.glass-panel{background:#171310b8;border:1px solid var(--hairline);box-shadow:inset 0 1px #ffffff0a}.font-display{font-family:Space Grotesk,Outfit,sans-serif}#app-content h1,#app-content h2{font-family:Space Grotesk,Outfit,sans-serif;letter-spacing:-.02em}#app-content p{text-wrap:pretty}.text-balance{text-wrap:balance}.eyebrow{display:inline-block;padding:.28rem .7rem;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--letterboxd-green);background:#00e0541a;border:1px solid rgba(0,224,84,.22)}.stat-num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.nav-link{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:9999px;color:#c0b2a3;transition:color .3s var(--ease-spring),background-color .3s var(--ease-spring);cursor:pointer;white-space:nowrap}.nav-link svg{stroke-width:1.75;opacity:.85;transition:opacity .3s var(--ease-spring),color .3s var(--ease-spring)}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:#00e0541a;box-shadow:inset 0 0 0 1px #00e05440}.nav-link.active svg{color:var(--letterboxd-orange);opacity:1}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.42rem .45rem .42rem 1.05rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--hairline);color:#f0ebe4;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .3s var(--ease-spring),border-color .3s var(--ease-spring),transform .3s var(--ease-spring)}.btn-primary:hover{background:#ffffff17;border-color:#ffffff2e}.btn-primary:active{transform:scale(.98)}.btn-orb{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:9999px;background:#00e0541f;color:var(--letterboxd-green);transition:transform .4s var(--ease-spring),background-color .3s var(--ease-spring)}.btn-primary:hover .btn-orb{transform:translate(2px) scale(1.06);background:#00e05438}.btn-orb--sm{width:1.4rem;height:1.4rem;background:#ffffff0f;color:#c0b2a3}.progress-track{height:4px;border-radius:9999px;background:#ffffff0f;overflow:hidden}.progress-bar{height:100%;width:40%;border-radius:9999px;background:linear-gradient(90deg,transparent,var(--letterboxd-green),transparent);animation:progress-slide 1.4s var(--ease-spring) infinite}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .45s var(--ease-spring) forwards}.page-enter{animation:fadeIn .55s var(--ease-spring) both}.stagger>*{animation:fadeIn .6s var(--ease-spring) both}.stagger>*:nth-child(1){animation-delay:40ms}.stagger>*:nth-child(2){animation-delay:.11s}.stagger>*:nth-child(3){animation-delay:.18s}.stagger>*:nth-child(4){animation-delay:.25s}.stagger>*:nth-child(5){animation-delay:.32s}.stagger>*:nth-child(6){animation-delay:.39s}.stat-card{transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-spring),border-color .4s var(--ease-spring)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -26px #000000e6}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;padding:.6rem 1rem;border-radius:9999px;background:var(--letterboxd-green);color:#14181c;font-size:12px;font-weight:700;transition:top .3s var(--ease-spring)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid rgba(0,224,84,.7);outline-offset:2px;border-radius:.5rem}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#14181c}::-webkit-scrollbar-thumb{background:#2c3440;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--letterboxd-green)}.text-letterboxd-green{color:var(--letterboxd-green)}.bg-letterboxd-green{background-color:var(--letterboxd-green)}.border-letterboxd-green{border-color:var(--letterboxd-green)}.text-letterboxd-orange{color:var(--letterboxd-orange)}.bg-letterboxd-orange{background-color:var(--letterboxd-orange)}.border-letterboxd-orange{border-color:var(--letterboxd-orange)}.text-letterboxd-cyan{color:var(--letterboxd-cyan)}.bg-letterboxd-cyan{background-color:var(--letterboxd-cyan)}.border-letterboxd-cyan{border-color:var(--letterboxd-cyan)}.glow-green{box-shadow:0 0 25px #00e05438}.glow-orange{box-shadow:0 0 25px #ff800038}.glow-cyan{box-shadow:0 0 25px #40bcf438}.rewind-bg{background:radial-gradient(120% 80% at 50% -10%,rgba(0,224,84,.1),transparent 55%),radial-gradient(90% 70% at 100% 110%,rgba(64,188,244,.08),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(255,128,0,.06),transparent 60%),linear-gradient(180deg,#1b2228,#14181c)}.toast{position:fixed;left:50%;bottom:1.5rem;z-index:70;transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;padding:.7rem 1.1rem;border-radius:9999px;background:#171310f2;border:1px solid rgba(255,255,255,.1);color:#f0ebe4;font-size:12px;font-weight:600;box-shadow:0 20px 45px -18px #000000e6;transition:opacity .4s var(--ease-spring),transform .4s var(--ease-spring);max-width:min(92vw,480px);text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast--error{border-color:#f8717159;color:#fecaca}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}