*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#fdf6ff;background:radial-gradient(120% 90% at 50% 0%,#3b1d6e,#1e1145 45%,#120a2e);background-attachment:fixed}.card{position:relative;max-width:520px;margin:0 auto;padding:28px 20px 40px;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column}.sky{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.7;animation:twinkle 2.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25)}}.balloon{position:absolute;bottom:-140px;width:34px;height:44px;border-radius:50%/55% 55% 45% 45%;opacity:.85;animation:floatUp linear infinite}.balloon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:26px;background:#fff6}@keyframes floatUp{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-115vh) rotate(5deg)}}.card-head{text-align:center;margin-top:8px;z-index:1}.eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#f0c76a}h1{margin:0;font-size:clamp(30px,9vw,42px);line-height:1.15;font-weight:800;text-shadow:0 4px 24px rgba(244,63,94,.35)}.name{background:linear-gradient(92deg,#fbbf24,#fb7185 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.from{margin:12px 0 0;color:#cdbdf0;font-size:15px}.cake-zone{margin:34px 0 8px;text-align:center;z-index:1}.cake{position:relative;width:250px;margin:0 auto}.candles{position:relative;z-index:3;display:flex;justify-content:center;gap:22px;margin-bottom:-6px}.candle{position:relative;width:10px;height:44px;padding:0;border:0;background:none;cursor:pointer}.candle .stick{position:absolute;inset:8px 0 0;border-radius:4px;background:repeating-linear-gradient(45deg,#fff 0 5px,#f472b6 5px 10px);box-shadow:0 0 6px #ffffff40}.candle .wick{position:absolute;top:4px;left:50%;width:2px;height:5px;margin-left:-1px;background:#3b2b20}.flame{position:absolute;top:-14px;left:50%;width:14px;height:20px;margin-left:-7px;border-radius:50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 72%,#fff7c2 0 28%,#fbbf24 55%,#f97316 85%);box-shadow:0 0 16px 5px #fbbf248c;opacity:0;transform:scale(.4);transition:opacity .35s,transform .35s;transform-origin:50% 100%}.candle.is-lit .flame{opacity:1;transform:scale(1);animation:flicker .55s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.12) rotate(3deg)}}.candle:focus-visible{outline:2px solid #fbbf24;outline-offset:4px;border-radius:6px}.layer{position:relative;border-radius:14px}.layer:before{content:"";position:absolute;top:-8px;left:0;right:0;height:18px;border-radius:10px;background:radial-gradient(circle at 10px 8px,#fff1f5 0 9px,transparent 10px) 0 0 / 26px 18px repeat-x,#fff1f5}.layer.top{width:180px;height:52px;margin:0 auto;background:linear-gradient(#f9a8d4,#ec4899);z-index:2}.layer.bottom{width:240px;height:62px;margin:8px auto 0;background:linear-gradient(#c4b5fd,#8b5cf6);z-index:1}.plate{width:276px;height:16px;margin:0 auto;border-radius:50%;background:linear-gradient(#e9e4f7,#a99cc9);box-shadow:0 12px 30px #00000073}.hint{margin:16px 0 0;color:#cdbdf0;font-size:14px}.wish{z-index:1;margin:18px 4px 0;padding:18px 20px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);animation:popIn .5s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.wish h2{margin:0 0 8px;font-size:22px;color:#fbbf24}.wish p{margin:0;color:#f3ecff}.actions{z-index:1;margin-top:auto;padding-top:26px;display:flex;flex-direction:column;align-items:center;gap:10px}button{display:block;width:100%;max-width:340px;padding:15px 20px;border:0;border-radius:16px;font-size:17px;font-weight:600;font-family:inherit;color:#fff;transition:transform .12s,filter .12s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}.primary{background:linear-gradient(135deg,#f43f5e,#f97316);box-shadow:0 8px 24px #f43f5e66}.primary:hover:not(:disabled){filter:brightness(1.08)}.ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.25)}output{font-size:34px;font-weight:800;color:#fbbf24}.counter-label{font-size:13px;color:#a99cc9;margin-top:-6px}.error{min-height:1.2em;margin:8px 0 0;text-align:center;color:#fda4af;font-size:14px}.foot{z-index:1;margin-top:22px;text-align:center;font-size:13px;color:#8d7fb5}.confetti-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.piece{position:absolute;top:-4vh;border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-fill-mode:forwards}.piece.round{border-radius:50%}@keyframes fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--drift, 0),108vh,0) rotate(680deg);opacity:.85}}