@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@600;700;800&display=swap";:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", "Segoe UI", sans-serif;font-family:var(--font-body);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#f3b1cd}body{min-width:320px}.scene{--vh: 1vh;--u: max(1vmin, .46vmax);position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#7a8ce0,#a79ae3 24%,#e9a6cb 46%,#ffc8b4 60%,#ffe0c6 70%);user-select:none;-webkit-user-select:none}@supports (height: 1dvh){.scene{--vh: 1dvh}}.scene-defs{position:absolute;width:0;height:0;overflow:hidden}.camera{position:absolute;inset:0;transform-origin:50% 70%;animation:camera-in 2.8s cubic-bezier(.2,.7,.2,1) both}.layer{position:absolute;inset:0 -6%;pointer-events:none;will-change:transform}.layer-air{inset:0}.sun{position:absolute;left:50%;top:34%;width:calc(var(--u) * 56);aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle closest-side,#fffaf0 0 17%,#ffeccd 19%,#ffe6cd8c 30%,#ffdcc82e 55%,#ffdcc800);animation:sun-glow 7s ease-in-out infinite alternate}.cloud{position:absolute;left:0;animation:cloud-drift linear infinite}.landscape-box{position:absolute;left:0;right:0;--band: 42;--ratio: 3.2;height:calc(var(--band) * var(--vh))}.landscape{position:absolute;left:50%;bottom:0;display:block;height:100%;width:max(100%,calc(var(--band) * var(--vh) * var(--ratio)));translate:-50% 0}.mountains-far{bottom:26%;--band: 42}.mountains-mid{bottom:24%;--band: 36}.hill-back{top:54%;--band: 46}.meadow{top:60%;--band: 40;--ratio: 4}.hill-back .landscape,.meadow .landscape{top:0;bottom:auto}.mist{position:absolute;left:0;right:0;top:46%;height:16%;background:linear-gradient(180deg,#ffe2ec00,#ffe2ec8c 55%,#ffe2ec00)}.flower,.tuft,.cat{position:absolute;translate:-50% 0}.flower svg,.tuft svg,.cat svg{display:block;width:100%;height:auto;overflow:visible}.flower{transform-origin:50% 100%;animation:sway var(--sway) ease-in-out var(--sway-delay) infinite alternate}.flower svg{aspect-ratio:100 / 240}.flower-stem{fill:none;stroke:url(#stem);stroke-width:3.4;stroke-linecap:round}.petal{transform-box:view-box;transform-origin:0 0;animation:petal-cycle var(--cycle) cubic-bezier(.34,.8,.3,1) infinite both}.flower-center{transform-box:view-box;transform-origin:0 0;animation:center-cycle var(--cycle) ease-in-out infinite both}.flower.is-fresh svg{transform-origin:50% 100%;animation:sprout 1.1s cubic-bezier(.2,.9,.3,1.2) both}.tuft{transform-origin:50% 100%;animation:grass-sway var(--sway) ease-in-out var(--sway-delay) infinite alternate}.tuft svg{aspect-ratio:1}.is-blurred svg{filter:blur(calc(var(--u) * .35))}.cat svg{aspect-ratio:200 / 240}.cat svg.is-flipped{scale:-1 1}.cat-shadow{fill:#2d4a2a;opacity:.22}.cat-tail{transform-box:view-box;transform-origin:0 0;animation:tail-sway 3.2s ease-in-out infinite alternate}.cat-head{transform-box:view-box;transform-origin:0 0;animation:head-tilt 6s ease-in-out var(--blink-delay) infinite alternate}.cat-eye{transform-box:fill-box;transform-origin:center;animation:blink 5.5s var(--blink-delay) infinite}.cat-pupil{animation:look 8s ease-in-out var(--blink-delay) infinite}.cat-ear-twitch{transform-box:fill-box;transform-origin:50% 100%;animation:ear-twitch 4.6s var(--blink-delay) infinite}.cat-heart{fill:#ff4f86;opacity:0;transform-box:fill-box;transform-origin:center}.cat.is-happy .cat-heart{animation:heart-float 2.2s ease-out var(--blink-delay) infinite}.cat.is-happy .cat-tail{animation-duration:.7s}.drifting-petal{position:absolute;top:-6%;opacity:.85;animation:drift linear infinite}.butterfly{position:absolute;left:0;top:0;animation:linear infinite}.flutter-a{animation-name:flutter-a}.flutter-b{animation-name:flutter-b}.butterfly-wings{position:relative;display:flex;perspective:120px;animation:bob .6s ease-in-out infinite alternate}.wing{width:50%;animation:flap-left .2s ease-in-out infinite alternate;transform-origin:100% 50%}.wing svg{display:block;width:100%;overflow:visible}.wing-right{transform-origin:0% 50%;animation-name:flap-right}.wing-right svg{scale:-1 1}.butterfly-body{position:absolute;left:50%;top:22%;width:7%;height:56%;translate:-50% 0;border-radius:999px;background:#4a3550}.question{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;justify-items:center;gap:clamp(.9rem,2.6vh,1.6rem);padding:calc(env(safe-area-inset-top) + clamp(1.4rem,6vh,3.6rem)) 1.25rem 0;text-align:center;animation:rise-in 1.2s .4s cubic-bezier(.2,.7,.2,1) both}.question h1{margin:0;max-width:12em;font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,min(7.2vw,7.5vh),4.2rem);line-height:1.05;letter-spacing:-.01em;color:#fffaf6;text-wrap:balance;text-shadow:0 2px 0 rgb(120 70 140 / 25%),0 6px 26px rgb(90 50 120 / 40%)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.btn{border:0;border-radius:16px;padding:.95em 1.5em;font-family:var(--font-body);font-size:clamp(.95rem,2.2vh,1.08rem);font-weight:800;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(3px)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-yes{color:#fff;background:linear-gradient(180deg,#ff739f,#e5437a);box-shadow:0 4px #b52b5c,0 12px 26px #961e5059}.btn-yes:active{box-shadow:0 1px #b52b5c,0 6px 14px #961e504d}.btn-more{color:#b8356a;background:#ffffffe5;box-shadow:0 4px #b46e967f,0 12px 26px #5a327833}.btn-more:active{box-shadow:0 1px #b46e967f,0 6px 14px #5a32782e}.fireworks-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:15}.firework-burst{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:firework-pop 1.9s cubic-bezier(.18,.84,.22,1) var(--delay) forwards;filter:drop-shadow(0 0 10px hsl(var(--hue) 92% 60% / 40%))}.firework-burst:before,.firework-burst:after{content:"";position:absolute;inset:0;border-radius:50%}.firework-burst:before{background:radial-gradient(circle,transparent 0 33%,hsl(var(--hue) 92% 65%) 36% 42%,transparent 45%),repeating-conic-gradient(from 0deg,hsl(var(--hue) 96% 62%) 0deg 14deg,transparent 14deg 26deg)}.firework-burst:after{inset:40%;background:radial-gradient(circle,rgb(255 251 245 / 98%) 0%,hsl(var(--hue) 95% 68%) 72%,transparent 100%);animation:firework-core 1.9s ease-out var(--delay) forwards}@media(max-aspect-ratio:1/1){.scene{--u: max(1vmin, .56vmax)}.sun{top:27%}.mountains-far{bottom:38%;--band: 48}.mountains-mid{bottom:36%;--band: 40}.mist{top:44%}}@media(max-width:640px){.tuft.is-optional{display:none}}@media(max-width:480px){.actions{gap:.6rem}.btn{padding:.9em 1.1em;font-size:.92rem}}@keyframes camera-in{0%{transform:scale(1.08) translateY(2%);opacity:0}30%{opacity:1}to{transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sun-glow{0%{opacity:.85;scale:.97}to{opacity:1;scale:1.03}}@keyframes cloud-drift{0%{transform:translate(-100%)}to{transform:translate(120vw)}}@keyframes sway{0%{rotate:-2.2deg}to{rotate:2.6deg}}@keyframes grass-sway{0%{transform:skew(-5deg)}to{transform:skew(4deg)}}@keyframes petal-cycle{0%{transform:scale(0) rotate(-25deg);opacity:0}4%{opacity:1}12%{transform:scale(1.12) rotate(4deg)}18%,64%{transform:scale(1) rotate(0);opacity:1}78%{transform:translateY(-12px) scale(.7) rotate(30deg);opacity:0}to{transform:scale(0);opacity:0}}@keyframes center-cycle{0%,to{transform:scale(.6)}14%{transform:scale(1.08)}22%,70%{transform:scale(1)}88%{transform:scale(.7)}}@keyframes sprout{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tail-sway{0%{transform:rotate(-10deg)}to{transform:rotate(12deg)}}@keyframes head-tilt{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes look{0%,to{transform:translate(0)}30%,45%{transform:translate(-2.5px)}65%,80%{transform:translate(2.5px)}}@keyframes ear-twitch{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-14deg)}94%{transform:rotate(5deg)}}@keyframes heart-float{0%{opacity:0;transform:translateY(10px) scale(.4)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-34px) scale(1.15)}}@keyframes drift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(8vw,55vh,0) rotate(220deg)}to{transform:translate3d(-2vw,112vh,0) rotate(460deg)}}@keyframes flutter-a{0%,to{translate:8vw 62vh}20%{translate:24vw 50vh}40%{translate:42vw 58vh}60%{translate:30vw 70vh}80%{translate:14vw 55vh}}@keyframes flutter-b{0%,to{translate:86vw 56vh}25%{translate:68vw 66vh}50%{translate:58vw 52vh}75%{translate:76vw 46vh}}@keyframes bob{0%{transform:translateY(-3px) rotate(-6deg)}to{transform:translateY(3px) rotate(6deg)}}@keyframes flap-left{0%{transform:rotateY(0)}to{transform:rotateY(70deg)}}@keyframes flap-right{0%{transform:rotateY(0)}to{transform:rotateY(-70deg)}}@keyframes firework-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}14%{opacity:1}74%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}@keyframes firework-core{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion:reduce){.camera,.question,.cloud,.flower,.tuft,.petal,.flower-center,.cat-tail,.cat-head,.cat-eye,.cat-pupil,.cat-ear-twitch,.drifting-petal,.butterfly,.butterfly-wings,.wing{animation:none}.drifting-petal,.butterfly,.fireworks-layer{display:none}}
