:root{--bg: #fdf0f4;--bg-deep: #f6dfe8;--paper: #fffaf3;--paper-warm: #fdf3e7;--card: #fbe6ee;--card-deep: #f6d3e0;--ink: #3b2530;--ink-soft: #6d4c59;--ink-faint: #9b7b88;--berry: #c4415f;--berry-deep: #9c2c47;--berry-soft: #e87a9b;--gold: #c68e50;--line: #eecdd9;--radius: 22px;--radius-sm: 14px;--shadow-soft: 0 10px 30px rgba(158, 82, 106, .13);--shadow-lift: 0 16px 40px rgba(158, 82, 106, .2);--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tap: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.app{position:relative;min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) calc(env(safe-area-inset-right) + 14px) calc(env(safe-area-inset-bottom) + 28px) calc(env(safe-area-inset-left) + 14px);background:var(--bg);display:flex}.app__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(120% 70% at 50% -10%,#fff7fa,#fff7fa00 60%),radial-gradient(90% 60% at 100% 100%,#fbe2ec,#fbe2ec00 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.backdrop__peony{position:absolute;opacity:.35;filter:blur(.3px)}.backdrop__peony--a{top:4%;left:-26px;transform:rotate(-16deg)}.backdrop__peony--b{top:46%;right:-22px;transform:rotate(18deg)}.backdrop__peony--c{bottom:2%;left:6%;transform:rotate(9deg);opacity:.28}.app__main{position:relative;z-index:1;width:100%;max-width:620px;margin:auto}.scene{animation:sceneIn .56s ease backwards}@keyframes sceneIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.scene__kicker{margin:0 0 10px;padding:0 52px;text-align:center;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.scene__title{margin:0 0 18px;text-align:center;font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.1rem);line-height:1.22;color:var(--berry-deep);letter-spacing:-.01em;outline:none}.scene__title:focus,.scene__title:focus-visible{outline:none}.paper{position:relative;padding:22px 18px 26px;border-radius:var(--radius);background:repeating-linear-gradient(0deg,rgba(198,142,80,.035) 0px,rgba(198,142,80,.035) 1px,transparent 1px,transparent 4px),var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft),0 22px 28px -20px #c4415f4d;text-align:center}.paper--intro{padding-top:18px}.text{margin:0 0 14px;font-size:1.02rem;line-height:1.62;color:var(--ink-soft)}.text--lead{font-size:1.08rem;color:var(--ink)}.text--question{font-family:var(--font-display);font-size:1.14rem;color:var(--berry-deep);margin:18px 0 14px}.text--reply{font-family:var(--font-display);font-style:italic;color:var(--berry);font-size:1.05rem}.text--hintline{font-size:.9rem;color:var(--ink-faint)}.ribbon{display:block;margin:4px auto 14px;max-width:240px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);min-width:var(--tap);padding:12px 22px;border-radius:999px;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.25;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:3px solid var(--berry-deep);outline-offset:3px}.btn--primary{border:none;color:#fff9fb;background:linear-gradient(180deg,#e0658a 0%,var(--berry) 100%);box-shadow:0 8px 20px #c4415f47}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #c4415f57}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--ghost{border:1.5px solid var(--line);color:var(--berry-deep);background:var(--paper-warm)}.btn--ghost:hover:not(:disabled){background:#fff;border-color:var(--berry-soft)}.btn:disabled{opacity:.55;cursor:default}.btn--kiss{font-size:1.08rem;padding:14px 30px}.gamecontrols{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.gamecontrols .btn{font-size:.92rem;padding:10px 18px}.bearsays{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:16px}.bearsays__pet{position:relative;flex:0 0 auto;margin-left:-8px;padding:0;border:none;background:none;min-width:var(--tap);min-height:var(--tap);cursor:pointer;border-radius:20px;-webkit-tap-highlight-color:transparent}.bearsays__pet:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.bearsays__pet.has-hint{padding-bottom:20px}.bearsays__bear{display:block;pointer-events:none}.bearsays__hint{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--berry);color:#fff7fa;font-size:.7rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #c4415f4d;animation:hintBob 2.2s ease-in-out infinite}@keyframes hintBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.bearsays__pet.has-hint .bear{animation:bearNudge 3.4s ease-in-out infinite}@keyframes bearNudge{0%,62%,to{transform:rotate(0) scale(1)}70%{transform:rotate(-3.5deg) scale(1.02)}78%{transform:rotate(3deg) scale(1.02)}86%{transform:rotate(-2deg) scale(1.01)}}.bearsays__hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bearsays__hearts span{position:absolute;left:50%;top:28%;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 q-9 -6 -9 -12 a4.5 4.5 0 0 1 9 -2.5 a4.5 4.5 0 0 1 9 2.5 q0 6 -9 12 z' fill='%23e87a9b'/%3E%3C/svg%3E") no-repeat center / contain;opacity:0;animation:heartFloat 1.4s ease-out forwards}.bearsays__hearts span:nth-child(1){animation-delay:0ms;--dx: -26px}.bearsays__hearts span:nth-child(2){animation-delay:.14s;--dx: 8px}.bearsays__hearts span:nth-child(3){animation-delay:.28s;--dx: 30px}@keyframes heartFloat{0%{opacity:0;transform:translate(-50%) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-62px) scale(1.1)}}.bear{animation:bearBreathe 4.5s ease-in-out infinite;transform-origin:50% 95%}@keyframes bearBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.bear.is-bouncing{animation:bearHop .7s cubic-bezier(.34,1.5,.64,1)}@keyframes bearHop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.04)}55%{transform:translateY(0) scale(.97)}75%{transform:translateY(-5px) scale(1.01)}to{transform:translateY(0) scale(1)}}.bear__loveeyes{animation:heartbeat 1.1s ease-in-out infinite;transform-origin:100px 74px}.bearsays__bubble.is-reaction{background:var(--paper-warm);border-style:dashed;font-family:var(--font-display);font-style:italic;color:var(--berry-deep)}.bearsays__bubble.is-reaction:before{background:var(--paper-warm)}.bearsays__bubble{position:relative;margin:0;padding:14px 16px;border-radius:18px 18px 18px 4px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:.97rem;line-height:1.55}.bearsays__bubble:before{content:"";position:absolute;left:-7px;bottom:12px;width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.bear{display:block;overflow:visible}.bear__wave{transform-origin:136px 140px;animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(6deg)}90%{transform:rotate(-8deg)}}.bear__eyes{animation:blink 6s infinite;transform-origin:center 74px}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.12)}}.bear__dots circle{animation:dots 2.6s ease-in-out infinite}.bear__dots circle:nth-child(2){animation-delay:.25s}.bear__dots circle:nth-child(3){animation-delay:.5s}@keyframes dots{0%,to{opacity:.25}50%{opacity:.95}}.bear__heart{animation:heartbeat 2s ease-in-out infinite;transform-origin:100px 160px}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.07)}45%{transform:scale(1)}}.bear--happy .bear__cheerL,.bear--happy .bear__cheerR{animation:cheer 1.8s ease-in-out infinite;transform-origin:100px 140px}@keyframes cheer{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}.intro__stage{position:relative;padding-bottom:8px;margin-bottom:10px}.intro__bear{position:relative;margin:-34px auto -6px;display:block;filter:drop-shadow(0 8px 14px rgba(158,82,106,.18))}.intro__peony{position:absolute;z-index:2}.intro__peony--left{left:-6px;top:-6px;transform:rotate(-18deg)}.intro__peony--right{right:-2px;top:34%;transform:rotate(22deg)}.envelope{position:relative;width:min(100%,360px);margin:0 auto;aspect-ratio:3 / 2;perspective:900px}.envelope__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(170deg,var(--paper) 0%,var(--paper-warm) 100%);border:1px solid #e6c6b2;box-shadow:var(--shadow-lift);overflow:hidden}.envelope__body:before,.envelope__body:after{content:"";position:absolute;bottom:0;width:55%;height:62%;background:#e6c6b247}.envelope__body:before{left:0;clip-path:polygon(0 100%,0 0,100% 100%)}.envelope__body:after{right:0;clip-path:polygon(100% 100%,100% 0,0 100%)}.envelope__lines{position:absolute;left:14px;right:14px;bottom:12px;text-align:left;z-index:3}.envelope__to,.envelope__from,.envelope__care{margin:0 0 4px;font-family:var(--font-display);line-height:1.35}.envelope__to{font-size:.95rem;color:var(--ink)}.envelope__from{font-size:.86rem;color:var(--ink-soft)}.envelope__care{font-size:.74rem;font-style:italic;color:var(--berry);letter-spacing:.02em}.envelope__stamp{position:absolute;top:8px;right:10px;z-index:3;transform:rotate(4deg)}.envelope__postmark{position:absolute;bottom:10px;right:12px;width:64px;height:64px;opacity:.6;transform:rotate(-12deg);z-index:3}.envelope__flap{position:absolute;top:0;left:0;right:0;height:52%;background:linear-gradient(175deg,#fdf3e7,#f6e3d2);border-bottom:1px solid rgba(214,170,146,.5);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0);transition:transform .9s cubic-bezier(.34,1.2,.64,1);z-index:4}.envelope.is-open .envelope__flap{transform:rotateX(-172deg);box-shadow:0 6px 16px #9e526a2e}.envelope.is-open .envelope__body{transform:translateY(4px) scale(1.01);transition:transform .9s ease}.options{display:grid;gap:10px;margin-bottom:8px}.option{width:100%;padding:14px 18px;font-size:1rem;text-align:center}.option.is-picked{background:linear-gradient(180deg,#fbe6ee,#f6d3e0);border-color:var(--berry-soft);color:var(--berry-deep);box-shadow:inset 0 0 0 1px var(--berry-soft)}.reveal__inner{animation:sceneIn .5s ease both;margin-top:14px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 4px}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;aspect-ratio:3 / 4;min-height:var(--tap);cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent}.card:disabled{cursor:default}.card:focus-visible{outline:3px solid var(--berry-deep);outline-offset:3px;border-radius:12px}.card__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.34,1.1,.64,1)}.card.is-up .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card__face--back{box-shadow:var(--shadow-soft)}.card__face--front{transform:rotateY(180deg);background:linear-gradient(170deg,var(--paper) 0%,var(--paper-warm) 100%);border:1.5px solid var(--line);box-shadow:var(--shadow-soft)}.card.is-matched .card__face--front{border-color:var(--berry-soft);box-shadow:0 0 0 2px #e87a9b59,var(--shadow-soft)}.card.is-matched{animation:matched .62s ease}@keyframes matched{0%,to{transform:none}40%{transform:translateY(-5px) scale(1.03)}}.memorypanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 16px) 14px calc(env(safe-area-inset-bottom) + 16px);background:#4626336b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .26s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.memorypanel__sheet{width:min(100%,460px);max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 18px 22px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lift);text-align:center;animation:sheetIn .38s cubic-bezier(.34,1.1,.64,1) both}@keyframes sheetIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.memorypanel__title{margin:0 0 12px;font-family:var(--font-display);font-size:1.3rem;color:var(--berry-deep)}.memorypanel__art,.memorypanel__photo,.review__art,.review__photo{display:block;width:100%;height:auto;border-radius:var(--radius-sm);margin-bottom:14px;box-shadow:0 6px 16px #9e526a29}.memorypanel__photo,.review__photo{object-fit:contain;background:var(--paper-warm)}.memorypanel__photo{max-height:52dvh}.review__photo{max-height:60vh}.puzzle{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:min(100%,320px);margin:10px auto 4px;padding:8px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line)}.puzzle--done{display:block;padding:8px}.puzzle{user-select:none;-webkit-user-select:none}.puzzle__full{display:block;border-radius:10px;overflow:hidden;animation:sheetIn .52s ease both}.piece{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--paper);aspect-ratio:1;min-height:var(--tap);cursor:grab;touch-action:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}.piece:active{cursor:grabbing}.piece svg{display:block;pointer-events:none}.piece.is-dragging{opacity:.25;border-color:var(--line)}.piece.is-over{border-color:var(--berry);box-shadow:0 0 0 4px #c4415f38;transform:scale(1.04)}.piece__ghost{position:fixed;z-index:60;pointer-events:none;border-radius:10px;overflow:hidden;transform:translate(-50%,-50%) rotate(-3deg) scale(1.08);box-shadow:var(--shadow-lift);border:2px solid var(--berry-soft);background:var(--paper)}.piece__ghost svg{display:block}.piece:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.piece.is-selected{border-color:var(--berry);transform:scale(.94);box-shadow:0 0 0 3px #c4415f38}.piece.is-hinted{border-color:var(--gold);animation:hintPulse 1.1s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 #c68e5080}50%{box-shadow:0 0 0 6px #c68e5000}}.notes{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:12px}@media (min-width: 520px){.notes{grid-template-columns:1fr 1fr}.note.is-open{grid-column:1 / -1}}.note{border-radius:var(--radius-sm);background:var(--paper-warm);border:1px solid var(--line);overflow:hidden;transition:box-shadow .22s ease}.note.is-open{box-shadow:var(--shadow-soft);background:var(--paper)}.note__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--tap);display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.note__button:focus-visible{outline:3px solid var(--berry-deep);outline-offset:-3px}.note__art{flex:0 0 62px;width:62px}.minienv{display:block;transition:transform .3s ease}.note.is-open .minienv{transform:translateY(-2px)}.note__label{font-family:var(--font-display);font-size:1.08rem;color:var(--berry-deep);display:inline-flex;align-items:center;gap:8px}.note__dot{width:8px;height:8px;border-radius:50%;background:var(--berry-soft);animation:dots 2.2s ease-in-out infinite}.note__body{padding:0 16px 16px;text-align:left;animation:sceneIn .38s ease both}.note__body .text{margin:0}.coffee{margin:14px 0 6px}.coffee__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:6px;min-width:var(--tap);min-height:var(--tap);cursor:pointer;border-radius:50%;transition:transform .22s ease;-webkit-tap-highlight-color:transparent}.coffee__button:hover{transform:translateY(-2px) rotate(-3deg)}.coffee__button:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.coffee__steam{animation:steam 3.2s ease-in-out infinite;transform-origin:center bottom}@keyframes steam{0%,to{opacity:.5;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.coffee__note{margin-top:4px;animation:sceneIn .38s ease both}.coffee__note .text{margin:0}.hearts{display:flex;justify-content:center;gap:14px;margin:10px 0 14px}.tinyheart{transition:transform .32s cubic-bezier(.34,1.4,.64,1)}.tinyheart.is-filled{animation:pop .46s cubic-bezier(.34,1.5,.64,1) both}@keyframes pop{0%{transform:scale(.5);opacity:.4}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}.kisslines{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}.kisslines__item{font-family:var(--font-display);font-size:1.05rem;color:var(--berry);animation:sceneIn .42s ease both}.seal{margin:12px 0 6px}.seal svg{display:inline-block;animation:stamped .62s cubic-bezier(.34,1.5,.64,1) both;filter:drop-shadow(0 6px 12px rgba(158,82,106,.25))}@keyframes stamped{0%{transform:scale(1.7) rotate(-14deg);opacity:0}60%{transform:scale(.94) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.seal__caption{margin:4px 0 0;font-family:var(--font-display);font-style:italic;color:var(--berry-deep)}.statusnote{display:inline-flex;align-items:center;gap:8px;margin:4px 0 16px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.88rem;color:var(--berry-deep)}.statusnote__tick{color:var(--berry);font-weight:700}.paper--letter{text-align:left;padding:26px 20px 24px}.letter{position:relative;font-family:var(--font-display);color:var(--ink)}.letter__peony{position:absolute;top:-12px;right:-6px;opacity:.8;transform:rotate(14deg)}.letter__greeting{margin:0 0 16px;font-size:1.32rem;color:var(--berry-deep);line-height:1.35}.letter__p{margin:0 0 15px;font-size:1.05rem;line-height:1.72}.letter__photo{margin:26px auto 22px;width:min(230px,72%);padding:10px 10px 34px;background:#fffdf9;border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow-soft);transform:rotate(-2.2deg)}.letter__photo img{display:block;width:100%;height:auto;border-radius:2px}.letter__sign{margin:22px 0 0;display:grid;gap:4px;font-size:1.08rem;font-style:italic;color:var(--berry);text-align:right}.letter__signline{display:block}.letter__after{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;gap:8px}.giftstage{position:relative;display:flex;justify-content:center;align-items:flex-end;margin:4px 0 12px}.giftbox{filter:drop-shadow(0 10px 18px rgba(158,82,106,.2))}.giftbox__lid{transform-origin:100px 96px;transition:transform .76s cubic-bezier(.34,1.2,.64,1)}.giftbox.is-opened .giftbox__lid{transform:translateY(-34px) rotate(-7deg)}.giftbox__bow{transform-origin:100px 66px;transition:transform .76s ease}.giftbox__bow.is-loose{transform:rotate(-9deg) scale(1.04)}.giftbox__glow{animation:fadeIn .7s ease both}.categg{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:-42px 4px 12px 0}.categg__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:4px;min-width:var(--tap);min-height:var(--tap);cursor:pointer;border-radius:14px;transition:transform .24s ease;-webkit-tap-highlight-color:transparent}.categg__button:hover{transform:translateY(-3px)}.categg__button:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.cat__tail{transform-origin:74px 86px;animation:tail 3.4s ease-in-out infinite}@keyframes tail{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}.categg__note{width:min(260px,100%);margin:0;padding:10px 12px;border-radius:14px 14px 4px;background:var(--paper-warm);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.86rem;line-height:1.45;color:var(--ink-soft);text-align:left;animation:sceneIn .32s ease both}.giftcard{position:relative;margin:8px 0 18px;padding:26px 18px 22px;border-radius:var(--radius);background:linear-gradient(170deg,#fffaf4 0%,var(--card) 100%);border:1.5px dashed var(--berry-soft);box-shadow:var(--shadow-soft);animation:sheetIn .56s cubic-bezier(.34,1.1,.64,1) both}.giftcard__seal{position:absolute;top:-22px;left:50%;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(158,82,106,.3))}.giftcard__heading{margin:10px 0 14px;font-family:var(--font-display);font-size:clamp(1.28rem,5.4vw,1.6rem);color:var(--berry-deep);line-height:1.3}.giftcard__joke{margin:16px 0 0;font-size:.86rem;font-style:italic;color:var(--ink-faint)}.hugblock{display:flex;flex-direction:column;align-items:center;gap:6px}.videocard{margin:4px 0 16px;padding:8px;border-radius:var(--radius);background:var(--paper-warm);border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden}.videocard__player{display:block;width:100%;height:auto;max-height:60vh;border:none;border-radius:var(--radius-sm);background:var(--card)}.videocard.is-vertical{width:min(100%,280px);margin-inline:auto}.videocard.is-vertical .videocard__player,.videocard.is-vertical .videocard__cover{aspect-ratio:9 / 16;height:auto;max-height:64vh}.videocard__cover{position:relative;display:block;width:100%;padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--card);cursor:pointer;min-height:var(--tap);-webkit-tap-highlight-color:transparent}.videocard__cover:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.videocard__art{display:block;width:100%;height:100%;transition:transform .3s ease}.videocard__cover:hover .videocard__art{transform:scale(1.03)}.videocard__hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:var(--berry);color:#fff7fa;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #c4415f4d}.finale__actions{display:grid;gap:10px;margin-top:8px}.finale__actions .btn{width:100%;padding:14px 20px;font-size:1.02rem}.btn--quiet{margin-top:6px;border-color:transparent;background:transparent;color:var(--ink-faint);font-weight:500;font-size:.94rem}.btn--quiet:hover:not(:disabled){background:var(--paper-warm);border-color:var(--line);color:var(--berry-deep)}.finale__back{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);text-align:center}.review{list-style:none;margin:0;padding:0;display:grid;gap:22px;text-align:left}.review__title{margin:0 0 10px;font-family:var(--font-display);font-size:1.18rem;color:var(--berry-deep)}.confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;background:#4626336b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .24s ease both}.confirm__sheet{width:min(100%,380px);padding:22px 18px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lift);text-align:center;animation:sheetIn .34s ease both}.confirm__row,.resume__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.resume{display:flex;align-items:center;justify-content:center;min-height:70dvh}.resume__sheet{width:min(100%,440px);padding:22px 18px 24px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft),0 22px 28px -20px #c4415f4d;text-align:center}.resume__sheet svg{margin:0 auto}.resume__title{margin:4px 0 10px;font-family:var(--font-display);font-size:1.4rem;color:var(--berry-deep)}.music{position:fixed;top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 12px);z-index:30;width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--berry);box-shadow:var(--shadow-soft);cursor:pointer;-webkit-tap-highlight-color:transparent}.music.is-on{background:var(--berry);color:#fff7fa;border-color:var(--berry-deep)}.music:focus-visible{outline:3px solid var(--berry-deep);outline-offset:3px}@media (min-width: 760px){.app{padding-top:34px;padding-bottom:44px}.app__main{max-width:660px}.paper{padding:30px 34px 34px}.paper--letter{padding:38px 44px 34px}.scene__kicker{font-size:.78rem}.board{gap:14px}.puzzle{width:360px;gap:8px}.options{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.finale__actions{max-width:420px;margin-inline:auto}.backdrop__peony--a{left:2%;top:8%}.backdrop__peony--b{right:3%;top:40%}.backdrop__peony--c{left:8%;bottom:6%}}.crates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 14px}.crate__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px;border:2px solid transparent;border-radius:14px;background:var(--card);min-height:var(--tap);cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.crate__button:hover:not(:disabled){transform:translateY(-3px);background:var(--card-deep)}.crate__button:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.crate__button.is-open{background:var(--paper-warm);opacity:.75;cursor:default}.crate__button.is-cat{background:linear-gradient(180deg,#fbe6ee,#f6d3e0);border-color:var(--berry-soft);opacity:1;animation:matched .7s ease}.crate__button.is-hinted{border-color:var(--gold);animation:hintPulse 1.1s ease-in-out infinite}.crate{display:block}.crate__cat{animation:catPeek .52s cubic-bezier(.34,1.5,.64,1) both;transform-origin:50px 70px}@keyframes catPeek{0%{transform:translateY(22px) scale(.7);opacity:0}to{transform:none;opacity:1}}.foundtitle{margin:0 0 10px;font-family:var(--font-display);font-size:1.32rem;color:var(--berry-deep)}.packbox{display:block;width:min(100%,300px);margin:4px auto 6px;filter:drop-shadow(0 8px 16px rgba(158,82,106,.16))}.packbox__item{animation:dropIn .46s cubic-bezier(.34,1.4,.64,1) both}@keyframes dropIn{0%{transform:translateY(-70px);opacity:0}to{transform:translateY(0);opacity:1}}.things{list-style:none;margin:10px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thing{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-warm);cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.thing:hover:not(:disabled){transform:translateY(-3px);background:#fff;border-color:var(--berry-soft)}.thing:focus-visible{outline:3px solid var(--berry-deep);outline-offset:2px}.thing.is-packed{opacity:.55;cursor:default;background:var(--card);border-style:dashed}.thing__label{font-size:.86rem;font-weight:600;color:var(--berry-deep);line-height:1.25;text-align:center}.thing__tick{position:absolute;top:4px;right:7px;font-size:.82rem;font-weight:700;color:var(--berry)}.packlines{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:8px;text-align:left}.packlines__item{padding:10px 14px;border-radius:12px 12px 12px 4px;background:var(--paper-warm);border:1px solid var(--line);font-size:.95rem;line-height:1.5;color:var(--ink-soft);animation:sceneIn .42s ease both}@media (min-width: 760px){.crates,.things{gap:14px}.crates{max-width:440px;margin-inline:auto}.things{max-width:460px;margin-inline:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.envelope.is-open .envelope__flap{transform:rotateX(-172deg)}}