:root{--milk:#fff8f5;--blush:#f4d6e0;--rose:#e8b4c8;--rose-deep:#c45c7a;--rose-hot:#e07a9a;--ink:#5c3a4a;--ink-soft:#8a6574;--gold:#c9a36b;--gold-deep:#9a6b1e;--paper:#fffaf6;--shadow:#5c3a4a2e;--font-script:"Caveat", cursive;--font-love:"Marck Script", cursive;--font-serif:"Cormorant Garamond", Georgia, serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;min-height:100%;margin:0}html{background:var(--milk)}body{font-family:var(--font-serif);color:var(--ink);background:radial-gradient(at 18% 0,#ffe4ec 0%,#0000 52%),radial-gradient(at 88% 100%,#f4d6e0 0%,#0000 48%),linear-gradient(#fff8f5 0%,#f8e8ee 100%);overflow:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.app{min-height:100svh;position:relative}.stage{width:100%;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.scene-frame{position:absolute;inset:0}.scene{width:100%;height:100%;padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));touch-action:none;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.scene--scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.vignette{pointer-events:none;z-index:6;background:radial-gradient(#0000 42%,#c45c7a24 100%);position:fixed;inset:0}.grain{pointer-events:none;z-index:7;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.petals{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.petal{transform-origin:50%;filter:drop-shadow(0 4px 6px #c45c7a2e);background:radial-gradient(circle at 30% 30%,#ffd6e5,#e891b0);border-radius:80% 0;animation-name:petal-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-12%}.petal-heart{color:#e07a9a;opacity:.35;width:16px;animation:16s linear infinite petal-fall;position:absolute}.petal-heart--a{animation-duration:18s;animation-delay:-4s;left:18%}.petal-heart--b{width:13px;animation-duration:21s;animation-delay:-9s;left:72%}@keyframes petal-fall{0%{transform:translate(0,0)rotate(0)}50%{transform:translate3d(var(--sway,18px), 55vh, 0) rotate(180deg)}to{transform:translate3d(calc(var(--sway,18px) * -1), 112vh, 0) rotate(360deg)}}@media (width<=767px){.petal:nth-child(n+9),.petal-heart--b{display:none}}@media (hover:hover) and (pointer:fine){body,button,a,[role=button]{cursor:none}}.heart-cursor{pointer-events:none;z-index:80;width:18px;height:18px;color:var(--rose-deep);filter:drop-shadow(0 2px 6px #c45c7a73);margin:-6px 0 0 -9px;position:fixed;top:0;left:0}.heart-cursor svg{width:100%;height:100%}.paper-kicker{font-family:var(--font-serif);letter-spacing:.28em;text-transform:lowercase;color:var(--ink-soft);margin:0 0 10px;font-size:.95rem;font-style:italic}.paper{background:linear-gradient(180deg, #ffffff8c, transparent 30%), var(--paper);color:var(--ink);box-shadow:0 22px 50px var(--shadow), 0 2px 0 #ffffffb3 inset;border:1px solid #e8b4c873;position:relative}.paper:after{content:"";pointer-events:none;border:1px solid #e8b4c847;position:absolute;inset:12px}.btn,.quiz-option{appearance:none;min-height:48px;font-family:var(--font-script);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.5rem;font-size:1.45rem;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:disabled{pointer-events:none}.btn-yes,.btn-primary{background:linear-gradient(180deg, #e58aa6, var(--rose-deep));color:#fff8f5;box-shadow:0 12px 24px #c45c7a52}.btn-no{color:var(--rose-deep);border:1.5px solid var(--rose);background:#fff8f5;box-shadow:0 8px 18px #5c3a4a1a}.btn-no-placeholder{pointer-events:none;flex:none;display:inline-flex}.btn-no--free{z-index:40;will-change:left, top, transform;margin:0;transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),transform .22s,box-shadow .22s,background .22s;position:fixed;transform:translate(0,0)}.btn-no--free:active{transform:translate(0,0)scale(.96)}@media (hover:hover) and (pointer:fine){.btn-yes:hover,.btn-primary:hover{transform:translateY(-1px)}}.scene-envelope{gap:clamp(18px,4dvh,30px)}.envelope-hint{font-family:var(--font-script);color:var(--ink-soft);text-shadow:0 2px 12px #ffffffdb;margin:0;font-size:clamp(1.45rem,4.4vw,2.15rem);transition:opacity .45s,transform .45s}.envelope-hint.is-hidden{opacity:0;transform:translateY(-10px)scale(.98)}.envelope{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 28px 34px #5c3a4a38);transform-origin:50% 78%;background:0 0;border:0;outline:none;padding:18px 10px 28px;position:relative}.envelope:not(.is-open){animation:4.8s ease-in-out infinite envelope-idle}.envelope.is-open{pointer-events:none;animation:3.6s cubic-bezier(.22,1,.36,1) forwards envelope-open-lift}@media (hover:hover) and (pointer:fine){.envelope:not(.is-open):hover{filter:drop-shadow(0 32px 38px #5c3a4a42)}}.envelope-stage{--env-w:min(440px, 88vw);width:var(--env-w);height:calc(var(--env-w) * .62);perspective:1400px;transform-style:preserve-3d;border-radius:10px 10px 20px 20px;position:relative;overflow:hidden}.envelope-stage:after{content:"";z-index:9;opacity:0;background:linear-gradient(90deg,#0000,#9a4e6847,#0000);border-radius:999px;height:2px;position:absolute;top:2px;left:5%;right:5%;transform:translateZ(42px)}.envelope.is-open .envelope-stage{clip-path:inset(-180% -22% 0);overflow:visible}.envelope.is-open .envelope-stage:after{animation:1.18s .32s forwards hinge-soft}.envelope-back,.envelope-throat,.envelope-front,.letter-pocket,.letter-peek,.flap{position:absolute}.envelope-back{z-index:1;background:radial-gradient(circle at 22% 0,#ffffff80,#0000 30%),linear-gradient(#f8d1df 0%,#e9a4bd 100%);border-radius:10px 10px 20px 20px;inset:0;overflow:hidden;box-shadow:inset 0 0 0 7px #fff8f533,inset 0 18px 26px #fff3,inset 0 -18px 30px #c45c7a24}.envelope-back:before{content:"";opacity:.72;background:linear-gradient(28deg,#0000 49.4%,#fff3 50%,#0000 50.6%) 0 100%/50% 100% no-repeat,linear-gradient(-28deg,#0000 49.4%,#c45c7a1f 50%,#0000 50.6%) 100% 100%/50% 100% no-repeat;position:absolute;inset:0}.envelope-throat{z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);opacity:0;background:linear-gradient(#5c3a4a33,#0000 72%),linear-gradient(135deg,#dd8daa 0%,#f8d3df 48%,#dc89a6 100%);height:56%;top:7%;left:5%;right:5%;transform:translateY(12px)translateZ(4px)}.envelope.is-open .envelope-throat{animation:1.05s .52s forwards throat-reveal}.letter-pocket{z-index:4;pointer-events:none;border-radius:10px 10px 20px 20px;inset:0;overflow:hidden}.envelope.is-open .letter-pocket{clip-path:inset(-190% 9% 0);overflow:visible}.letter-peek{z-index:4;opacity:0;visibility:hidden;pointer-events:none;transform-origin:50% 100%;will-change:transform, opacity, visibility;background:linear-gradient(90deg,#e8b4c82e 1px,#0000 1px) 18px 0/34px 100%,linear-gradient(#fffefa,#fff5ef);border-radius:7px 7px 3px 3px;flex-direction:column;gap:10px;height:88%;padding:28px 20px 20px;display:flex;top:12%;left:11%;right:11%;transform:translateY(10%)translateZ(4px)scale(.97);box-shadow:0 18px 32px #5c3a4a29,inset 0 0 0 1px #e8b4c847}.letter-peek:before{content:"";pointer-events:none;border:1px solid #e8b4c838;position:absolute;inset:10px}.letter-peek span{background:#f0d4de;border-radius:99px;height:6px;display:block}.letter-peek .letter-topline{background:#e8b4c8;width:38%;height:8px;margin-bottom:3px}.letter-peek span:nth-child(2){width:72%}.letter-peek span:nth-child(3){width:88%}.letter-peek span:nth-child(4){width:64%}.letter-peek .letter-signature{background:#ddb3c1;align-self:flex-end;width:46%;margin-top:auto}.envelope-front{z-index:5;clip-path:polygon(0 36%,50% 68%,100% 36%,100% 100%,0 100%);background:linear-gradient(#f7cfe0 0%,#e49ab5 100%);border-radius:10px 10px 20px 20px;inset:0;overflow:hidden;transform:translateZ(16px);box-shadow:inset 0 15px 18px #ffffff38,inset 0 -14px 26px #c45c7a1f}.envelope-front:before{content:"";opacity:.9;background:linear-gradient(35deg,#0000 49.3%,#ffffff52 49.8% 50.3%,#0000 50.8%) 0 100%/50% 100% no-repeat,linear-gradient(-35deg,#0000 49.3%,#bc507024 49.8% 50.3%,#0000 50.8%) 100% 100%/50% 100% no-repeat;position:absolute;inset:0}.envelope-front:after{content:"";opacity:.4;background:linear-gradient(#5c3a4a1a,#0000 58%);height:42%;position:absolute;top:34%;left:0;right:0}.envelope-label{z-index:1;text-align:center;pointer-events:none;position:absolute;bottom:7%;left:18%;right:18%}.envelope-to,.envelope-months{display:block}.envelope-to{font-family:var(--font-script);color:#924963;font-size:clamp(1.35rem,3.8vw,1.85rem);line-height:.95}.envelope-months{font-family:var(--font-serif);letter-spacing:.32em;color:#a7657d;text-transform:lowercase;margin-top:6px;font-size:.68rem;font-style:italic}.flap{z-index:10;transform-origin:50% 0;height:68%;transform-style:preserve-3d;will-change:transform, filter;top:0;left:0;right:0;transform:rotateX(0)translateZ(28px)}.envelope.is-open .flap{animation:1.32s cubic-bezier(.42,0,.15,1) .38s forwards flap-open-final}.envelope.is-flap-behind .flap{z-index:0}.flap-face{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;position:absolute;inset:0}.flap-front{filter:drop-shadow(0 8px 12px #5c3a4a1f);background:radial-gradient(circle at 50% 70%,#ffffff4d,#0000 28%),linear-gradient(#fee5ee 0%,#f0aec5 100%)}.flap-back{background:linear-gradient(#fff3,#0000),linear-gradient(#efbed0 0%,#de91ad 100%);transform:rotateX(180deg)}.seal{z-index:11;color:#fff7ea;will-change:transform, opacity;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)translateZ(42px)}.seal-half{background:radial-gradient(circle at 33% 29%,#f4dca9 0 14%,#0000 15%),radial-gradient(circle,#d0a04a,#91601a);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 3px 6px #ffffff61,inset 0 -6px 10px #50280052,0 8px 14px #5c3a4a38}.seal-half--left{clip-path:polygon(0 0,54% 0,44% 31%,56% 52%,42% 100%,0 100%)}.seal-half--right{clip-path:polygon(48% 0,100% 0,100% 100%,46% 100%,58% 62%,45% 40%)}.seal-crack{z-index:2;opacity:0;background:#fff7ead6;width:2px;position:absolute;top:12px;bottom:12px;left:calc(50% - 1px);transform:rotate(12deg)}.seal-heart{z-index:3;filter:drop-shadow(0 1px #5028003d);width:24px;position:relative}.envelope.is-open .seal{animation:.86s cubic-bezier(.18,.89,.32,1.25) forwards seal-pop-clean}.envelope.is-open .seal-crack{animation:.32s forwards seal-crack-show}.envelope.is-open .seal-half--left{animation:.76s forwards seal-left-break}.envelope.is-open .seal-half--right{animation:.76s forwards seal-right-break}.envelope.is-open .seal-heart{animation:.48s .16s forwards seal-heart-fade}.envelope.is-open .letter-peek{animation:1.48s cubic-bezier(.18,.84,.32,1) 1.72s forwards letter-rise-final}@keyframes envelope-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes envelope-open-lift{0%{transform:translateY(0)}18%{transform:translateY(-3px)}to{transform:translateY(-10px)}}@keyframes hinge-soft{0%,to{opacity:0}24%,76%{opacity:1}}@keyframes throat-reveal{0%{opacity:0;transform:translateY(12px)translateZ(4px)}to{opacity:.76;transform:translateY(0)translateZ(4px)}}@keyframes flap-open-final{0%{filter:brightness();transform:rotateX(0)translateZ(28px)}14%{filter:brightness(1.02);transform:rotateX(-18deg)translateZ(30px)}42%{filter:brightness(1.04);transform:rotateX(-92deg)translateZ(18px)}72%{filter:brightness(1.01);transform:rotateX(-158deg)translateZ(4px)}to{filter:brightness(.98);transform:rotateX(-180deg)translateZ(-6px)}}@keyframes seal-crack-show{0%{opacity:0;transform:scaleY(.2)rotate(12deg)}to{opacity:1;transform:scaleY(1)rotate(12deg)}}@keyframes seal-pop-clean{0%{opacity:1;transform:translate(-50%,-50%)translateZ(42px)scale(1)rotate(0)}38%{opacity:1;transform:translate(-50%,-52%)translateZ(42px)scale(1.07)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-86%)translateZ(42px)scale(.76)rotate(18deg)}}@keyframes seal-left-break{0%,34%{transform:translate(0)rotate(0)}to{transform:translate(-12px,-6px)rotate(-18deg)}}@keyframes seal-right-break{0%,34%{transform:translate(0)rotate(0)}to{transform:translate(12px,6px)rotate(18deg)}}@keyframes seal-heart-fade{to{opacity:0;transform:scale(.72)}}@keyframes letter-rise-final{0%{opacity:0;visibility:visible;transform:translateY(12%)translateZ(4px)scale(.97)}18%{opacity:1;visibility:visible;transform:translateY(6%)translateZ(6px)scale(.98)}55%{opacity:1;visibility:visible;transform:translateY(-28%)translateZ(10px)scale(1)}to{opacity:1;visibility:visible;transform:translateY(-62%)translateZ(12px)scale(1.01)}}.scene-question{justify-content:center}.paper-question{text-align:center;border-radius:4px;width:min(560px,100%);padding:42px 36px 34px}.paper-question.is-loved{animation:1.8s loved-glow}.question-title{font-family:var(--font-script);text-wrap:balance;margin:0 0 28px;font-size:clamp(2.15rem,8vw,4.4rem);font-weight:600;line-height:1.12}.question-actions{z-index:2;justify-content:center;gap:16px;display:flex;position:relative}.btn-yes,.btn-no{min-width:124px}.burst{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.burst-flash{background:radial-gradient(circle at 50% 48%,#ffd6e4eb 0%,#ffb6cc6b 28%,#fff4f814 58%,#0000 74%);animation:1.35s ease-out forwards burst-flash;position:absolute;inset:-8%}.burst-ring{border:2px solid #c45c7a73;border-radius:50%;width:90px;height:90px;animation:1.5s cubic-bezier(.16,1,.3,1) forwards burst-ring;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.burst-origin{width:0;height:0;position:absolute;top:48%;left:50%}.burst-core-wrap{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.burst-core{width:min(170px,42vw);color:var(--rose-deep);filter:drop-shadow(0 16px 34px #c45c7a6b);display:block}.burst-core svg{width:100%;height:auto;display:block}.burst-heart{width:28px;color:var(--rose-deep);filter:drop-shadow(0 6px 10px #c45c7a47);position:absolute;top:0;left:0}.burst-spark{background:#fff8f5;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0;box-shadow:0 0 12px #ffd6e4e6}@keyframes burst-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes burst-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(7.2)}}@keyframes loved-glow{0%{transform:translateY(0)scale(1);box-shadow:0 18px 40px #5c3a4a1f}35%{transform:translateY(-4px)scale(1.03);box-shadow:0 0 0 10px #ffd6e48c,0 28px 60px #c45c7a47}to{transform:translateY(0)scale(1);box-shadow:0 18px 40px #5c3a4a1f}}.scene-letter{padding-top:calc(28px + var(--safe-top))}.paper-letter{border-radius:3px;width:min(620px,100%);max-height:none;margin:auto;padding:42px 40px 36px}.letter-hello{font-family:var(--font-script);margin:0 0 18px;font-size:clamp(2rem,7vw,3.4rem);font-weight:600}.letter-body{gap:14px;margin-bottom:28px;display:grid}.letter-body p{margin:0;font-size:clamp(1.15rem,2.4vw,1.42rem);line-height:1.65}.paper-letter .btn{margin:0 auto;display:flex}.quiz{justify-items:center;gap:22px;width:min(920px,100%);display:grid}.quiz-progress{gap:10px;display:flex}.quiz-dot{color:#e7c3d0;width:18px}.quiz-dot.is-on{color:var(--rose-deep)}.quiz-copy{text-align:center;width:min(520px,100%)}.quiz-prompt{font-family:var(--font-script);text-wrap:balance;margin:0 0 20px;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:600;line-height:1.2}.quiz-options{gap:10px;display:grid}.quiz-option{background:#fffaf6db;border:1px solid #e8b4c88c;width:100%;box-shadow:0 8px 18px #5c3a4a14}.quiz-option.is-correct{border-color:var(--rose-deep);color:var(--rose-deep);background:linear-gradient(#ffe4ee,#f7c5d4);box-shadow:0 0 0 4px #c45c7a2e,0 14px 28px #c45c7a33}.quiz-win-copy{justify-items:center;gap:14px;display:grid}.quiz-win-label{font-family:var(--font-script);color:var(--rose-deep);margin:0;font-size:clamp(1.5rem,4vw,2rem)}.quiz-polaroid{width:min(260px,72vw);position:relative}.quiz-polaroid-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ffb6cc8c,#0000 62%);animation:1.6s ease-in-out infinite quiz-glow;position:absolute;inset:-18%}.quiz-polaroid .polaroid{z-index:1;width:100%;position:relative}.quiz-stamp{z-index:2;font-family:var(--font-script);color:#c45c7a;background:#fff8f5db;border:2px solid #c45c7a;border-radius:6px;padding:6px 12px;font-size:1.35rem;position:absolute;top:18px;right:-8px;transform:rotate(-12deg);box-shadow:0 8px 16px #5c3a4a1f}.quiz-dot-wrap{place-items:center;width:28px;height:28px;display:grid}.quiz-dot-wrap.is-current.is-done{animation:.7s cubic-bezier(.18,.89,.32,1.28) quiz-dot-pop}.quiz-burst{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:hidden}.quiz-burst-flash{background:radial-gradient(circle at 50% 42%,#ffd6e4b3,#fff4f814 46%,#0000 70%);animation:.9s ease-out forwards burst-flash;position:absolute;inset:-10%}.quiz-burst-ring{border:2px solid #c45c7a66;border-radius:50%;width:70px;height:70px;animation:1.1s cubic-bezier(.16,1,.3,1) forwards burst-ring;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.quiz-burst-origin{width:0;height:0;position:absolute;top:42%;left:50%}.quiz-burst-heart{width:20px;color:var(--rose-deep);filter:drop-shadow(0 6px 10px #c45c7a40);position:absolute;top:0;left:0}@keyframes quiz-glow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes quiz-dot-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.hungry-overlay{z-index:60;background:#4a2a389e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hungry-card{text-align:center;background:linear-gradient(#fffdfa,#fff4f0);border-radius:18px;width:min(520px,92vw);padding:42px 28px 32px;box-shadow:0 28px 70px #5c3a4a47,inset 0 0 0 1px #e8b4c873}.hungry-title{font-family:var(--font-script);color:var(--rose-deep);text-wrap:balance;margin:0 0 26px;font-size:clamp(2.1rem,8vw,3.6rem);line-height:1.12}.hungry-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.scene-gallery{gap:8px}.gallery-hint{font-family:var(--font-script);color:var(--ink-soft);margin:0 0 8px;font-size:1.35rem}.gallery-board{width:min(960px,94vw);height:min(560px,64dvh);margin:8px 0 18px;position:relative}.gallery-board .polaroid{width:210px;position:absolute}.polaroid{text-align:center;color:inherit;background:#fffef8;border:0;margin:0;padding:12px 12px 36px;position:relative;box-shadow:0 16px 36px #5c3a4a29}.polaroid--button{cursor:pointer}.polaroid-photo{aspect-ratio:4/5;background:var(--blush);display:block;overflow:hidden}.polaroid-photo img{object-fit:cover;width:100%;height:100%}.polaroid-caption{font-family:var(--font-script);margin-top:10px;font-size:1.15rem;line-height:1.2;display:block}.polaroid img,.polaroid-photo,.polaroid-caption,.polaroid-heart{pointer-events:none}.polaroid-heart{width:14px;color:var(--rose-deep);opacity:.7;position:absolute;bottom:12px;right:14px}.polaroid--large{width:min(320px,82vw);padding-bottom:42px}.lightbox{z-index:50;touch-action:none;background:#5c3a4a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-card{position:relative}.lightbox-close{width:42px;height:42px;color:var(--ink);background:#fff8f5;border:0;border-radius:50%;font-size:1.6rem;line-height:1;position:absolute;top:-14px;right:-14px;box-shadow:0 8px 18px #5c3a4a33}.scene-finale{text-align:center;gap:18px}.finale-line{font-family:var(--font-love);text-wrap:balance;color:var(--rose-deep);text-shadow:0 8px 30px #c45c7a2e;margin:0;padding-inline:8px;font-size:clamp(2.7rem,12vw,7.2rem);font-weight:400;line-height:1.05}.finale-hearts{color:var(--rose-deep);gap:12px;margin:6px 0 10px;display:flex}.finale-hearts svg{width:28px}.scene-stars{text-align:center;gap:10px}.stars-title{font-family:var(--font-script);margin:0;font-size:clamp(2rem,7vw,3.4rem);font-weight:600;line-height:1.1}.stars-hint{font-family:var(--font-script);color:var(--ink-soft);margin:0 0 8px;font-size:1.28rem}.stars-sky{background:radial-gradient(circle at 50% 42%,#ffd6e46b,#0000 32%),radial-gradient(circle at 22% 18%,#ffffff47,#0000 26%),linear-gradient(#5c3a4a 0%,#8a4e66 38%,#c45c7a 100%);border-radius:32px;width:min(560px,92vw);height:min(440px,54dvh);margin:8px 0 4px;position:relative;overflow:hidden;box-shadow:0 28px 48px #5c3a4a47,inset 0 0 0 1px #fff8f547}.stars-glow{pointer-events:none;background:radial-gradient(circle at 50% 46%,#ffb6cc47,#0000 62%);position:absolute;inset:18% 16% 12%}.stars-sky.is-complete .stars-glow{animation:1.6s ease-in-out infinite heart-pulse}.sky-dust{opacity:.45;pointer-events:none;background:#fff8f5;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite sky-twinkle;position:absolute}.stars-lines{pointer-events:none;filter:drop-shadow(0 0 10px #ffd6e48c);width:100%;height:100%;position:absolute;inset:0}.heart-draw{filter:drop-shadow(0 0 6px #fff8f5cc)}.star-btn{color:#fff8f59e;background:0 0;border:0;width:58px;height:58px;padding:0;position:absolute;transform:translate(-50%,-50%)}.star-sparkle{filter:drop-shadow(0 0 6px #fff8f559);width:22px;height:22px;margin:0 auto 1px;transition:transform .35s,color .35s,filter .35s;display:block}.star-btn.is-on{color:#fff8f5}.star-btn.is-on .star-sparkle{filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 22px #ffb6cce6);width:26px;height:26px;animation:1.8s ease-in-out infinite star-shine;transform:scale(1.12)rotate(18deg)}.star-label{font-family:var(--font-serif);letter-spacing:.14em;color:#ffe4ee;font-size:.72rem}.stars-heart-word-wrap{pointer-events:none;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.stars-heart-word{font-family:var(--font-love);color:#fff8f5;text-shadow:0 8px 24px #5c3a4a59;margin:0;font-size:clamp(2.1rem,8vw,3.4rem)}.stars-burst{color:#fff8f5;pointer-events:none;width:14px;position:absolute;top:46%;left:50%}.shooting-star{pointer-events:none;background:linear-gradient(90deg,#0000,#fff,#ffd6e5);border-radius:99px;width:90px;height:2px;animation:1.15s cubic-bezier(.22,1,.36,1) .2s both shooting-star;position:absolute;top:16%;left:-20%;box-shadow:0 0 12px #fff}.stars-caption{width:min(520px,92vw);min-height:4.4em}.stars-line{font-family:var(--font-script);color:var(--ink);margin:0;font-size:clamp(1.25rem,3.4vw,1.7rem);line-height:1.35}.stars-line--idle{min-height:1.35em}.scene-promises{text-align:center;gap:10px;overflow:visible}.promises-title{font-family:var(--font-script);margin:0;font-size:clamp(2rem,7vw,3.3rem);font-weight:600;line-height:1.1}.promises-hint{font-family:var(--font-script);color:var(--ink-soft);margin:0 0 6px;font-size:1.28rem}.gift{color:inherit;background:0 0;border:0;outline:none;padding:12px 18px 28px;position:relative}.gift:not(.is-open){cursor:pointer;animation:3.6s ease-in-out infinite gift-idle}.gift-glow{pointer-events:none;background:radial-gradient(circle at 50% 70%,#ffd6e48c,#0000 64%);position:absolute;inset:20% 8% 8%}.gift.is-open .gift-glow{animation:1.8s ease-in-out infinite quiz-glow}.gift-stage{--box-w:min(270px, 72vw);width:var(--box-w);height:calc(var(--box-w) * .78);perspective:1100px;transform-style:preserve-3d;display:block;position:relative}.gift-body,.gift-inner,.gift-lid,.gift-lid-face,.gift-latch,.gift-heart{display:block;position:absolute}.gift-body{z-index:2;background:radial-gradient(circle at 50% 0,#ffffff61,#0000 36%),linear-gradient(#f3c0d2 0%,#c45c7a 100%);border-radius:12px 12px 18px 18px;height:54%;bottom:6%;left:7%;right:7%;box-shadow:inset 0 10px 16px #ffffff38,inset 0 -12px 18px #5c3a4a29}.gift-inner{z-index:1;background:radial-gradient(circle at 50% 40%,#fff4ea,#e8b4c8);border-radius:10px;place-items:center;height:42%;display:grid;bottom:22%;left:18%;right:18%;transform:translateZ(2px)}.gift-heart{color:#c45c7a;filter:drop-shadow(0 6px 10px #5c3a4a33);width:36px}.gift.is-open .gift-heart{animation:1.2s cubic-bezier(.22,1,.36,1) .2s both gift-heart-rise}.gift-lid{z-index:4;transform-origin:50% 0;height:46%;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.42,0,.18,1);top:14%;left:5%;right:5%;transform:rotateX(0)translateZ(18px)}.gift.is-open .gift-lid{transform:rotateX(-132deg)translateZ(4px)}.gift-lid-face{background:radial-gradient(circle at 50% 30%,#fff6,#0000 34%),linear-gradient(#ffe4ee 0%,#e891b0 100%);border-radius:16px 16px 8px 8px;inset:0;box-shadow:0 10px 18px #5c3a4a29}.gift-latch{background:linear-gradient(#f4dca9,#c9a36b);border-radius:0 0 10px 10px;width:28px;height:22px;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #fff6}.promise-notes{flex-wrap:wrap;justify-content:center;gap:12px;width:min(720px,94vw);min-height:7.5rem;margin-top:4px;display:flex}.promise-note{text-align:left;background:linear-gradient(#fffdfa,#fff3ee);border-radius:4px 12px;width:min(220px,86vw);padding:16px 16px 18px;box-shadow:0 14px 28px #5c3a4a24,inset 0 0 0 1px #e8b4c866}.promise-note p{font-family:var(--font-script);color:var(--ink);margin:0;font-size:1.22rem;line-height:1.3}@keyframes gift-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gift-heart-rise{0%{opacity:.4;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(-18px)scale(1.15)}}@keyframes sky-twinkle{0%,to{opacity:.2}50%{opacity:.9}}@keyframes star-shine{0%,to{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 18px #ffb6ccb3)}50%{filter:drop-shadow(0 0 14px #fff)drop-shadow(0 0 28px #ffb6cc)}}@keyframes heart-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes shooting-star{0%{opacity:0;transform:translate(0,0)rotate(-22deg)}12%{opacity:1}to{opacity:0;transform:translate(420px,160px)rotate(-22deg)}}@media (width<=767px){.scene{padding:calc(18px + var(--safe-top)) calc(16px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(16px + var(--safe-left))}.scene-envelope{justify-content:center;gap:36px}.envelope-hint{font-size:1.7rem}.envelope-stage{--env-w:min(360px, 88vw)}.seal{width:64px;height:64px}.paper-question{border-radius:8px;flex-direction:column;width:100%;min-height:min(72dvh,640px);padding:28px 20px 22px;display:flex}.question-title{margin-top:auto;margin-bottom:28px;font-size:clamp(2.5rem,12vw,3.3rem)}.question-actions{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;padding-bottom:8px}.btn-yes{width:min(280px,100%);min-height:52px;font-size:1.7rem}.btn-no,.btn-no-placeholder{min-height:48px;font-size:1.45rem}.btn-no-placeholder{width:min(280px,100%)}.paper-letter{width:100%;margin:0;padding:28px 20px 24px}.letter-body p{font-size:1.2rem;line-height:1.7}.quiz{padding-bottom:12px}.quiz-option{min-height:52px;font-size:1.28rem}.quiz.is-revealed .quiz-copy .quiz-prompt{margin-bottom:8px}.gallery-board{flex-direction:column;align-items:center;gap:16px;height:auto;margin-bottom:20px;display:flex}.gallery-board .polaroid{width:min(300px,86vw);position:relative;top:auto;left:auto}.hungry-title{font-size:clamp(2.2rem,12vw,3.2rem)}.star-btn{width:62px;height:62px}.promise-notes{flex-direction:column;align-items:center;min-height:0}.gift-stage{--box-w:min(240px, 78vw)}.finale-hearts svg{width:22px}.finale-hearts{gap:8px}.finale-line{font-size:clamp(3rem,15vw,4.4rem)}}@media (width>=768px){.btn{min-height:46px;font-size:1.55rem}.quiz.is-revealed{grid-template-columns:1fr 280px;align-items:center}.quiz.is-revealed .quiz-progress{grid-column:1/-1}.gallery-board .polaroid--button:hover{z-index:4;filter:brightness(1.02)}}@media (height<=500px) and (orientation:landscape){.envelope-stage{transform:scale(.78)}.scene-letter,.scene-quiz,.scene-gallery,.scene-stars,.scene-promises{justify-content:flex-start}.paper-question{min-height:0;padding:16px 20px}.question-title{margin:0 0 12px;font-size:1.8rem}.finale-line{font-size:clamp(2rem,8vw,3.4rem)}}@media (prefers-reduced-motion:reduce){.petal,.petal-heart{opacity:.2;animation:none}.envelope:not(.is-open),.envelope.is-open,.envelope.is-open .seal,.envelope.is-open .seal-crack,.envelope.is-open .seal-half,.envelope.is-open .seal-heart,.envelope.is-open .flap,.envelope.is-open .letter-peek,.envelope.is-open .envelope-throat,.envelope.is-open .envelope-stage:after,.btn-no--free,.burst-flash,.burst-ring,.paper-question.is-loved,.sky-dust,.star-btn.is-on .star-sparkle,.stars-sky.is-complete .stars-glow,.shooting-star,.quiz-burst-flash,.quiz-burst-ring,.quiz-polaroid-glow,.quiz-dot-wrap.is-current.is-done,.gift:not(.is-open),.gift.is-open .gift-heart,.gift.is-open .gift-glow{transition:none;animation:none}.gift.is-open .gift-lid{transform:rotateX(-132deg)translateZ(4px)}.envelope.is-open .flap{transform:rotateX(-180deg)translateZ(-6px)}.envelope.is-open .letter-peek{opacity:1;visibility:visible;transform:translateY(-62%)translateZ(12px)scale(1.01)}.envelope.is-open .envelope-throat{opacity:.76;transform:translateY(0)translateZ(4px)}.envelope.is-open .seal{opacity:0}}@media (width>=1280px){.envelope-stage{--env-w:460px}.gallery-board{height:min(620px,68dvh)}.gallery-board .polaroid{width:230px}}