:root{--cream:#f6ecd8;--paper:#fff8ee;--paper-shadow:#e4d3b8;--kraft:#e8d4b5;--ink:#3d2418;--ink-soft:#6b4a3a;--berry:#c81e3a;--berry-deep:#9a1730;--berry-soft:#e8a3ad;--gingham:#c23b3b;--tape:#f2dd8a;--tape-rose:#f3b7c2;--leaf:#6f8f62;--gold:#c9a24a;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.22, 1.45, .36, 1);--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--radius:6px;--font-display:"Fraunces", Georgia, serif;--font-body:"Figtree", "Trebuchet MS", sans-serif;--font-hand:"Patrick Hand", "Segoe Script", cursive;--shadow-paper:0 18px 0 -8px var(--paper-shadow), 0 24px 40px #5a281e29}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img,svg{display:block}@keyframes bob{0%,to{transform:translate3d(0, 0, 0) rotate(var(--spin,0deg))}50%{transform:translate3d(0, -8px, 0) rotate(var(--spin,0deg))}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes seal-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes blink{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.45)rotate(-18deg)}70%{opacity:1;transform:scale(.96)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-10deg)}}@keyframes confetti{0%{opacity:1;transform:translateY(-8px)rotate(0)}to{opacity:0;transform:translate(12px,80vh)rotate(280deg)}}@keyframes drop-letter{to{opacity:0;transform:translateY(14px)rotate(16deg)}}@keyframes car-lap{0%{transform:translate(-12%)rotate(-8deg)}60%{transform:translate(72%)rotate(6deg)}to{transform:translate(10%)rotate(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.12)}36%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sky-sticker,.seal,.progress-heart.is-on,.heart-pulse,.screen{animation:none!important}}.app{--pad:var(--space-5);min-height:100dvh;padding:var(--space-5) var(--space-3) 48px;justify-content:center;align-items:flex-start;display:flex;position:relative}.sky{z-index:0;pointer-events:none;background-color:#f3e2c8;background-image:linear-gradient(90deg,#c23b3b29 50%,#0000 50%),linear-gradient(#c23b3b29 50%,#0000 50%);background-size:26px 26px;position:fixed;inset:0}.sky-wash{background:radial-gradient(900px 520px at 50% -8%,#fff8eeb3,#0000 62%),radial-gradient(700px 420px at 100% 100%,#c81e3a14,#0000 55%);position:absolute;inset:0}.sky-fiber{opacity:.22;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.sky-sticker{animation:bob 5.5s var(--ease-out) infinite;filter:drop-shadow(0 6px #3d241814);position:absolute}.chrome{z-index:2;gap:var(--space-3);flex-direction:column;width:min(452px,100%);display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;min-height:44px;padding:0 2px;display:flex}.brand{font-family:var(--font-hand);color:var(--berry);text-shadow:0 1px #fff8ee;font-size:1.7rem;line-height:1;transform:rotate(-2deg)}.icon-btn{background:var(--paper);border:2px solid var(--ink);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s var(--ease-out);border-radius:50%;place-items:center;font-size:1rem;display:grid}.icon-btn:hover{transform:rotate(-8deg)scale(1.05)}.progress{background-color:var(--tape-rose);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background-image:linear-gradient(90deg,#c23b3b47 50%,#0000 50%),linear-gradient(#c23b3b2e 50%,#0000 50%);background-size:8px 8px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;display:flex;transform:rotate(-1.2deg)}.progress-heart{width:15px;height:15px;color:var(--kraft);transition:color .35s var(--ease-out), transform .35s var(--ease-out)}.progress-heart.is-on{color:var(--berry);animation:heartbeat 1.6s var(--ease-out) infinite}.stage{background:linear-gradient(180deg, #ffffff59, transparent 28%), var(--paper);border:2.5px solid var(--ink);box-shadow:var(--shadow-paper);padding:44px var(--space-5) var(--space-5);border-radius:2px 3px;position:relative;overflow:visible}.stage:after{content:"";pointer-events:none;border:1.5px dashed #c81e3a47;position:absolute;inset:10px}.tape{background:var(--tape);opacity:.92;z-index:3;pointer-events:none;height:18px;position:absolute;box-shadow:inset 0 1px #ffffff80}.tape-gingham{background-image:linear-gradient(90deg, #c23b3b73 50%, transparent 50%), linear-gradient(#c23b3b47 50%, var(--tape-rose) 50%);background-size:8px 8px;background-color:var(--tape-rose)}.tape-gold{background:repeating-linear-gradient(90deg, var(--tape) 0 10px, #c9a24a59 10px 12px)}.tape-pin{width:92px;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.tape-tl{width:54px;top:14px;left:-10px;transform:rotate(-38deg)}.tape-tr{background:var(--tape-rose);width:48px;top:22px;right:-8px;transform:rotate(28deg)}.doodle{z-index:3;pointer-events:none;color:var(--berry);position:absolute}.doodle-star{font-size:1.1rem;top:auto;bottom:16px;right:14px;transform:rotate(12deg)}.doodle-berry{filter:drop-shadow(2px 2px #3d24181f);width:42px;bottom:18px;left:-10px;transform:rotate(-18deg)}.screen{z-index:1;animation:rise-in .48s var(--ease-out);gap:var(--space-3);flex-direction:column;display:flex;position:relative}.kicker{font-family:var(--font-hand);letter-spacing:.04em;color:var(--berry);margin:0;font-size:1.18rem;line-height:1.2}h1,.h1{font-family:var(--font-display);letter-spacing:-.02em;color:#2a1810;margin:0;font-size:clamp(1.6rem,6.4vw,2.05rem);font-weight:700;line-height:1.12}.lede{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.5}.mascot-row{align-items:flex-end;gap:var(--space-2);margin:2px 0;display:flex}.mascot-bubble{border:2px solid var(--ink);font-family:var(--font-hand);color:var(--ink);box-shadow:3px 3px 0 var(--berry-soft);background:#fffdf8;border-radius:6px 18px 18px 6px;max-width:78%;padding:10px 12px;font-size:1.18rem;line-height:1.28;position:relative}.mascot-bubble:before{content:"";background:var(--tape);opacity:.9;width:36px;height:10px;position:absolute;top:-6px;right:16px;transform:rotate(8deg)}.mascot{filter:drop-shadow(3px 4px #3d24181f);flex:none;width:68px;height:76px}.mascot .eye{transform-origin:50%;animation:4.8s infinite blink}.next-btn,.yes-btn,.ghost-btn,.hold-btn,.choice,.polaroid,.cal-day,.icon-btn,.diet-btn,.no-btn{transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out), background .22s var(--ease-out)}.next-btn,.yes-btn{appearance:none;border:2.5px solid var(--ink);color:#fff8ee;background:var(--berry);box-shadow:4px 4px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:700;display:inline-flex}.next-btn:hover,.yes-btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-2px)}.next-btn:active,.yes-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.next-btn:disabled,.yes-btn:disabled{opacity:.4;box-shadow:3px 3px 0 var(--ink);cursor:not-allowed;transform:none}.heart-pulse{animation:heartbeat 1.4s var(--ease-out) infinite}.ghost-btn{background:var(--paper);color:var(--berry);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:10px 16px;font-weight:700}.choice{border:2px solid var(--ink);text-align:left;box-shadow:3px 3px 0 var(--kraft);background:#fffdf8;border-radius:4px;padding:12px}.choice:hover{transform:translate(-1px,-2px)}.choice.is-on{box-shadow:4px 4px 0 var(--berry);background:#fff3e6}.footer-cta{padding-top:var(--space-2);justify-content:center;display:flex}.note-pack{margin:4px 0 2px;position:relative}.note-sheet{border:2px solid var(--ink);min-height:128px;max-height:128px;box-shadow:5px 5px 0 var(--kraft);transition:max-height .55s var(--ease-out), transform .55s var(--ease-out), padding .55s var(--ease-out);background:repeating-linear-gradient(#0000,#0000 27px,#c81e3a1f 28px),#fffaf1;padding:36px 18px 18px;overflow:hidden;transform:rotate(-1.4deg)}.note-pack.is-open .note-sheet{max-height:260px;padding-top:22px;transform:rotate(.5deg)}.note-hand{font-family:var(--font-hand);color:var(--ink);margin:0;font-size:1.28rem;line-height:1.35}.note-pack .tape-center{z-index:4;width:86px;top:-8px;left:22px;transform:rotate(-8deg)}.seal-wrap{z-index:5;position:absolute;top:78px;left:50%;transform:translate(-50%)}.seal{background:radial-gradient(circle at 32% 30%, #e0455c, var(--berry) 46%, var(--berry-deep));color:#fff6e8;border:2px solid var(--ink);width:74px;height:74px;box-shadow:4px 4px 0 var(--ink);font-family:var(--font-hand);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:1.2rem;line-height:.95;animation:2.6s ease-in-out infinite seal-breathe;display:flex}.seal small{letter-spacing:.04em;font-size:.78rem}.note-pack.is-open .seal-wrap{opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translate(-50%)scale(.8)}.arena{min-height:200px;padding:var(--space-5) var(--space-3);background:repeating-linear-gradient(90deg,#0000,#0000 11px,#c23b3b0f 12px);border:2px dashed #3d24182e;position:relative;overflow:hidden}.yes-wrap{justify-content:center;padding-top:8px;display:flex}.yes-btn{min-width:158px;font-size:1.2rem;font-family:var(--font-hand)}.no-btn{z-index:6;min-width:88px;color:var(--ink-soft);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--kraft);touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf8;border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:128px;left:50%;transform:translate(-50%)}.no-btn.is-free{transition:transform .22s var(--ease-spring);top:0;left:0}.no-btn.is-quit{opacity:0;pointer-events:none}.hint{text-align:center;font-family:var(--font-hand);color:var(--berry);min-height:1.35em;margin:0;font-size:1.2rem}.meter-wrap{place-items:center;gap:var(--space-2);padding:var(--space-2) 0;display:grid}.heart-well{cursor:ns-resize;touch-action:none;filter:drop-shadow(4px 6px #3d24181f);width:196px;height:178px}.meter-label{font-family:var(--font-hand);color:var(--berry);text-align:center;min-height:1.5em;font-size:1.32rem}.meter-caption{color:var(--ink-soft);text-align:center;font-size:.86rem}.menu-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.menu-grid .choice:nth-child(odd){transform:rotate(-1.2deg)}.menu-grid .choice:nth-child(2n){transform:rotate(1.4deg)}.menu-grid .choice.is-on,.menu-grid .choice:hover{transform:rotate(0)translate(-1px,-2px)}.food-emoji{font-size:1.55rem}.food-name{margin-top:6px;font-weight:700;display:block}.food-blurb{color:var(--ink-soft);margin-top:4px;font-size:.8rem;line-height:1.35;display:block}.diet-wrap{height:44px;position:relative}.diet-btn{color:var(--ink-soft);font-family:var(--font-hand);touch-action:none;white-space:nowrap;text-underline-offset:3px;padding:6px 10px;font-size:1.15rem;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;position:absolute;left:50%;transform:translate(-50%)}.stamp{border:2.5px solid var(--berry);width:48px;height:48px;color:var(--berry);font-family:var(--font-hand);letter-spacing:.02em;animation:stamp-in .42s var(--ease-spring);background:#fff8eed1;border-radius:50%;place-items:center;font-size:.82rem;display:grid;position:absolute;top:6px;right:6px;transform:rotate(-14deg)}.quick-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cal{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--kraft);background:#fffdf8;padding:12px;transform:rotate(.4deg)}.cal-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.cal-head strong{font-family:var(--font-display)}.cal-head span{font-family:var(--font-hand);color:var(--berry);font-size:.95rem}.cal-week{text-align:center;color:var(--ink-soft);grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;font-size:.7rem;font-weight:700;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day{aspect-ratio:1;background:#f6ecd8;border:1.5px solid #0000;border-radius:3px;min-height:0;font-size:.72rem;font-weight:700;position:relative}.cal-day:disabled{opacity:0;pointer-events:none}.cal-day.is-on{background:var(--berry);color:#fff8ee;border-color:var(--ink)}.cal-day .tiny-heart{color:var(--berry);font-size:.5rem;position:absolute;bottom:1px;right:2px}.cal-day.is-on .tiny-heart{color:#fff8ee}.never-btn{font-family:var(--font-hand);font-size:1.15rem;position:relative;overflow:hidden}.never-btn .ch{display:inline-block}.never-btn.is-falling .ch{animation:drop-letter .4s var(--ease-out) forwards}.polaroids{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.polaroid{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--kraft);transform:rotate(var(--tilt));text-align:left;background:#fffdf8;padding:8px 8px 16px;position:relative}.polaroid.is-on{box-shadow:5px 5px 0 var(--berry);z-index:2;transform:rotate(-.4deg)scale(1.03)}.polaroid-photo{border:1.5px solid #3d24181f;place-items:center;height:76px;margin-bottom:8px;font-size:2rem;display:grid}.polaroid .caption{font-family:var(--font-hand);color:var(--ink);padding:0 2px;font-size:1.12rem;line-height:1.15}.polaroid .tape{width:46px;height:16px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-6deg)}.ride-grid{gap:var(--space-2);display:grid}.ride-card{align-items:center;gap:var(--space-2);width:100%;display:flex}.ride-emoji{flex:none;width:40px;font-size:1.5rem}.ride-track{border:2px dashed #3d241833;height:32px;position:relative;overflow:hidden}.ride-car{font-size:1.35rem;position:absolute;top:0}.ride-card.is-on+.ride-track .ride-car,.ride-track .ride-car{animation:car-lap 1.15s var(--ease-out)}.pinky-art{padding:var(--space-2) 0;place-items:center;display:grid}.hold-btn{border:2.5px solid var(--ink);width:100%;height:56px;box-shadow:4px 4px 0 var(--kraft);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf8;border-radius:999px;font-weight:700;position:relative;overflow:hidden}.hold-fill{background:repeating-linear-gradient(90deg, var(--berry-soft) 0 10px, #fff1e4 10px 20px);width:0;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.hold-btn>span:last-child{z-index:1;position:relative}.ticket{border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffdf8;position:relative;overflow:hidden;transform:rotate(-.8deg)}.ticket-top{background:linear-gradient(90deg, #c23b3b38 50%, transparent 50%), linear-gradient(#c23b3b2e 50%, var(--berry) 50%);background-size:14px 14px;background-color:var(--berry);color:#fff8ee;padding:16px 16px 18px}.ticket-top small{font-family:var(--font-hand);letter-spacing:.06em;font-size:1.05rem}.ticket-top h2{font-family:var(--font-display);margin:4px 0 0;font-size:1.7rem}.ticket-cut{background:#fffdf8;height:20px;position:relative}.ticket-cut:after{content:"";border-top:2px dashed var(--berry-soft);position:absolute;top:50%;left:16px;right:16px}.ticket-body{gap:10px;margin:0;padding:10px 16px 16px;display:grid}.row{border-bottom:1.5px dashed #c81e3a47;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.row dt{font-family:var(--font-hand);color:var(--berry);font-size:.95rem}.row dd{font-family:var(--font-display);margin:2px 0 0;font-size:1.02rem}.seal-mark{border:3px solid var(--berry);width:86px;height:86px;color:var(--berry);text-align:center;font-family:var(--font-hand);animation:stamp-in .55s .2s both var(--ease-spring);border-radius:50%;place-items:center;margin:6px auto 2px;font-size:.92rem;line-height:1.1;display:grid;transform:rotate(-12deg)}.confetti-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-bit{animation:confetti 2.4s var(--ease-out) forwards;position:absolute;top:-12px}.note{font-family:var(--font-hand);text-align:center;color:var(--berry);margin:0;font-size:1.22rem}@media (width<=420px){.app{padding:var(--space-4) var(--space-2) 40px}.stage{padding:40px var(--space-4) var(--space-4)}}