*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:Nunito,system-ui,sans-serif;background:#0f0e17;color:#fef9ef;overflow:hidden}.nostalgia-app{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.nostalgia-header{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(8,8,16,.72) 0%,transparent 100%);pointer-events:none}.nostalgia-header>*{pointer-events:auto}.nostalgia-logo{display:flex;flex-direction:column;gap:.1rem}.logo-main{font-family:Cormorant Garamond,Georgia,serif;font-size:1.65rem;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 24px rgba(255,200,120,.35)}.logo-sub{font-size:.65rem;text-transform:uppercase;letter-spacing:.22em;opacity:.65}.header-actions{display:flex;align-items:center;gap:.5rem}.header-shop-link{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd166;text-decoration:none;padding:.35rem .65rem;border:1px solid rgba(255,209,102,.45);border-radius:999px;background:#0c0c188c;transition:background .2s,border-color .2s}.header-shop-link:hover{background:#ff4d6d40;border-color:#ff4d6d}.shuffle-btn,.sound-toggle{border:1px solid rgba(255,255,255,.22);background:#0c0c188c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fef9ef;font-family:inherit;font-size:.75rem;font-weight:600;padding:.45rem .75rem;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}.shuffle-btn:hover,.sound-toggle:hover{background:#ffffff1f;border-color:#ffdca073}.sound-toggle.is-on{border-color:#ffc87899;box-shadow:0 0 16px #ffb45040}.welcome-toast{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);z-index:25;padding:.55rem 1rem;border-radius:999px;background:#141220d1;border:1px solid rgba(255,220,160,.25);font-size:.8rem;animation:fadeToast 3.2s ease forwards;pointer-events:none}@keyframes fadeToast{0%,70%{opacity:1}to{opacity:0}}.nostalgia-main{flex:1;position:relative;min-height:0}.memory-stage,.memory-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0}.memory-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:5.5rem 1.5rem 7.5rem;max-width:42rem;background:linear-gradient(0deg,rgba(8,6,14,.92) 0%,rgba(8,6,14,.45) 45%,transparent 70%)}@media(min-width:768px){.memory-copy{padding:6rem 3rem 8rem;max-width:36rem}}.memory-kicker{margin:0 0 .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.28em;opacity:.7}.memory-title{margin:0 0 .75rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;line-height:1.05;text-shadow:0 4px 32px rgba(0,0,0,.5)}.memory-scene{margin:0 0 1rem;font-size:1rem;line-height:1.55;opacity:.92}.memory-trivia{margin:0;padding:.75rem 0 0 .85rem;border-left:2px solid rgba(255,200,120,.55);font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-style:italic;opacity:.88}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-sky{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;will-change:transform}.scene-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(255,240,210,.2) 0%,transparent 55%)}.scene-hill{position:absolute;left:-10%;right:-10%;height:45%;border-radius:50% 50% 0 0}.scene-hill-back{bottom:18%}.scene-hill-front{bottom:0;height:32%}.scene-trees{position:absolute;top:0;right:0;left:0;bottom:22%}.tree{position:absolute;bottom:0;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:52px solid rgba(20,40,30,.75);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform-origin:bottom center}.scene-glow{position:absolute;width:60%;height:50%;left:20%;top:15%;pointer-events:none}.scene-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.scene-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);opacity:.4;pointer-events:none}.scene-window-light{position:absolute;top:25%;right:18%;width:22%;height:28%;background:radial-gradient(circle,rgba(255,240,180,.5),transparent 70%);border-radius:4px;box-shadow:0 0 60px #ffdc8c59}.scene-fireflies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff8dc;box-shadow:0 0 8px 2px #fff0b4cc}.shop-gateway{position:absolute;right:1rem;bottom:5.5rem;z-index:28;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;padding:.65rem 1rem;border-radius:12px;background:#ff78502e;border:1px solid rgba(255,180,100,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff8f0;text-decoration:none;max-width:14rem;text-align:right;box-shadow:0 8px 32px #00000059}@media(min-width:768px){.shop-gateway{right:1.5rem;bottom:6rem;max-width:16rem}}.shop-gateway-brand{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;opacity:.85}.shop-gateway-hook{font-size:.85rem;font-weight:700}.shop-gateway-cta{display:block;margin-top:.35rem;font-size:.72rem;font-weight:600;color:#ffd166;letter-spacing:.04em}.topic-remote{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);z-index:35;width:min(100% - 1rem,520px)}.remote-handle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0a0a14c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fef9ef;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.remote-handle-icon{color:#ffc878e6;font-size:.9rem}.remote-panel{overflow:hidden;margin-top:.45rem;padding:.5rem;border-radius:16px;background:#080812e0;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.remote-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}@media(max-width:480px){.remote-list{grid-template-columns:repeat(4,1fr);gap:.25rem}}.remote-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.45rem .25rem;border:1px solid transparent;border-radius:10px;background:#ffffff0a;color:#fef9ef;font-family:inherit;font-size:.62rem;cursor:pointer;transition:background .15s,border-color .15s}.remote-chip:hover{background:#ffffff1a}.remote-chip.is-active{border-color:#ffc8788c;background:#ffa05026}.remote-chip-icon{font-size:1rem;line-height:1}.remote-chip-label{letter-spacing:.02em}.nostalgia-footer{position:absolute;bottom:0;left:0;right:0;z-index:5;pointer-events:none;padding:0 1rem .35rem;text-align:center}.nostalgia-footer-links{pointer-events:auto}.nostalgia-footer p{margin:0;font-size:.55rem;opacity:.35;letter-spacing:.04em}.nostalgia-footer-links{margin-top:.35rem;opacity:.55!important}.nostalgia-footer-links a{color:#ffd166;text-decoration:none}.nostalgia-footer-links a:hover{text-decoration:underline}.memory-stage--cinematic .memory-stage-inner{display:flex;flex-direction:column}.cinematic-reel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;background:#050508}.reel-perf{width:28px;flex-shrink:0;background:repeating-linear-gradient(180deg,#0a0a0f 0,#0a0a0f 12px,#1a1a22 12px,#1a1a22 24px);opacity:.9;z-index:2}.reel-perf--left{border-right:2px solid rgba(255,255,255,.06)}.reel-perf--right{border-left:2px solid rgba(255,255,255,.06)}.reel-viewport{position:relative;flex:1;overflow:hidden;min-width:0}.reel-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.reel-vhs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:3;opacity:.35}.reel-flicker{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff05;animation:reelFlicker 4s steps(1) infinite;pointer-events:none;z-index:4}@keyframes reelFlicker{0%,92%,to{opacity:0}93%{opacity:.08}94%{opacity:0}96%{opacity:.05}}.reel-letterbox{position:absolute;left:0;right:0;height:8%;background:#000;z-index:5;pointer-events:none}.reel-letterbox--top{top:0}.reel-letterbox--bottom{bottom:0}.reel-leader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#0000008c}.reel-leader-count{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,12vw,5rem);font-weight:700;color:#fff;text-shadow:0 0 40px rgba(255,200,100,.5);animation:leaderPop .6s ease forwards}.reel-leader-count:nth-child(1){animation-delay:0s}.reel-leader-count:nth-child(2){animation-delay:.55s}.reel-leader-count:nth-child(3){animation-delay:1.1s}@keyframes leaderPop{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.reel-leader-title{margin:1rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.12em;text-transform:uppercase;opacity:.9}.reel-intertitle{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:11;margin:0;max-width:min(88%,520px);padding:1rem 1.5rem;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.25rem,4.5vw,2rem);font-weight:600;line-height:1.35;color:#fff8f0;text-shadow:0 2px 24px rgba(0,0,0,.8);background:#00000073;border:1px solid rgba(255,220,160,.25);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reel-tc{position:absolute;top:10%;left:1rem;z-index:8;display:flex;gap:.75rem;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.75;pointer-events:none}.reel-tc-blink{color:#f46;animation:recBlink 1.2s steps(1) infinite}@keyframes recBlink{0%,60%{opacity:1}61%,to{opacity:.3}}.memory-copy--cinematic{background:linear-gradient(0deg,rgba(4,4,10,.95) 0%,rgba(4,4,10,.5) 50%,transparent 85%);padding-bottom:8rem;max-width:100%}.memory-copy--cinematic .memory-title{font-size:clamp(1.5rem,5vw,2.4rem)}.memory-tagline{margin:0;font-size:.9rem;line-height:1.45;opacity:.8;max-width:28rem}@media(max-width:480px){.reel-perf{width:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}