*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--cream: #fff7f0;--pink: #ffd9e3;--pink-deep: #f79ab5;--rose: #e5688f;--brown: #8a5a44;--ink: #6b4a52;--lav: #e6dcff}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Quicksand,sans-serif;background:linear-gradient(180deg,#fff1f2 0%,var(--cream) 55%,var(--lav) 130%);color:var(--ink);user-select:none;-webkit-user-select:none}#app{position:relative;height:100dvh;max-width:480px;margin:0 auto}#bg-floaties{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.floaty{position:absolute;bottom:-8vh;font-size:14px;opacity:0;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.55}85%{opacity:.35}to{transform:translateY(-112vh) rotate(24deg);opacity:0}}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 26px;text-align:center;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .6s ease,transform .6s ease;z-index:1}.screen.active{opacity:1;transform:translateY(0);pointer-events:auto}.soft-title{font-size:2rem;font-weight:700;color:var(--rose)}.soft-title.small{font-size:1.3rem;line-height:1.45}.soft-sub{font-size:.95rem;font-weight:500;opacity:.75}.soft-sub.top{margin-bottom:-6px}.btn{margin-top:10px;border:none;font-family:inherit;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(180deg,var(--pink-deep),var(--rose));padding:14px 30px;border-radius:999px;box-shadow:0 8px 20px #e5688f59;cursor:pointer;transition:transform .15s ease}.btn:active{transform:scale(.94)}.chars{display:flex;justify-content:center}.chars svg{width:min(210px,56vw);height:auto}.chars.tiny svg{width:110px}#chars-intro svg{animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.cake-wrap{margin-top:18px}.cake{position:relative;width:210px;height:190px}.plate{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:210px;height:22px;border-radius:50%;background:#fce7ef;box-shadow:0 6px 14px #e5688f2e}.tier{position:absolute;left:50%;transform:translate(-50%)}.bottom-tier{bottom:12px;width:170px;height:74px;background:var(--pink);border-radius:16px 16px 10px 10px}.bottom-tier:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:#fff;border-radius:16px 16px 0 0;-webkit-mask:radial-gradient(14px at 14px 0,#000 98%,transparent) 0 100%/28px 100%;mask:radial-gradient(14px at 14px 0,#000 98%,transparent) 0 100%/28px 100%}.top-tier{bottom:82px;width:118px;height:58px;background:var(--pink-deep);border-radius:14px 14px 8px 8px}.top-tier:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:#fff;border-radius:14px 14px 0 0;-webkit-mask:radial-gradient(11px at 11px 0,#000 98%,transparent) 0 100%/22px 100%;mask:radial-gradient(11px at 11px 0,#000 98%,transparent) 0 100%/22px 100%}.candle{position:absolute;bottom:136px;width:12px;height:34px;border-radius:5px;background:repeating-linear-gradient(-45deg,#fff 0,#fff 5px,#ffc2d4 5px,#ffc2d4 10px);cursor:pointer;z-index:2}.candle:nth-child(1){left:58px}.candle:nth-child(2){left:99px}.candle:nth-child(3){left:140px}.flame{position:absolute;top:-18px;left:50%;width:12px;height:16px;background:radial-gradient(circle at 50% 75%,#ffc46b 0%,#ff9d3f 60%,transparent 72%);border-radius:50%/62% 62% 38% 38%;transform-origin:50% 100%;animation:flicker .45s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(255,170,80,.8))}@keyframes flicker{0%{transform:translate(-50%) rotate(-4deg) scale(1)}to{transform:translate(-50%) rotate(4deg) scale(.88)}}.candle.out .flame{animation:none;background:none;filter:none}.candle.out .flame:after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;background:#a096968c;animation:smoke 1.1s ease-out forwards}@keyframes smoke{0%{transform:translate(-50%) scale(1);opacity:.7}to{transform:translate(-50%,-26px) scale(2.4);opacity:0}}.big-wish{font-family:Caveat,cursive;font-size:4rem;line-height:.95;color:var(--rose)}.wish-name{font-size:1.5rem;font-weight:700;letter-spacing:.04em}#s-letter{justify-content:flex-start;overflow-y:auto;padding-top:40px;padding-bottom:40px}.paper{background:#fffdf8;border-radius:18px;padding:30px 24px 22px;max-width:400px;box-shadow:0 12px 34px #8a5a4429;font-family:Caveat,cursive;font-size:1.45rem;line-height:1.35;color:#5d4037;text-align:left;display:flex;flex-direction:column;gap:16px}.letter-hi{color:var(--rose);font-weight:600;font-size:1.6rem}.letter-end{text-align:center;font-weight:600;color:var(--rose);font-size:1.7rem;margin-top:4px}.paper .chars{margin-top:-4px}@media (min-width: 700px){body:after{content:"psst, this is cuter on a phone 📱";position:fixed;bottom:14px;left:50%;transform:translate(-50%);font-size:.8rem;opacity:.5}}