@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg-top:#f0ffe2;--bg-bottom:#96d6a3;--card-bg:hsla(0,0%,100%,.94);--deep-green:#0f3d2e;--soft-green:#5aa870;--mint:#c7f4d0;--accent:#f6ffb5;--shadow:0 25px 75px rgba(9,52,35,.2);--stage-size:520px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at 10% 20%,hsla(0,0%,100%,.7) 0,transparent 40%),radial-gradient(circle at 80% 0,hsla(0,0%,100%,.5) 0,transparent 35%),linear-gradient(145deg,var(--bg-top),var(--bg-bottom));color:var(--deep-green);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem}main{width:min(640px,100%)}.minimal-scene{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero{text-align:center;padding:1rem 1rem 0;color:var(--deep-green)}.minimal-hero h1{font-size:clamp(2.8rem,5vw,4rem);margin-bottom:0}.hero .eyebrow{display:inline-flex;padding:.35rem .85rem;border-radius:999px;background:hsla(0,0%,100%,.45);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.3rem,3vw,3.3rem);margin:1rem 0 .75rem}.hero p{margin:.35rem auto;max-width:40rem;color:rgba(13,59,42,.9)}.panda-focus{width:min(640px,100%);background:hsla(0,0%,100%,.82);border-radius:36px;padding:1.5rem 1.25rem 2.5rem;border:1px solid rgba(15,61,46,.08);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem;align-items:center}.panda-focus--happy{border-color:rgba(31,127,80,.45);box-shadow:0 35px 90px rgba(31,127,80,.35);position:relative}.panda-focus--happy:after{content:"❤";position:absolute;top:10px;right:24px;font-size:1.4rem;color:#ff85ad;animation:float-heart 2.8s ease-in-out infinite}.panda-track{position:relative;width:100%;height:200px;border-radius:28px;background:linear-gradient(120deg,rgba(15,61,46,.06),rgba(198,244,208,.8));overflow:hidden;border:1px solid rgba(15,61,46,.1)}.mini-track{max-width:520px;height:170px}.track-happy{background:linear-gradient(120deg,rgba(31,127,80,.15),hsla(0,0%,100%,.85));animation:glow-track 4s ease-in-out infinite alternate}.panda-track:before{content:"";position:absolute;inset:18px;border-radius:18px;border:1px dashed rgba(15,61,46,.15)}.nostalgia-area{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.nostalgia-tab{border:2px dashed rgba(33,101,71,.4);background:hsla(0,0%,100%,.9);color:#155235;padding:.85rem 1.2rem;border-radius:999px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px rgba(15,82,53,.14)}.nostalgia-tab--open{border-style:solid;box-shadow:0 15px 30px rgba(15,82,53,.25)}.nostalgia-arrow{font-size:1.4rem;animation:arrow-dance 1.2s infinite}.nostalgia-tab--open .nostalgia-arrow{animation-duration:.8s}.nostalgia-pane{width:100%;border-radius:28px;overflow:hidden;border:2px solid rgba(15,61,46,.15);box-shadow:inset 0 0 0 rgba(0,0,0,.05),0 25px 65px rgba(15,61,46,.25)}.nostalgia-pane iframe{width:100%;height:clamp(420px,70vh,760px);border:0;background:#fff}.panda-wanderer{position:absolute;width:min(280px,60vw);filter:drop-shadow(0 14px 22px rgba(7,45,31,.3))}.wanderer-left{top:30px;left:-80px;animation:wander-left 24s steps(26) infinite alternate}.wanderer-right{bottom:-20px;right:-80px;animation:wander-right 26s steps(28) infinite alternate}.button-stage{margin:2rem auto 0;width:var(--stage-size);max-width:100%;height:360px;border-radius:28px;border:2px solid rgba(14,86,58,.18);background:linear-gradient(160deg,hsla(0,0%,100%,.9),rgba(203,245,214,.95));position:relative;overflow:hidden}.cta{font-size:1rem;font-weight:600;padding:.85rem 2rem;border-radius:999px;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.cta:focus-visible{outline:3px solid rgba(90,168,112,.4);outline-offset:4px}.cta.yes{position:absolute;left:50%;top:calc(100% - 120px);transform:translateX(-50%);background:linear-gradient(125deg,#1f7f50,#6ec288);color:#f8fff2;box-shadow:0 18px 40px rgba(31,127,80,.35);font-size:1.2rem;min-width:200px}.cta.yes:hover{transform:translateX(-50%) scale(1.05)}.cta.no{position:absolute;background:#f1fff4;color:#216547;border:1px solid rgba(33,101,71,.25);width:150px;height:64px;box-shadow:0 16px 28px rgba(20,62,47,.15);transition:transform .35s ease;font-size:1.05rem}.panda-wrapper{position:absolute;top:0;left:0;width:220px;height:240px;pointer-events:none;transition:transform .4s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes wander-left{0%{transform:translate3d(-10%,0,0) scale(.92)}to{transform:translate3d(120%,-6px,0) scale(1)}}@keyframes wander-right{0%{transform:translate3d(10%,0,0) scale(.9) scaleX(-1)}to{transform:translate3d(-130%,4px,0) scale(1) scaleX(-1)}}.firework-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.firework{position:absolute;width:26px;height:26px;transform:rotate(45deg) scale(.6);animation-name:float-heart;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.firework:after,.firework:before{content:"";position:absolute;width:26px;height:26px;background:currentColor;border-radius:50%}.firework:before{top:-13px;left:0}.firework:after{left:-13px;top:0}@keyframes float-heart{0%{opacity:0;transform:rotate(45deg) translateY(0) scale(.4)}20%{opacity:1}70%{transform:rotate(45deg) translateY(-40px) scale(.95);opacity:.9}to{opacity:0;transform:rotate(45deg) translateY(-70px) scale(1.1)}}@keyframes glow-track{0%{box-shadow:inset 0 0 0 rgba(31,127,80,0)}to{box-shadow:inset 0 0 40px rgba(31,127,80,.25)}}@keyframes arrow-dance{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:700px){body{padding:2rem 1rem}.button-stage{height:280px}.cta.yes{top:calc(100% - 100px)}.panda-wrapper{width:180px;height:210px}}