*,*: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}.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}.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 p{margin:0;font-size:.55rem;opacity:.35;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}