:root{color:#fff8e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}h1,p{margin:0}.midnight-gift{isolation:isolate;background:radial-gradient(circle at 74% 24%,#ffbe4133,#0000 min(32vw,360px)),radial-gradient(circle at 16% 78%,#7a28ff29,#0000 min(36vw,420px)),radial-gradient(circle at 50% 105%,#ffd87521,#0000 38rem),linear-gradient(145deg,#030303 0%,#0d0b10 46%,#050505 100%);place-items:center;min-height:100svh;padding:clamp(18px,4vw,52px);display:grid;position:relative;overflow:hidden}.midnight-gift:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.midnight-gift:after{content:"";z-index:-3;background:conic-gradient(from 140deg,#0000,#ffcb5b12,#0000 28%),radial-gradient(circle,#0000 0 64%,#0000008c 70% 100%);animation:14s ease-in-out infinite alternate velvetDrift;position:absolute;inset:-18%}.velvet-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.velvet-sky span{left:var(--left);top:var(--top);width:var(--size);aspect-ratio:1;opacity:.24;animation:3.4s ease-in-out infinite starPulse;animation-delay:var(--delay);background:#ffd76a;border-radius:999px;position:absolute;box-shadow:0 0 18px #ffd76ab8}.gift-scene{grid-template-columns:minmax(260px,.9fr) minmax(310px,1.1fr);place-items:center;gap:clamp(18px,5vw,64px);width:min(100%,1040px);min-height:min(780px,100svh - clamp(36px,8vw,104px));display:grid}.wish-copy{text-align:left;width:min(100%,470px)}.eyebrow{color:#ffd76a;letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(12px,2vw,18px);font-size:clamp(.72rem,1.8vw,.86rem);font-weight:900}.wish-copy h1{color:#fff8e8;letter-spacing:0;text-wrap:balance;max-width:10ch;font-size:clamp(3.1rem,8vw,6.8rem);line-height:.92}.lead{color:#fff8e8d6;max-width:35rem;margin-top:clamp(18px,2.6vw,26px);font-size:clamp(1.02rem,2vw,1.24rem);line-height:1.65}.cake-stage{aspect-ratio:1/1.08;width:min(100%,clamp(300px,44vw,520px));color:inherit;cursor:pointer;filter:drop-shadow(0 34px 80px #0000009e);transform-origin:50% 72%;background:0 0;border:0;place-items:end center;padding:0;animation:4.8s ease-in-out infinite alternate cakeFloat;display:grid;position:relative}.cake-stage:focus-visible,.primary-action:focus-visible{outline-offset:6px;outline:3px solid #ffe8a4}.cake-stage:hover .halo{opacity:.72;transform:translate(-50%,-50%)scale(1.04)}.is-blown .cake-stage{animation:4.8s ease-in-out infinite alternate cakeFloat,.54s ease-out cakePop}.halo{aspect-ratio:1;opacity:.5;background:radial-gradient(circle,#ffdd7c47,#0000 58%),radial-gradient(circle,#844fff24,#0000 68%);border-radius:999px;width:82%;transition:opacity .35s,transform .35s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.cake{width:82%;height:52%;margin-bottom:7%;position:relative}.tier,.cream,.plate,.drip{position:absolute;left:50%;transform:translate(-50%)}.tier{background:linear-gradient(90deg,#ffffff1f,#0000 18% 82%,#ffffff1a),linear-gradient(#211822 0%,#09080a 100%);border-radius:20px 20px 34px 34px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -18px 30px #0000007a}.tier-top{width:56%;height:27%;top:1%}.tier-mid{width:72%;height:31%;top:27%}.tier-bottom{border-radius:24px 24px 40px 40px;width:92%;height:34%;top:58%}.cream{background:radial-gradient(circle at 20% 45%,#fff3c4 0 5%,#0000 6%),radial-gradient(circle,#ffe08b 0 6%,#0000 7%),linear-gradient(#fff0b6,#c99432);border-radius:999px;height:12%;box-shadow:0 7px 18px #ffce5229}.cream-top{width:58%;top:-3%}.cream-mid{width:74%;top:25%}.drip{z-index:3;background:linear-gradient(#fff0b6,#c99432);border-radius:0 0 999px 999px;width:8%;height:20%;top:30%}.drip-one{left:38%}.drip-two{height:15%;left:61%}.plate{background:linear-gradient(90deg,#0000,#ffedbfe6,#0000);border-radius:999px;width:100%;height:10%;bottom:0;box-shadow:0 14px 28px #ffd36a21}.candles{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;width:62%;display:flex;position:absolute;bottom:56%;left:50%;transform:translate(-50%)}.candle{background:repeating-linear-gradient(-35deg,#0000 0 9px,#ffd76a75 10px 14px),linear-gradient(#2a202d,#0e0c10);border-radius:8px 8px 5px 5px;width:clamp(16px,3vw,24px);height:clamp(58px,9vw,88px);position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.candle:nth-child(2n){transform:translateY(8px)}.candle b{aspect-ratio:.72;transform-origin:50% 100%;width:clamp(16px,3vw,24px);animation:.88s ease-in-out infinite alternate flameFlicker;animation-delay:calc(var(--i) * -.11s);background:radial-gradient(circle at 50% 62%,#fff8c5 0 18%,#0000 20%),linear-gradient(#fff1a7 0%,#ffad2f 54%,#e24e1e 100%);border-radius:60% 40% 55% 45%;transition:opacity .22s,transform .35s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 0 16px #ffc347eb,0 0 36px #ff872b80}.candle small{color:#fff8e894;white-space:nowrap;font-size:clamp(.52rem,1.4vw,.68rem);font-weight:800;position:absolute;top:104%;left:50%;transform:translate(-50%)}.is-blown .candle b{opacity:0;transform:translate(-50%)translateY(-18px)scale(.36)}.smoke{z-index:5;pointer-events:none;width:46%;height:26%;position:absolute;bottom:67%;left:50%;transform:translate(-50%)}.smoke span{aspect-ratio:1;opacity:0;filter:blur(1px);border:1px solid #fff8e82e;border-radius:999px;width:clamp(22px,5vw,42px);position:absolute;bottom:0}.smoke span:first-child{left:16%}.smoke span:nth-child(2){animation-delay:.1s;left:43%}.smoke span:nth-child(3){animation-delay:.18s;right:14%}.is-blown .smoke span{animation:1.45s ease-out forwards smokeRise}.confetti-cloud{z-index:6;pointer-events:none;position:absolute;top:48%;left:50%}.confetti-cloud i{opacity:0;background:#ffd76a;border-radius:3px;width:8px;height:14px;position:absolute;transform:translate(-50%,-50%)}.confetti-cloud i:nth-child(3n){background:#ff5f9e}.confetti-cloud i:nth-child(4n){background:#9d7bff}.confetti-cloud i:nth-child(5n){background:#fff8e8;border-radius:999px;width:10px;height:10px}.is-blown .confetti-cloud i{animation:.92s cubic-bezier(.16,1,.3,1) forwards confettiBurst;animation-delay:var(--delay)}.actions{grid-column:1/-1;justify-content:center;align-items:center;gap:16px;margin-top:clamp(-8px,-1vw,0px);display:inline-flex}.primary-action{color:#140d04;cursor:pointer;background:linear-gradient(90deg,#ffffff61,#0000 34% 66%,#ffffff4d),linear-gradient(135deg,#fff0a8,#ffbd42 58%,#d98c1c);border:1px solid #ffe8a4e0;border-radius:999px;min-height:52px;padding:0 24px;font-weight:950;transition:transform .2s,box-shadow .2s;box-shadow:0 16px 34px #ffb7363d}.primary-action:hover{transform:translateY(-2px);box-shadow:0 20px 42px #ffb73652}.primary-action:active{transform:translateY(1px)scale(.98)}.actions span{color:#fff8e8a8;font-size:.92rem}@keyframes velvetDrift{0%{transform:rotate(-4deg)scale(1)}to{transform:rotate(5deg)scale(1.05)}}@keyframes starPulse{0%,to{opacity:.14;transform:scale(.8)}48%{opacity:.62;transform:scale(1.25)}}@keyframes cakeFloat{0%{transform:translateY(0)rotate(-.4deg)}to{transform:translateY(-10px)rotate(.5deg)}}@keyframes cakePop{0%{transform:translateY(0)scale(1)}42%{transform:translateY(-14px)scale(1.035)}to{transform:translateY(0)scale(1)}}@keyframes flameFlicker{0%{transform:translate(-50%)rotate(-7deg)scale(.92,1.04)}to{transform:translate(-50%)rotate(6deg)scale(1.08,.94)}}@keyframes smokeRise{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:.58}to{opacity:0;transform:translateY(-86px)scale(1.5)}}@keyframes confettiBurst{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}@media (width<=760px){.midnight-gift{padding:clamp(16px,5vw,28px)}.gift-scene{grid-template-columns:1fr;align-content:center;gap:clamp(14px,4vh,26px);min-height:calc(100svh - clamp(32px,10vw,56px))}.wish-copy{text-align:center;order:1}.wish-copy h1{max-width:12ch;margin-inline:auto;font-size:clamp(2.6rem,14vw,4.2rem)}.lead{max-width:29rem;margin-inline:auto;font-size:clamp(.98rem,4vw,1.1rem);line-height:1.55}.cake-stage{order:2;width:min(94vw,390px)}.actions{flex-direction:column;order:3;gap:10px;margin-top:0}.actions span{font-size:.84rem}}@media (width<=420px){.gift-scene{gap:10px}.eyebrow{margin-bottom:9px;font-size:.66rem}.lead{margin-top:12px}.cake-stage{width:min(94vw,330px)}.primary-action{min-height:48px;padding-inline:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}