:root{--desk:#eadcc6;--paper:#fffaf1;--paper-line:#e9dccb;--ink:#3b2b27;--ink-soft:#7d665b;--rose:#d9546f;--rose-soft:#f6c9d2;--blue:#3a5a92;--green:#5d8a5a;--tape-yellow:#ffdc78b8;--tape-pink:#f6a8beb8;--hand:"Caveat", "Comic Sans MS", cursive;--body:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:17px/1.55 var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background-color:var(--desk);background-image:radial-gradient(#785a3c1f 1px,#0000 1.2px);background-size:18px 18px;min-height:100svh;margin:0;overflow-x:hidden}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}p{margin:0 0 1em}.book{max-width:560px;margin:0 auto;padding:18px 0 40px}.page{background:linear-gradient(90deg, transparent 18px, #d9546f40 18px, #d9546f40 19.5px, transparent 19.5px), var(--paper);border-radius:4px 10px 10px 4px;min-height:calc(100svh - 80px);padding:34px 22px 40px 30px;animation:.55s cubic-bezier(.2,.8,.2,1) both page-in;position:relative;overflow:hidden;box-shadow:0 1px #f3e8d8,0 2px #e6d8c4,0 3px #f3e8d8,0 4px #e2d2bc,0 18px 40px -18px #46281473}@keyframes page-in{0%{opacity:0;transform:translateY(18px)rotate(-.6deg)}}@media (width<=600px){.book{padding:10px 8px 30px}.page{padding:28px 16px 36px 28px}}.paws{justify-content:center;gap:6px;margin-bottom:10px;font-size:15px;display:flex}.paw{opacity:.18;filter:grayscale();transition:opacity .4s,filter .4s}.paw.is-on{opacity:1;filter:none}.credits{text-align:center;color:var(--ink-soft);opacity:.6;margin:14px 0 0;font-size:11px}.screen.center{text-align:center;flex-direction:column;align-items:center;display:flex}.title{font-family:var(--hand);color:var(--ink);margin:0 0 14px;font-size:2.6rem;font-weight:700;line-height:1.02}.title.big{color:var(--rose);font-size:4.2rem}.hand{font-family:var(--hand);font-size:1.45em;line-height:1.1}.blue{color:var(--blue)}.lead{font-size:1.12rem;font-weight:600}.mark{color:var(--rose);display:inline-block;position:relative}.mark .underline{width:calc(100% + 8px);height:14px;position:absolute;bottom:-8px;left:-4px;right:-4px}.section-label{color:var(--rose);margin:30px 0 8px;font-weight:700}.doodle{fill:none;stroke:var(--blue);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.doodle path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1s ease-out .5s forwards draw}.doodle .doodle-head{animation-duration:.35s;animation-delay:1.35s}.underline{stroke:var(--rose);stroke-width:3.2px}@keyframes draw{to{stroke-dashoffset:0}}.aside-note{justify-content:flex-end;align-items:flex-end;gap:4px;margin:2px 0 6px;display:flex}.aside-arrow{width:70px;height:48px;transform:scaleY(-1)rotate(8deg)}.aside-arrow.flip{transform:scale(-1)rotate(10deg)}.btn{border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.62em 1.3em;font-weight:800;transition:transform .12s,box-shadow .12s,font-size .35s;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--rose);color:#fff}.btn-arrow{transition:transform .2s;display:inline-block}.btn:hover .btn-arrow{transform:translate(3px)}.next-row{justify-content:center;margin-top:30px;display:flex}.polaroid{transform:rotate(var(--tilt,0deg));background:#fff;margin:0;padding:10px 10px 0;position:relative;box-shadow:0 10px 22px -12px #3c23148c,0 1px 3px #3c231426}.polaroid img{aspect-ratio:4/5;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#eee4d6;width:100%}.polaroid figcaption{font-family:var(--hand);text-align:center;color:var(--ink);padding:8px 4px 12px;font-size:1.45rem;line-height:1.05}.polaroid:not(:has(figcaption)){padding-bottom:28px}.tape{z-index:2;clip-path:polygon(0 8%,3% 0,97% 4%,100% 14%,98% 50%,100% 88%,96% 100%,4% 96%,0 86%,2% 50%);width:92px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg)}.tape-yellow{background:var(--tape-yellow)}.tape-pink{background:var(--tape-pink);transform:translate(-50%)rotate(5deg)}.hero{width:78%;margin:26px auto 8px;position:relative}.hero-sticker{position:absolute;bottom:40px;right:-34px}.photo-pair{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 26px;display:grid}.photo-pair .polaroid:nth-child(2){margin-top:24px}.photo-pair .polaroid figcaption{font-size:1.2rem}.sticker{pointer-events:none;flex-shrink:0;display:inline-block}.timer{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.timer-cell{border:2px dashed var(--rose-soft);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:10px 2px 8px;display:flex}.timer-num{font-family:var(--hand);color:var(--rose);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:700;line-height:1}.timer-label{color:var(--ink-soft);font-size:.78rem}.envelope-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 160px);display:flex}.envelope-to{color:var(--ink);margin-bottom:40px;font-size:2.1rem}.envelope{cursor:pointer;perspective:800px;background:0 0;border:0;width:280px;height:180px;padding:0;position:relative}.envelope-back,.envelope-front,.envelope-flap{border-radius:6px;position:absolute;inset:0}.envelope-back{background:#d9a7a0}.envelope-front{z-index:3;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:#f2c4bc;box-shadow:0 16px 30px -14px #50281e80}.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:#e8b1a8;height:60%;transition:transform .6s,z-index 0s .3s}.envelope-letter{z-index:2;background:var(--paper);height:150px;color:var(--rose);border-radius:4px;padding-top:16px;transition:transform .7s cubic-bezier(.3,1.4,.5,1) .45s;position:absolute;top:14px;left:16px;right:16px}.envelope-seal{z-index:5;transition:opacity .3s;animation:2.4s ease-in-out infinite wiggle;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.envelope.is-open .envelope-flap{z-index:1;transform:rotateX(180deg)}.envelope.is-open .envelope-letter{transform:translateY(-90px)}.envelope.is-open .envelope-seal{opacity:0}@keyframes wiggle{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-50%,-50%)rotate(-8deg)scale(1.06)}}.envelope-hint{flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex}.envelope-arrow{width:40px;height:64px;transform:scaleY(-1)}.stack{aspect-ratio:4/5.9;width:76%;margin:34px auto 10px;position:relative}.stack-card{touch-action:pan-y;cursor:grab;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.stack-card.is-top.is-moving{transition:transform .32s ease-in}.stack-card:not(.is-top){pointer-events:none}.stack-card:not(.is-top) figcaption{visibility:hidden}.stack-hint{justify-content:flex-start;padding-left:8px}.card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--rose-soft);background:#fff;border-radius:16px;padding:20px 18px;position:relative}.quiz-progress{margin:-6px 0 18px}.quiz-card{margin-top:30px;padding-top:26px;animation:.4s both page-in}.quiz-photo{width:92px;padding:5px 5px 14px;position:absolute;top:-40px;right:-8px}.quiz-photo .tape{width:50px;height:16px;top:-8px}.quiz-q{margin:0 86px 16px 0;font-size:1.22rem;line-height:1.3}.options{gap:10px;display:grid}.option{text-align:left;background:var(--paper);border:2px solid var(--paper-line);cursor:pointer;border-radius:12px;padding:12px 14px;font-weight:600;transition:border-color .2s,background .2s,opacity .2s,transform .2s}.option:hover:not(:disabled){border-color:var(--rose)}.option:disabled{cursor:default}.option.is-right{border-color:var(--green);background:#e7f3e3;transform:scale(1.02)}.option.is-wrong{border-color:var(--rose);background:#fbe3e6;animation:.35s shake}.option.is-dim{opacity:.45}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.reaction{align-items:center;gap:10px;margin-top:16px;animation:.35s both page-in;display:flex}.reaction p{margin:0;font-weight:700}.menu{gap:4px;display:grid}.menu-head{color:var(--rose);align-items:center;gap:8px;margin-bottom:6px;font-size:1.1rem;display:flex}.menu-item{cursor:pointer;border-radius:8px;align-items:baseline;gap:8px;padding:7px 4px;transition:background .2s;display:flex}.menu-item input{accent-color:var(--rose);transform:translateY(2px)}.menu-item.is-on{background:#fdf0f2}.menu-name{font-weight:600}.menu-dots{border-bottom:2px dotted var(--paper-line);flex:1;min-width:14px}.menu-price{font-family:var(--hand);color:var(--blue);white-space:nowrap;font-size:1.2rem}@media (width<=480px){.menu-name{flex:1}.menu-dots{display:none}}.field{background:var(--paper);border:2px solid var(--paper-line);resize:vertical;border-radius:12px;outline:none;width:100%;margin:8px 0 12px;padding:10px 12px}.field:focus{border-color:var(--rose)}.menu .btn{justify-self:start}.memes{grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;display:grid;position:relative}.memes .polaroid img{aspect-ratio:auto}.memes-note{gap:2px;display:flex;position:absolute;top:-50px;left:6px}.memes-arrow{width:30px;height:46px;margin-top:6px}.pet-zone{justify-content:center;margin-top:8px;display:flex;position:relative}.pet{cursor:pointer;touch-action:manipulation;background:radial-gradient(circle,#fde7ec 0 60%,#0000 61%);border:0;border-radius:50%;padding:10px;transition:transform .15s}.pet:active{transform:scale(.9)rotate(-4deg)}.pet.is-happy{animation:.6s bounce}@keyframes bounce{40%{transform:scale(1.12)}}.purr{color:var(--rose);pointer-events:none;animation:1.2s ease-out forwards float-up;position:absolute;top:30%}@keyframes float-up{to{opacity:0;transform:translateY(-80px)rotate(-10deg)}}.pet-status{text-align:center;min-height:2.4em;color:var(--blue);margin-top:8px}.folded{cursor:pointer;width:70%;color:var(--blue);background:linear-gradient(#0000 49%,#0000000f 50%,#0000 51%),repeating-linear-gradient(#0000 0 27px,#e7ecf5 27px 28px),#fff;border:0;flex-direction:column;align-items:center;gap:6px;margin:40px auto;padding:34px 16px 22px;animation:3s ease-in-out infinite wiggle-soft;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 14px 26px -14px #3c23148c}@keyframes wiggle-soft{50%{transform:rotate(1deg)translateY(-3px)}}.letter{transform-origin:top;font-family:var(--hand);color:#2b3a66;background-color:#fff;background-image:repeating-linear-gradient(#0000 0 33px,#e3e9f4 33px 34px),none;background-position:0 22px;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:30px -4px 0;padding:34px 22px 24px;font-size:1.55rem;line-height:34px;animation:.7s cubic-bezier(.2,.8,.2,1) both unfold;position:relative;transform:rotate(-.8deg);box-shadow:0 14px 30px -16px #3c231480}@keyframes unfold{0%{opacity:0;transform:rotate(-.8deg)scaleY(.2)}}.letter p{margin:0 0 34px;animation:.9s both ink-in}.letter p:first-of-type{margin-bottom:0}@keyframes ink-in{0%{opacity:0;filter:blur(3px);transform:translateY(4px)}}.letter-sign{color:var(--rose);justify-content:flex-end;align-items:center;gap:6px;font-weight:700;display:flex;margin:0!important}.letter-heart{width:34px;height:32px;stroke:var(--rose)}.letter-heart path{animation-delay:inherit}.letter-next{animation:.6s both ink-in}.question-screen{text-align:center}.question-plane{margin:0 auto 6px;animation:3s ease-in-out infinite fly;display:block}@keyframes fly{50%{transform:translate(8px,-8px)rotate(-4deg)}}.question-title{font-size:2.3rem}.question-text{text-align:left;margin:18px 0 8px;font-weight:600}.question-text p:last-child{margin:0}.question-mini{margin:-4px 0 12px;font-size:1.3rem}.answers{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.btn-no{background:#fff;font-weight:700}.btn-tiny{opacity:.8;padding:.4em .9em;font-size:.62em}.no-step{flex-direction:column;align-items:center;animation:.45s both page-in;display:flex}.no-step .polaroid{width:72%;margin:16px 0 24px}.run-zone{min-height:420px;position:relative}.btn-no.is-ran{transition:left .25s,top .25s}.reason-form{flex-direction:column;align-items:center;width:100%;display:flex}.reply{color:var(--blue);margin-top:6px;font-size:1.6rem;line-height:1.15;animation:.4s both page-in}.btn-hold{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;min-width:260px;overflow:hidden}.hold-fill{background:var(--rose-soft);transform-origin:0;position:absolute;inset:0}.hold-label{position:relative}.final{justify-content:center;min-height:calc(100svh - 140px);position:relative}.final .polaroid{width:70%;margin:10px 0 26px}.cat-rain{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cat-drop{animation:linear infinite fall;position:absolute;top:-100px}@keyframes fall{to{transform:translateY(calc(100svh + 140px))rotate(200deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.cat-rain{display:none}}