/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}*{box-sizing:border-box}html{background:#f9e8e8;min-width:320px}body{color:var(--ink);background:linear-gradient(145deg,#f9e7e9 0%,#fffaf8 48%,#edf3e8 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #a9c595}.birthday-app{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.birthday-app:before,.birthday-app:after{z-index:-3;content:"";filter:blur(15px);border-radius:50%;width:42vw;height:42vw;position:fixed}.birthday-app:before{background:#e99aaa47;top:-18vw;left:-13vw}.birthday-app:after{background:#9fb69047;bottom:-19vw;right:-16vw}.paper-noise{z-index:-1;opacity:.28;pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(#704b5538 .55px,#0000 .55px);background-size:7px 7px;position:fixed;inset:0}.app-frame{place-items:center;width:min(100%,980px);min-height:100svh;margin:0 auto;padding:34px 20px;display:grid}.page{width:100%;max-width:820px;min-height:min(780px,100svh - 68px);box-shadow:var(--shadow);background:#fffdfcf0;border:1px solid #704b551f;border-radius:28px 18px 32px 22px;padding:clamp(38px,7vw,74px);animation:.65s cubic-bezier(.2,.75,.2,1) both page-in;position:relative}.page:before{content:"";pointer-events:none;border:1px dashed #cc718740;border-radius:22px 14px 26px 17px;position:absolute;inset:12px}.music-toggle{z-index:30;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em;background:#fffdfce6;border:1px solid #704b551f;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex;position:fixed;top:18px;right:max(18px,50vw - 466px);box-shadow:0 8px 24px #704b551f}.music-toggle span{background:var(--blush);border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;display:grid}.music-toggle.playing span{animation:1.1s ease-in-out infinite alternate music-pulse}.home-link{z-index:30;cursor:pointer;background:#fffdfceb;border:1px solid #704b551f;border-radius:50%;width:42px;height:42px;position:fixed;bottom:20px;left:max(18px,50vw - 466px);box-shadow:0 8px 24px #704b551f}.route-label{z-index:-1;color:#704b5538;letter-spacing:.28em;writing-mode:vertical-rl;font-size:10px;font-weight:800;position:fixed;bottom:70px;right:11px}.page-heading{z-index:1;text-align:center;max-width:630px;margin:0 auto 32px;position:relative}.eyebrow,.tiny-label{color:var(--sakura-deep);background:var(--blush-soft);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-family:Georgia,serif;font-size:11px;font-weight:700;display:inline-flex}.page-heading h1{letter-spacing:-.04em;margin:14px 0 10px;font-family:Georgia,Songti SC,serif;font-size:clamp(32px,6vw,52px);font-weight:500}.page-heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.85}.button{z-index:1;cursor:pointer;letter-spacing:.04em;border:0;border-radius:999px;min-height:48px;padding:13px 22px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;position:relative}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(1px)scale(.98)}.button:disabled{cursor:default;opacity:.65}.button.secondary{color:var(--ink);background:var(--leaf);border:1px solid #704b551f;box-shadow:0 8px 20px #704b551a}.button span{margin-left:4px}.home-page{text-align:center;background:linear-gradient(160deg,#fffdfcf7,#fff0f2f2);place-items:center;display:grid;overflow:hidden}.home-page:after{content:"";border:44px solid #dce8d0a6;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-115px;right:-80px}.home-copy{z-index:2;position:relative}.hand-note{color:var(--muted);border-bottom:2px solid var(--blush);margin:0 0 20px;padding:8px 14px;font-family:KaiTi,STKaiti,serif;display:inline-block;transform:rotate(-2deg)}.home-copy h1{letter-spacing:-.07em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(56px,11vw,96px);font-weight:500;line-height:.98}.home-copy h1 span{color:var(--sakura-deep);letter-spacing:.02em;font-size:.64em;display:block}.home-lead{color:var(--muted);margin:28px 0 34px;font-size:clamp(14px,2vw,17px);line-height:2}.big-button{padding:16px 28px}.date-stamp{color:var(--sakura-deep);letter-spacing:.15em;border:2px solid #cc718766;border-radius:4px;padding:8px 11px;font-family:Georgia,serif;font-size:11px;font-weight:800;position:absolute;top:46px;left:44px;transform:rotate(-7deg)}.sticker{z-index:2;background:var(--leaf);border:6px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:35px;display:grid;position:absolute;box-shadow:0 10px 22px #704b551f}.sticker-cake{background:var(--blush);bottom:15%;left:9%;transform:rotate(-8deg)}.tape{opacity:.8;background:#dce8d0bd;width:110px;height:28px;position:absolute}.tape-two{bottom:28%;right:-14px;transform:rotate(84deg)}.doodle-line{color:#cc71877a;letter-spacing:.25em;font-family:Georgia,serif;position:absolute;bottom:34px;right:40px;transform:rotate(-3deg)}.wheel-page{background:linear-gradient(180deg, var(--warm-white), #fff7f7);flex-direction:column;align-items:center;display:flex}.progress-dots{z-index:1;gap:8px;margin:-12px 0 18px;display:flex;position:relative}.progress-dots span{border:1px dashed var(--sakura);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.progress-dots span.done{color:#fff;background:var(--sakura);border-style:solid}.wheel-wrap{z-index:2;aspect-ratio:1;filter:drop-shadow(0 20px 25px #704b552e);width:min(78vw,390px);margin:6px 0 18px;position:relative}.wheel-pointer{z-index:8;color:#fff;border:5px solid var(--warm-white);background:var(--sakura-deep);border-radius:50% 50% 50% 8px;place-items:center;width:54px;height:54px;font-size:18px;display:grid;position:absolute;top:-19px;left:50%;transform:translate(-50%)rotate(-45deg);box-shadow:0 5px 15px #704b5533}.wheel-pointer:first-letter{transform:rotate(45deg)}.wheel{border:12px solid var(--warm-white);background:conic-gradient(from -60deg, #f4b9c5 0 33.333%, #dce8d0 33.333% 66.666%, #f8dfc7 66.666% 100%);border-radius:50%;transition:transform 3.2s cubic-bezier(.12,.65,.08,1);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 3px #704b551a}.wheel:after{content:"";border:2px dashed #ffffffbf;border-radius:50%;position:absolute;inset:15px}.wheel-label{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:3px;width:104px;display:flex;position:absolute;transform:translate(-50%,-50%)}.wheel-label small{color:var(--ink);font-size:12px;font-weight:900}.wheel-label-0{top:23%;left:50%}.wheel-label-1{top:64%;left:73.5%}.wheel-label-2{top:64%;left:26.5%}.wheel-center{z-index:4;color:#fff;background:var(--sakura-deep);letter-spacing:.12em;border:7px solid #ffffffe0;border-radius:50%;place-items:center;width:86px;height:86px;font-family:Georgia,serif;font-size:12px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-status{z-index:1;min-height:24px;color:var(--muted);margin:0 0 12px;font-family:KaiTi,serif;position:relative}.spin-button{min-width:164px}.unlocked-list{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:590px;margin-top:28px;display:grid;position:relative}.unlocked-list button{cursor:pointer;text-align:center;background:#fff;border:1px solid #704b551a;border-radius:14px;min-width:0;padding:12px 8px;display:grid}.unlocked-list button:disabled{opacity:.45;cursor:default}.unlocked-list button>span:first-child{font-size:21px}.unlocked-list button>span:nth-child(2){font-size:12px;font-weight:800}.unlocked-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.gift-page{flex-direction:column;align-items:center;display:flex}.gift-actions{z-index:2;justify-content:center;gap:10px;margin-top:30px;display:flex;position:relative}.interaction-hint{color:var(--muted);margin:16px 0 0;font-size:13px;animation:1.5s ease-in-out infinite alternate hint-bob}.asset-placeholder{width:100%;min-height:190px;color:var(--muted);border:1px dashed var(--sakura);text-align:center;background:repeating-linear-gradient(45deg,#fff7f7,#fff7f7 10px,#fffdfc 10px 20px);border-radius:12px;align-content:center;place-items:center;gap:5px;display:grid}.asset-placeholder span{font-size:36px}.asset-placeholder small{max-width:220px;padding:0 12px;font-size:10px;line-height:1.5}.gift-reveal-card{z-index:2;background:#fff;border:1px solid #704b551a;border-radius:18px;grid-template-columns:minmax(170px,.8fr) 1.2fr;align-items:center;gap:25px;width:100%;max-width:620px;margin-top:24px;padding:16px;animation:.6s both reveal;display:grid;position:relative;box-shadow:0 15px 35px #704b551a}.gift-reveal-card img{object-fit:cover;border-radius:12px;width:100%;min-height:190px;max-height:230px}.gift-reveal-card h2{margin:11px 0 8px;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:500}.gift-reveal-card p{color:var(--muted);font-size:13px;line-height:1.8}.envelope{z-index:2;cursor:pointer;perspective:800px;background:0 0;border:0;width:min(78vw,390px);height:240px;margin:30px auto 0;position:relative}.envelope-back{background:#e9c8cb;border-radius:8px;position:absolute;inset:0;box-shadow:0 18px 30px #704b5529}.envelope-front{z-index:4;clip-path:polygon(0 25%,50% 72%,100% 25%,100% 100%,0 100%);background:linear-gradient(155deg,#0000 49%,#f5dcde 50%);border-radius:8px;position:absolute;inset:0;overflow:hidden}.envelope-front:after{clip-path:polygon(0 25%,50% 72%,100% 25%,100% 100%,0 100%);content:"";background:linear-gradient(205deg,#0000 49%,#eed1d4 50%);position:absolute;inset:0}.envelope-flap{z-index:5;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:#f7e4e4;border-radius:8px;width:100%;height:60%;transition:transform .7s,z-index 0s .25s;position:absolute;top:0;left:0}.letter-sheet{z-index:3;background:#fffefa;border:1px solid #704b5514;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:84%;height:84%;transition:transform .8s cubic-bezier(.2,.8,.2,1) .25s;display:flex;position:absolute;bottom:7%;left:8%;box-shadow:0 5px 14px #704b551a}.letter-sheet b{font-family:KaiTi,serif;font-size:20px;font-weight:500}.letter-sheet em{color:var(--sakura-deep);font-family:Georgia,serif;font-size:12px}.wax-seal{z-index:7;color:#f9d9de;background:var(--sakura-deep);border-radius:50%;place-items:center;width:50px;height:50px;font-family:KaiTi,serif;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 4px #ffffff29,0 4px 10px #704b5533}.envelope.open{cursor:default}.envelope.open .envelope-flap{z-index:1;transform:rotateX(180deg)}.envelope.open .letter-sheet{transform:translateY(-95px)}.letter-content{z-index:6;background:repeating-linear-gradient(#fffefa,#fffefa 29px,#f0ddd9 30px);border:1px solid #704b551a;width:100%;max-width:570px;max-height:300px;margin-top:50px;padding:30px 34px;font-family:KaiTi,STKaiti,serif;line-height:2.05;animation:.6s both reveal;position:relative;overflow-y:auto;transform:rotate(-.6deg);box-shadow:0 15px 34px #704b551f}.letter-content p{margin:0 0 18px}.letter-content .signature{text-align:right}.letter-content small{color:var(--muted);font-family:system-ui,sans-serif;font-size:10px}.bead-board{z-index:2;aspect-ratio:1;background:#f3ede7;border:8px solid #fff;border-radius:24px;grid-template-columns:repeat(8,1fr);gap:5px;width:min(70vw,330px);padding:20px;display:grid;position:relative;transform:rotate(-2deg);box-shadow:0 18px 40px #704b5526,inset 0 0 0 1px #704b5514}.bead-board i{background:#704b5512;border-radius:50%;transition:background .35s,transform .35s;box-shadow:inset 0 1px 1px #704b551a}.bead-board i.placed{background:var(--sakura);transform:scale(1.05);box-shadow:inset 0 -3px #704b551f,0 2px 3px #704b551f}.bead-heart{color:#ffffffd6;place-items:center;font-size:84px;animation:.6s both heart-pop;display:grid;position:absolute;inset:0}.bead-button{margin-top:20px}.camera-stage{z-index:2;margin:25px 0 0;position:relative}.camera-body{background:linear-gradient(#e9a9b7 0 38%,#f6ede7 38%);border:7px solid #fff;border-radius:24px 24px 31px 31px;width:min(76vw,410px);height:265px;position:relative;box-shadow:0 22px 38px #704b552e,inset 0 0 0 2px #704b551a}.camera-body:before{content:"";background:#d8889b;border:6px solid #fff;border-bottom:0;border-radius:13px 13px 0 0;width:108px;height:38px;position:absolute;top:-31px;left:34px}.camera-view{background:#8ea69a;border:5px solid #fff;border-radius:8px;place-items:center;width:92px;height:55px;display:grid;position:absolute;top:23px;left:31px;overflow:hidden}.camera-view i{background:#dce8d0;border-radius:50% 50% 0 0;width:62px;height:36px;position:absolute;bottom:-10px}.camera-view b{z-index:1;color:#fff;letter-spacing:.05em;font-size:7px;position:relative}.camera-lens{background:#394957;border:12px solid #704b55;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 11px #adc3c4,inset 0 0 0 24px #536974,0 6px #704b551f}.camera-lens i{background:radial-gradient(circle at 32% 28%,#e8f8f8 0 8%,#7598a1 9% 24%,#263f4a 50%);border-radius:50%;width:32px;height:32px}.shutter{background:var(--ink);cursor:pointer;border:5px solid #fff;border-radius:999px;width:52px;height:23px;transition:transform .15s;position:absolute;top:24px;right:35px}.shutter:active{transform:translateY(4px)}.camera-brand{color:var(--muted);letter-spacing:.14em;font-family:Georgia,serif;font-size:10px;font-weight:800;position:absolute;bottom:20px;right:25px}.flash{z-index:50;visibility:hidden;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.snapped .camera-body{animation:.45s camera-shake}.snapped .flash{visibility:visible;animation:.55s flash}.photo-reveal{margin-top:26px}.ending-page{background:linear-gradient(160deg,#fffdfc,#fff1f3 60%,#eff4e9);flex-direction:column;justify-content:center;align-items:center;min-height:min(820px,100svh - 68px);display:flex;overflow:hidden}.ending-kicker{z-index:2;color:var(--sakura-deep);letter-spacing:.15em;margin-bottom:22px;font-family:Georgia,serif;font-size:11px;font-style:italic;position:relative}.memory-scene{z-index:2;justify-content:center;align-items:center;gap:clamp(18px,5vw,56px);width:100%;display:flex;position:relative}.polaroid{background:#fff;width:min(48vw,290px);padding:14px 14px 42px;transform:rotate(-5deg);box-shadow:0 22px 45px #704b552e}.polaroid>img,.polaroid>.asset-placeholder{aspect-ratio:.95;object-fit:cover;border-radius:0;width:100%;min-height:0}.polaroid p{color:var(--muted);text-align:center;margin:0;font-family:KaiTi,serif;position:absolute;bottom:10px;left:18px;right:18px}.speech-bubble{background:#fff;border:1px solid #704b551a;border-radius:50% 50% 48% 46%;max-width:245px;padding:25px 29px;font-family:KaiTi,serif;font-size:clamp(17px,3vw,23px);line-height:1.5;position:relative;transform:rotate(3deg);box-shadow:0 14px 35px #704b551f}.speech-bubble:before{clip-path:polygon(0 65%,100% 0,70% 100%);content:"";background:#fff;width:36px;height:25px;position:absolute;bottom:28px;left:-16px}.speech-bubble strong{color:var(--sakura-deep);font-size:1.35em;font-weight:500}.answer-buttons{z-index:2;gap:12px;margin-top:45px;display:flex;position:relative}.answer-message{z-index:3;text-align:center;max-width:590px;margin-top:35px;animation:.7s both reveal;position:relative}.answer-message>span{font-size:34px;display:block}.answer-message h1{margin:10px 0 8px;font-family:Georgia,Songti SC,serif;font-size:clamp(28px,5vw,43px);font-weight:500}.answer-message p{color:var(--muted);line-height:1.8}.text-button{z-index:4;color:var(--muted);border:0;border-bottom:1px dashed var(--muted);cursor:pointer;background:0 0;margin-top:28px;padding:7px;font-size:12px;position:relative}.confetti,.glow-field{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-10%;left:calc((var(--c,0) + 1) * 4%);background:var(--sakura);width:9px;height:15px;animation:confetti-fall calc(2.6s + var(--c,0) * 80ms) ease-in infinite;animation-delay:calc(var(--c,0) * -.1s);position:absolute}.confetti i:nth-child(3n){background:#e9c06d;border-radius:50%}.confetti i:nth-child(4n){background:var(--leaf-deep)}.confetti i:first-child{--c:0}.confetti i:nth-child(2){--c:1}.confetti i:nth-child(3){--c:2}.confetti i:nth-child(4){--c:3}.confetti i:nth-child(5){--c:4}.confetti i:nth-child(6){--c:5}.confetti i:nth-child(7){--c:6}.confetti i:nth-child(8){--c:7}.confetti i:nth-child(9){--c:8}.confetti i:nth-child(10){--c:9}.confetti i:nth-child(11){--c:10}.confetti i:nth-child(12){--c:11}.confetti i:nth-child(13){--c:12}.confetti i:nth-child(14){--c:13}.confetti i:nth-child(15){--c:14}.confetti i:nth-child(16){--c:15}.confetti i:nth-child(17){--c:16}.confetti i:nth-child(18){--c:17}.confetti i:nth-child(19){--c:18}.confetti i:nth-child(20){--c:19}.confetti i:nth-child(21){--c:20}.confetti i:nth-child(22){--c:21}.confetti i:nth-child(23){--c:22}.confetti i:nth-child(24){--c:23}.glow-field i{left:calc((var(--g,0) + 1) * 6%);top:calc(15% + (var(--g,0) % 5) * 17%);width:8px;height:8px;animation:1.8s ease-in-out infinite alternate glow;animation-delay:calc(var(--g,0) * -.17s);background:#f5c96d;border-radius:50%;position:absolute;box-shadow:0 0 20px 6px #f5c96d6b}.glow-field i:first-child{--g:0}.glow-field i:nth-child(2){--g:1}.glow-field i:nth-child(3){--g:2}.glow-field i:nth-child(4){--g:3}.glow-field i:nth-child(5){--g:4}.glow-field i:nth-child(6){--g:5}.glow-field i:nth-child(7){--g:6}.glow-field i:nth-child(8){--g:7}.glow-field i:nth-child(9){--g:8}.glow-field i:nth-child(10){--g:9}.glow-field i:nth-child(11){--g:10}.glow-field i:nth-child(12){--g:11}.glow-field i:nth-child(13){--g:12}.glow-field i:nth-child(14){--g:13}.glow-field i:nth-child(15){--g:14}.glow-field i:nth-child(16){--g:15}@keyframes page-in{0%{opacity:0;transform:translateY(14px)scale(.99)}}@keyframes music-pulse{to{background:var(--leaf);transform:scale(1.12)rotate(7deg)}}@keyframes hint-bob{to{transform:translateY(4px)}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)rotate(.5deg)}}@keyframes heart-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}}@keyframes camera-shake{20%{transform:translate(-5px)rotate(-1deg)}45%{transform:translate(5px)rotate(1deg)}}@keyframes flash{0%,to{opacity:0}12%{opacity:.95}}@keyframes confetti-fall{to{transform:translateY(110vh)rotate(480deg)}}@keyframes glow{0%{opacity:.2;transform:scale(.65)}to{opacity:1;transform:scale(1.35)}}@media (width<=640px){.app-frame{align-items:stretch;padding:12px 0}.page{border-left:0;border-right:0;border-radius:0;min-height:calc(100svh - 24px);padding:76px 24px 50px}.page:before{inset:9px}.music-toggle{justify-content:center;width:43px;height:43px;padding:0;top:18px;right:16px}.music-toggle>span{background:0 0}.music-toggle{font-size:0}.page-heading{margin-bottom:24px}.page-heading h1{font-size:36px}.home-copy h1{font-size:62px}.home-lead br{display:none}.date-stamp{top:76px;left:30px}.sticker{border-width:4px;width:58px;height:58px;font-size:27px}.sticker-flower{top:20%;right:6%}.sticker-cake{bottom:18%;left:5%}.wheel-wrap{width:min(82vw,340px)}.unlocked-list{margin-top:22px}.unlocked-list button{padding:10px 4px}.gift-actions{flex-direction:column;width:100%}.gift-actions .button{width:100%}.envelope{height:200px;margin-top:36px}.letter-content{margin-top:48px;padding:24px 22px}.gift-reveal-card{grid-template-columns:1fr;gap:18px}.gift-reveal-card h2{margin-top:10px}.memory-scene{align-items:flex-end;gap:0}.polaroid{width:61vw;transform:translate(10px)rotate(-5deg)}.speech-bubble{z-index:3;width:44vw;margin:0 0 45px -28px;padding:17px 18px;font-size:16px}.answer-buttons{flex-direction:column;width:100%;margin-top:38px}.answer-buttons .button{width:100%}.route-label{display:none}}@media (height<=720px) and (width>=641px){.page{min-height:650px;padding-top:40px;padding-bottom:40px}.wheel-wrap{width:310px}.page-heading{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--sakura:#2855e7;--sakura-deep:#153ec9;--blush:#ff5a36;--blush-soft:#fff267;--warm-white:#f6f2e7;--leaf:#d8ff54;--leaf-deep:#9fca18;--ink:#171714;--muted:#66645d;--shadow:14px 14px 0 #171714}html{background:#cfcfca}body{color:var(--ink);background:#d8d8d3;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.birthday-app{background:linear-gradient(90deg,#0000 49.8%,#1717140e 50%,#0000 50.2%),#d8d8d3}.birthday-app:before,.birthday-app:after{z-index:-1;filter:none;letter-spacing:-.1em;pointer-events:none;border-radius:0;width:auto;height:auto;font-weight:900;line-height:.8;position:fixed}.birthday-app:before{color:var(--sakura);content:"////";opacity:.8;background:0 0;font-size:clamp(70px,14vw,170px);top:7vh;left:-20px;transform:rotate(-9deg)}.birthday-app:after{color:var(--blush);content:"●";opacity:.8;background:0 0;font-size:clamp(120px,24vw,310px);bottom:3vh;right:-20px;transform:none}.paper-noise{opacity:.42;mix-blend-mode:multiply;background-image:radial-gradient(#17171452 .6px,#0000 .75px),repeating-linear-gradient(7deg,#0000 0 18px,#17171406 19px 20px);background-size:5px 5px,auto}.app-frame{width:min(100%,1120px);padding:42px 30px}.page{border:2px solid var(--ink);max-width:960px;min-height:min(800px,100svh - 84px);box-shadow:var(--shadow);background:#f6f2e7fa;border-radius:0;padding:clamp(42px,7vw,78px);overflow:hidden}.page:before{border:1px dashed #1717146b;border-radius:0;inset:16px}.music-toggle{border:2px solid var(--ink);background:var(--blush-soft);box-shadow:5px 5px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:uppercase;border-radius:0;padding:9px 14px;top:22px}.music-toggle span{color:#fff;background:var(--sakura);border-radius:0}.music-toggle.playing span{background:var(--blush)}.home-link{border:2px solid var(--ink);background:var(--blush-soft);box-shadow:5px 5px 0 var(--ink);border-radius:0}.route-label{color:#1717146b;font-family:Courier New,monospace}.page-heading{text-align:left;max-width:720px;margin:0 auto 34px}.eyebrow,.tiny-label{color:#fff;background:var(--sakura);letter-spacing:.18em;box-shadow:3px 3px 0 var(--ink);border-radius:0;padding:6px 9px;font-family:Courier New,monospace;font-size:11px;font-weight:900}.page-heading h1{letter-spacing:-.075em;margin:20px 0 12px;font-family:Arial,PingFang SC,sans-serif;font-size:clamp(39px,7vw,72px);font-weight:900;line-height:.98}.page-heading p{max-width:520px;color:var(--ink);border-left:7px solid var(--blush);padding-left:14px;font-size:14px;line-height:1.7}.button{border:2px solid var(--ink);text-transform:uppercase;min-height:50px;box-shadow:5px 5px 0 var(--ink);border-radius:0;padding:13px 20px;font-family:Arial,PingFang SC,sans-serif;font-size:13px;font-weight:900}.button:hover:not(:disabled){box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.button:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.button.primary{color:#fff;background:var(--sakura);box-shadow:5px 5px 0 var(--ink)}.button.secondary{color:var(--ink);border:2px solid var(--ink);background:var(--leaf);box-shadow:5px 5px 0 var(--ink)}.home-page{background:linear-gradient(90deg, transparent 0 67%, #2855e717 67%), var(--warm-white);text-align:left;place-items:stretch stretch}.home-page:after{width:auto;height:auto;color:var(--sakura);content:"19";letter-spacing:-.13em;opacity:.11;background:0 0;border:0;border-radius:0;font-family:Arial,sans-serif;font-size:clamp(250px,38vw,470px);font-weight:900;line-height:1;bottom:-.24em;right:-.04em;transform:rotate(-4deg)}.home-copy{flex-direction:column;justify-content:center;align-items:flex-start;max-width:650px;display:flex}.hand-note{color:#fff;border:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--blush);box-shadow:4px 4px 0 var(--ink);margin:0 0 28px;padding:7px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:900;transform:rotate(-2deg)}.home-copy h1{color:var(--ink);letter-spacing:-.09em;text-transform:uppercase;margin:0;font-family:Arial,PingFang SC,sans-serif;font-size:clamp(62px,12vw,126px);font-weight:900;line-height:.78}.home-copy h1 span{color:var(--sakura);letter-spacing:-.07em;margin-bottom:.22em;font-size:.68em;display:block;transform:translate(-.04em)}.home-lead{max-width:470px;color:var(--ink);border-left:10px solid var(--blush);background:#fff267c7;margin:42px 0 34px;padding:13px 16px;font-family:Courier New,Microsoft YaHei,monospace;font-size:15px;font-weight:700;line-height:1.8}.date-stamp{color:var(--ink);border:2px solid var(--ink);background:var(--blush-soft);box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:8px 11px;font-family:Courier New,monospace;top:43px;left:auto;right:44px;transform:rotate(3deg)}.sticker{z-index:3;color:#fff;border:2px solid var(--ink);background:var(--sakura);width:72px;height:72px;box-shadow:6px 6px 0 var(--ink);border-radius:0;font-family:Arial,sans-serif;font-size:25px;font-weight:900}.sticker-flower{top:18%;right:7%;transform:rotate(8deg)}.sticker-cake{color:var(--ink);background:var(--leaf);font-size:16px;bottom:14%;left:auto;right:19%;transform:rotate(-7deg)}.tape{border:1px solid var(--ink);background:var(--blush);opacity:1;width:124px;height:24px}.tape-one{top:18px;left:35%;transform:rotate(-3deg)}.tape-two{background:var(--sakura);bottom:33%;right:-22px;transform:rotate(84deg)}.doodle-line{color:var(--ink);letter-spacing:.1em;font-family:Courier New,monospace;font-size:10px;font-weight:900;bottom:27px;right:34px}.wheel-page{background:var(--warm-white)}.progress-dots{gap:6px;margin:-6px 0 19px}.progress-dots span{width:29px;height:29px;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:0;font-family:Courier New,monospace;font-weight:900}.progress-dots span.done{color:#fff;border-color:var(--ink);background:var(--sakura)}.wheel-wrap{filter:drop-shadow(12px 13px 0 var(--ink))}.wheel-pointer{color:var(--ink);border:3px solid var(--ink);background:var(--blush-soft);box-shadow:none;border-radius:0;top:-18px;transform:translate(-50%)rotate(45deg)}.wheel{border:5px solid var(--ink);background:conic-gradient(from -60deg, #2855e7 0 33.333%, #d8ff54 33.333% 66.666%, #ff6c42 66.666% 100%);box-shadow:inset 0 0 0 4px var(--warm-white), inset 0 0 0 6px var(--ink)}.wheel:after{border:2px dashed #171714bf;inset:17px}.wheel-label{gap:2px;width:112px}.wheel-label span{filter:grayscale()contrast(1.2);font-size:34px}.wheel-label small{color:#fff;background:var(--ink);letter-spacing:-.04em;padding:3px 5px;font-family:Courier New,monospace;font-size:11px;display:inline-block}.wheel-center{color:#fff;border:4px solid var(--warm-white);background:var(--ink);letter-spacing:-.1em;border-radius:0;width:82px;height:82px;font-family:Arial,sans-serif;font-size:32px;transform:translate(-50%,-50%)rotate(-5deg)}.spin-status{color:var(--ink);font-family:Courier New,monospace;font-size:12px;font-weight:900}.unlocked-list{gap:12px}.unlocked-list button{color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:0;padding:13px 8px}.unlocked-list small{color:var(--muted);font-family:Courier New,monospace}.gift-page{background:var(--warm-white)}.gift-actions{gap:13px}.interaction-hint{color:var(--ink);font-family:Courier New,monospace;font-size:11px;font-weight:900}.asset-placeholder{color:var(--ink);border:2px dashed var(--ink);background:repeating-linear-gradient(135deg,#fff 0 8px,var(--blush-soft) 8px 12px);border-radius:0}.gift-reveal-card{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:0;gap:25px}.gift-reveal-card img{border:2px solid var(--ink);filter:saturate(.75)contrast(1.12);border-radius:0}.gift-reveal-card img.cutout-image{object-fit:contain;min-height:0;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(7px 8px 0 var(--ink));border:0}.gift-reveal-card img.perler-cutout{max-height:320px;transform:rotate(-2deg)}.gift-reveal-card img.camera-cutout{max-height:230px;transform:rotate(1.5deg)}.gift-reveal-card h2{letter-spacing:-.04em;font-family:Arial,PingFang SC,sans-serif;font-size:27px;font-weight:900}.gift-reveal-card p{color:var(--ink)}.letter-page{background:var(--warm-white)}.envelope-back{border:2px solid var(--ink);background:var(--sakura);box-shadow:10px 10px 0 var(--ink);border-radius:0}.envelope-front{background:linear-gradient(155deg,#0000 49%,#2855e7 50%);border-radius:0}.envelope-front:after{background:linear-gradient(205deg,#0000 49%,#153ec9 50%)}.envelope-flap{background:var(--blush);border-radius:0}.letter-sheet{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fffdf5}.letter-sheet b{font-family:Arial,PingFang SC,sans-serif;font-weight:900}.letter-sheet em{color:var(--sakura);font-family:Courier New,monospace;font-weight:900}.wax-seal{color:#fff;border:2px solid var(--ink);background:var(--blush);box-shadow:4px 4px 0 var(--ink);border-radius:0;font-family:Arial,sans-serif;font-weight:900;transform:translate(-50%,-50%)rotate(-6deg)}.letter-content{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:repeating-linear-gradient(#fffdf5,#fffdf5 29px,#2855e72e 30px);font-family:Courier New,KaiTi,monospace}.letter-content small{color:var(--sakura-deep);font-family:Courier New,monospace;font-weight:700}.perler-page{background:var(--warm-white)}.bead-board{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff;border-radius:0;transform:rotate(-2deg)}.bead-board i{background:#ddd8c9;border:1px solid #1717142e}.bead-board i.placed{background:var(--sakura);box-shadow:inset 0 -3px #17171440}.bead-board i:nth-child(3n).placed{background:var(--leaf)}.bead-board i:nth-child(5n).placed{background:var(--blush)}.bead-board i:nth-child(7n).placed{background:var(--blush-soft)}.bead-board.complete i.heart-bead{background:#e72e2e;border-color:#a70f0f;transform:scale(1.06);box-shadow:inset 0 -4px #a70f0f,0 2px #17171447}.bead-board.complete i.background-bead{background:#fffdf5;border-color:#cec7b7;transform:scale(.96);box-shadow:inset 0 -3px #ded7c7}.camera-page{background:var(--warm-white)}.camera-body{border:4px solid var(--ink);background:linear-gradient(var(--sakura) 0 38%,#ece6d9 38%);box-shadow:10px 10px 0 var(--ink);border-radius:0}.camera-body:before{border:4px solid var(--ink);background:var(--blush);border-bottom:0;border-radius:0}.camera-view{border:3px solid var(--ink);background:var(--blush-soft);border-radius:0}.camera-view i{background:var(--leaf)}.camera-view b{color:var(--ink)}.camera-lens{border-color:var(--ink);box-shadow:inset 0 0 0 11px var(--blush-soft),inset 0 0 0 24px var(--ink),5px 5px 0 #1717144d;background:#2855e7;border-radius:0;transform:translate(-50%)rotate(-4deg)}.shutter{border:3px solid var(--ink);background:var(--blush-soft);border-radius:0}.camera-brand{color:var(--ink);font-family:Courier New,monospace}.ending-page{background:var(--warm-white)}.ending-kicker{color:#fff;background:var(--sakura);align-self:flex-start;padding:5px 8px;font-family:Courier New,monospace;font-style:normal;font-weight:900}.polaroid{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff}.polaroid>img,.polaroid>.asset-placeholder{border:2px solid var(--ink);filter:saturate(.6)contrast(1.2)}.polaroid.big-head-card{background:var(--blush-soft);width:min(52vw,320px);padding:8px 8px 42px;transform:rotate(-5deg)}.polaroid>img.child-head-cutout{aspect-ratio:1.05;object-fit:contain;width:108%;max-width:none;filter:drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff) drop-shadow(7px 8px 0 var(--ink));border:0;margin:-11% -4% 0;transform:rotate(2deg)}.polaroid p{color:var(--ink);font-family:Courier New,monospace;font-weight:900}.speech-bubble{border:2px solid var(--ink);background:var(--blush-soft);box-shadow:7px 7px 0 var(--ink);border-radius:0;font-family:Arial,PingFang SC,sans-serif;font-weight:900;transform:rotate(3deg)}.speech-bubble:before{background:var(--blush-soft)}.speech-bubble strong{color:var(--sakura);font-weight:900}.answer-message h1{letter-spacing:-.06em;font-family:Arial,PingFang SC,sans-serif;font-weight:900}.text-button{color:var(--ink);border-bottom:2px solid var(--ink);font-family:Courier New,monospace;font-weight:900}@media (width<=640px){.app-frame{padding:0}.page{min-height:100svh;box-shadow:none;border-left:0;border-right:0;padding:82px 25px 54px}.page:before{inset:10px}.home-page{background:linear-gradient(90deg,transparent 0 82%,#2855e717 82%),var(--warm-white)}.home-copy{justify-content:center}.home-copy h1{font-size:clamp(60px,22vw,92px);line-height:.82}.home-lead{margin:34px 0 28px;font-size:13px}.date-stamp{top:76px;left:auto;right:27px}.sticker-flower{top:22%;right:5%}.sticker-cake{bottom:17%;left:auto;right:8%}.page-heading{text-align:left}.page-heading h1{font-size:43px}.wheel-wrap{filter:drop-shadow(7px 8px 0 var(--ink))}.wheel-label{width:88px}.wheel-label span{font-size:29px}.wheel-label small{font-size:9px}.wheel-center{width:66px;height:66px;font-size:27px}.unlocked-list{gap:7px}.unlocked-list button{box-shadow:3px 3px 0 var(--ink)}.gift-reveal-card{box-shadow:6px 6px 0 var(--ink)}.memory-scene{margin-top:15px}.polaroid.big-head-card{width:64vw;transform:translate(4px)rotate(-5deg)}.polaroid>img.child-head-cutout{width:112%;margin:-13% -6% 0}.memory-scene .speech-bubble{width:42vw;margin:0 0 38px -18px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}