@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@400;500;600;700&display=swap);:root{--bg-1:#0d0920;--bg-2:#1d123b;--pink:#ff75aa;--gold:#ffd166;--text-soft:#ffffffb8}.app{background:radial-gradient(circle at 50% 40%,#8a4bbe3d,#0000 34%),radial-gradient(circle at 15% 85%,#ff4b8d21,#0000 28%),radial-gradient(circle at 90% 15%,#595fff24,#0000 26%),linear-gradient(145deg,#0d0920,#1d123b);background:radial-gradient(circle at 50% 40%,#8a4bbe3d,#0000 34%),radial-gradient(circle at 15% 85%,#ff4b8d21,#0000 28%),radial-gradient(circle at 90% 15%,#595fff24,#0000 26%),linear-gradient(145deg,var(--bg-1),var(--bg-2));isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;position:relative}.app:before{animation:slowSpin 24s linear infinite;background:conic-gradient(from 180deg,#0000,hsla(0,0%,100%,.025),#0000 30%);content:"";inset:-30%;position:absolute;z-index:-3}.confetti,.sparkles,.star-field{inset:0;overflow:hidden;pointer-events:none;position:absolute}.star{animation:twinkle 4s ease-in-out infinite;background:#fff;border-radius:50%;opacity:.2;position:absolute}.cake-screen,.final-screen,.intro{margin:0 auto;text-align:center;width:min(900px,calc(100% - 32px))}.gift-screen{align-items:center;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding:clamp(52px,8vh,100px) 16px 30px;transition:opacity .4s ease}.gift-screen.is-opening{animation:screenPulse .75s ease both}.intro{position:relative;z-index:2}.eyebrow,.mini-title{color:#ffffff94;font:600 11px/1.5 Montserrat,sans-serif;letter-spacing:.23em;margin:0 0 12px;text-transform:uppercase}.cake-screen h1,.intro h1,.message-card h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.02em}.intro h1{font-size:clamp(34px,6vw,66px);line-height:1;margin:0;text-shadow:0 5px 35px #ff5faa33}.intro h1 span{animation:wiggle 2s ease-in-out infinite;display:inline-block}.intro>p:last-child{color:#ffffffb8;color:var(--text-soft);font:400 14px/1.7 Montserrat,sans-serif;margin:20px auto 0;max-width:520px}.gift-stage{display:grid;flex:1 1;min-height:380px;place-items:center;position:relative;width:100%}.gift-number{color:#ffffff59;font:600 11px Montserrat,sans-serif;letter-spacing:.2em;position:absolute;top:16%}.gift-button{-webkit-tap-highlight-color:transparent;background:#0000;border:0;cursor:pointer;display:grid;min-height:260px;min-width:240px;padding:40px;place-items:center;position:relative}.gift-button:focus-visible{border-radius:30px;outline:2px solid #fff;outline-offset:5px}.gift-button:hover .gift-box{transform:translateY(-12px) rotateX(3deg) rotate(-2deg) scale(1.04)}.gift-button:active .gift-box{transform:translateY(-2px) scale(.96)}.gift-glow{animation:glowPulse 2.2s ease-in-out infinite;background:var(--gift-main);border-radius:50%;filter:blur(45px);height:180px;opacity:.16;position:absolute;width:180px}.gift-box{animation:giftFloat 3.4s ease-in-out infinite;display:block;filter:drop-shadow(0 25px 18px rgba(0,0,0,.35));perspective:500px;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.gift-body{background:linear-gradient(90deg,#00000014,#0000 30%,#ffffff1f 51%,#0000 72%),var(--gift-main);border-radius:7px 7px 15px 15px;box-shadow:inset 0 -12px 0 #00000014,inset 0 3px 0 #ffffff29;inset:15% 0 0;position:absolute}.gift-body:after{background:#00000026;border-radius:50%;bottom:-8px;content:"";filter:blur(5px);height:13px;left:4%;position:absolute;right:-5%}.gift-lid{background:linear-gradient(180deg,#ffffff2e,#0000 50%),var(--gift-main);border-radius:7px;box-shadow:0 5px 7px #00000040;height:25%;left:-7%;position:absolute;top:7%;width:114%;z-index:3}.gift-ribbon-horizontal,.gift-ribbon-vertical{background:var(--gift-ribbon);box-shadow:inset 1px 0 #ffffff40,inset -1px 0 #0000001a;position:absolute}.gift-ribbon-vertical{height:100%;left:41%;top:0;width:18%}.gift-ribbon-horizontal{height:34%;left:0;top:33%;width:100%}.gift-bow{height:26%;left:50%;position:absolute;top:-6%;transform:translateX(-50%);width:42%;z-index:4}.gift-bow i{background:var(--gift-ribbon);border-radius:70% 20% 65% 25%;box-shadow:inset 0 4px 0 #ffffff29;height:80%;position:absolute;top:0;width:58%}.gift-bow i:first-child{left:-8%;transform:rotate(30deg)}.gift-bow i:nth-child(2){right:-8%;transform:scaleX(-1) rotate(30deg)}.gift-bow b{aspect-ratio:1;background:var(--gift-ribbon);border-radius:50%;box-shadow:0 2px 4px #0003;left:37%;position:absolute;top:26%;width:26%}.gift-body-shine{background:#ffffff1f;border-radius:100px;filter:blur(2px);height:63%;left:11%;position:absolute;top:12%;width:8%}.click-hint{bottom:2px;color:#ffffff7a;font:500 11px Montserrat,sans-serif;left:50%;letter-spacing:.08em;position:absolute;transform:translateX(-50%);white-space:nowrap}.bottom-tip{color:#ffffff47;font:500 10px Montserrat,sans-serif;letter-spacing:.12em;margin:0;text-transform:uppercase}.cake-screen{align-items:center;animation:fadeUp .9s ease both;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:40px 16px}.cake-screen h1{font-size:clamp(35px,6vw,64px);margin:0}.cake-scene{display:grid;height:300px;margin:8px auto 0;place-items:end center;position:relative;width:min(500px,90vw)}.cake-glow{animation:glowPulse 2.4s ease-in-out infinite;background:#ff5b9c33;border-radius:50%;bottom:20px;filter:blur(45px);height:180px;position:absolute;width:300px}.cake{animation:cakePop .9s cubic-bezier(.2,1.4,.4,1) both;height:210px;max-width:72vw;position:relative;width:300px}.cake-plate{background:linear-gradient(#fff,#c9c5d7);border-radius:50%;bottom:0;box-shadow:0 8px 15px #00000059;height:17px;left:-9%;position:absolute;width:118%}.cake-bottom,.cake-middle,.cake-top{border-radius:50% 50% 10px 10px;left:5%;position:absolute;width:90%}.cake-bottom{background:linear-gradient(90deg,#b52b58,#ed7191 48%,#b52b58);bottom:18px;box-shadow:inset 0 -12px #5e112b29;height:75px}.cake-middle{background:linear-gradient(90deg,#ef7da1,#ffd0df 48%,#db5680);border-radius:45% 45% 13px 13px;bottom:75px;height:68px}.cake-top{background:radial-gradient(ellipse at 45% 30%,#fff6fa 0 15%,#ffc5d7 52%,#e85b87 100%);bottom:128px;box-shadow:0 7px 8px #0000002e;height:70px;z-index:2}.icing{background:#fff1f7;border-radius:0 0 15px 15px;bottom:-12px;height:25px;position:absolute;width:22px}.icing-1{left:20%}.icing-2{height:34px;left:50%}.icing-3{height:20px;right:18%}.berry{color:#d72c5c;font-size:12px;position:absolute}.berry-1{left:30%;top:30%}.berry-2{left:63%;top:22%}.berry-3{left:45%;top:53%}.cake-candles{bottom:180px;height:70px;left:0;position:absolute;width:100%;z-index:4}.candle{height:54px;width:12px}.candle,.candle-stick{bottom:0;position:absolute}.candle-stick{background:repeating-linear-gradient(135deg,#fff 0 7px,#ff80a9 7px 12px);border-radius:5px;box-shadow:inset 2px 0 #ffffff73;height:44px;left:0;width:100%}.candle-0{left:25%;transform:rotate(-6deg)}.candle-1{left:38%;transform:rotate(-2deg)}.candle-2{left:49%}.candle-3{left:60%;transform:rotate(2deg)}.candle-4{left:72%;transform:rotate(6deg)}.wick{background:#25202c;bottom:42px;height:9px;left:5px;width:2px;z-index:2}.flame,.wick{position:absolute}.flame{animation:flame 1s ease-in-out infinite alternate;background:#ffd166;border-radius:50% 0 50% 50%;bottom:48px;box-shadow:0 0 18px #ffb000,0 0 35px #ff91008c;height:24px;left:50%;transform:translateX(-50%) rotate(45deg);width:15px;z-index:5}.flame:after{background:#fff7b2;border-radius:50%;content:"";height:11px;left:2px;position:absolute;top:8px;width:7px}.flame-off{animation:blowOut .65s ease both}.blow-text{color:#ffffffa6;font:500 13px Montserrat,sans-serif;margin:2px 0 16px}.blow-button,.fallback-button,.replay-button{border:0;border-radius:999px;cursor:pointer;transition:transform .25s,box-shadow .25s}.blow-button{background:linear-gradient(135deg,#fff,#ffc5dd);box-shadow:0 12px 35px #ff74aa38;color:#26132b;font:700 12px Montserrat,sans-serif;padding:13px 27px}.blow-button:hover,.fallback-button:hover,.replay-button:hover{transform:translateY(-3px)}.fallback-button{background:#ffffff12;color:#ffffffad;font:500 10px Montserrat,sans-serif;margin:10px 0 0;padding:8px 15px}.privacy-note{color:#ffffff40;font:400 9px Montserrat,sans-serif;margin:13px 0 0}.final-screen{align-items:center;animation:fadeUp .9s ease both;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:20px 16px 50px;position:relative}.final-screen .cake-scene{height:220px;margin-bottom:-55px;margin-top:-30px;transform:scale(.68)}.message-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,hsla(0,0%,100%,.105),hsla(0,0%,100%,.035));border:1px solid #ffffff24;border-radius:30px;box-shadow:0 25px 100px #00000059,inset 0 1px #ffffff1a;overflow:hidden;padding:clamp(30px,6vw,55px);position:relative;width:min(660px,100%)}.message-card:before{background:#ff65a42e;border-radius:50%;content:"";filter:blur(20px);height:250px;position:absolute;right:-100px;top:-170px;width:250px}.message-sparkle{animation:spinSparkle 3s linear infinite;color:#ffd166;font-size:25px}.message-card h1{background:linear-gradient(120deg,#fff,#ffc1d9 55%,#ffd166);-webkit-background-clip:text;color:#0000;font-size:clamp(40px,7vw,76px);line-height:.98;margin:4px 0 20px}.message{color:#ffffffbf;font:400 14px/1.9 Montserrat,sans-serif;margin:auto;max-width:530px}.signature{color:#ffb3d0;font:italic 500 13px Montserrat,sans-serif;margin-top:24px}.replay-button{background:#ffffff12;color:#ffffffbf;font:600 10px Montserrat,sans-serif;margin-top:25px;padding:11px 19px}.sparkle{animation:sparkleFloat 4s ease-in-out infinite;color:#fff9;position:absolute}.sparkle-1{left:12%;top:18%}.sparkle-2{animation-delay:.8s;font-size:9px;left:24%;top:70%}.sparkle-3{animation-delay:1.2s;font-size:14px;left:82%;top:22%}.sparkle-4{animation-delay:2s;left:90%;top:70%}.sparkle-5{animation-delay:1.5s;font-size:12px;left:8%;top:48%}.sparkle-6{animation-delay:2.5s;font-size:10px;left:68%;top:12%}.sparkle-7{animation-delay:.4s;font-size:10px;left:38%;top:16%}.sparkle-8{animation-delay:1.7s;left:55%;top:80%}.sparkle-9{animation-delay:.2s;font-size:10px;left:76%;top:52%}.sparkle-10{animation-delay:2.2s;font-size:11px;left:18%;top:30%}.sparkle-11{animation-delay:1.1s;font-size:10px;left:92%;top:42%}.sparkle-12{animation-delay:2.8s;font-size:8px;left:47%;top:30%}.sparkle-13{animation-delay:1.9s;font-size:12px;left:31%;top:88%}.sparkle-14{animation-delay:.9s;font-size:9px;left:65%;top:68%}.sparkle-15{animation-delay:2.7s;font-size:8px;left:4%;top:78%}.sparkle-16{animation-delay:1.4s;font-size:12px;left:87%;top:87%}.confetti span{animation:confettiFall 4s ease-in forwards;background:#fff;border-radius:2px;height:13px;position:absolute;top:-20px;width:7px}.confetti span:nth-child(3n){background:#ff75aa}.confetti span:nth-child(3n+1){background:#ffd166}.confetti span:nth-child(4n){background:#8f7aff}@keyframes twinkle{0%,to{opacity:.12;transform:scale(.7)}50%{opacity:.9;transform:scale(1.4)}}@keyframes giftFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes glowPulse{0%,to{opacity:.13;transform:scale(.9)}50%{opacity:.28;transform:scale(1.12)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes screenPulse{0%{opacity:1;transform:scale(1)}35%{opacity:.9;transform:scale(1.04)}to{opacity:0;transform:scale(.8)}}@keyframes cakePop{0%{opacity:0;transform:translateY(70px) scale(.4) rotate(-5deg)}70%{transform:translateY(-8px) scale(1.04) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes flame{0%{transform:translateX(-50%) rotate(42deg) scale(.9)}to{transform:translateX(-50%) rotate(50deg) scale(1.1)}}@keyframes blowOut{0%{opacity:1;transform:translateX(-50%) rotate(45deg) scale(1)}45%{opacity:.65;transform:translateX(-80%) rotate(65deg) scale(.7)}to{opacity:0;transform:translateX(-130%) rotate(85deg) scale(.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkleFloat{0%,to{opacity:.15;transform:translateY(0) scale(.8) rotate(0)}50%{opacity:.9;transform:translateY(-18px) scale(1.3) rotate(80deg)}}@keyframes spinSparkle{to{transform:rotate(1turn)}}@keyframes slowSpin{to{transform:rotate(1turn)}}@keyframes confettiFall{0%{opacity:1;top:-20px;transform:translateX(0) rotate(0)}to{opacity:0;top:110%;transform:translateX(var(--drift)) rotate(2turn)}}@media (max-width:600px){.gift-screen{padding-top:54px}.intro h1{font-size:39px}.intro>p:last-child{font-size:12px;padding:0 15px}.gift-stage{min-height:350px}.gift-button{min-height:235px;min-width:210px;padding:25px}.cake-screen h1{font-size:38px;line-height:1.05;margin-top:4px}.cake-scene{height:270px}.cake{transform:scale(.78)}.final-screen .cake-scene{margin-bottom:-75px;margin-top:-55px;transform:scale(.52)}.message-card{border-radius:24px;padding:28px 22px 32px}.message-card h1{font-size:48px}.message{font-size:12px;line-height:1.8}}@media (max-width:380px){.intro h1{font-size:34px}.gift-stage{min-height:310px}.cake{transform:scale(.68)}.message-card h1{font-size:42px}}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;width:100%}body{background:#0d0920;color:#fff;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}button{font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.915aedcb.css.map*/