:root{--cream: #fff6ec;--peach: #ffd8c2;--rose: #ff7a8a;--rose-deep: #e85d6f;--plum: #5a3a52;--gold: #f2a93b;--mint: #9fd8c4;--ink: #4a2f44}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Nunito,sans-serif;background:radial-gradient(circle at 15% 20%,#ffe7d6 0%,transparent 45%),radial-gradient(circle at 85% 15%,#ffe0e6 0%,transparent 40%),radial-gradient(circle at 50% 100%,#fff0d6 0%,transparent 55%),var(--cream);color:var(--ink);min-height:100%;overflow-x:hidden;position:relative}.wrap{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:42px 22px 90px}header{text-align:center;margin-bottom:34px}.badge{display:inline-block;background:var(--rose);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:999px;transform:rotate(-2deg);box-shadow:0 6px 0 var(--rose-deep)}h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05;margin:18px 0 10px;color:var(--plum)}h1 em{font-style:italic;color:var(--rose-deep)}.sub{font-family:Caveat,cursive;font-size:1.6rem;color:var(--gold)}.card{background:#fffdfa;border:3px solid var(--ink);border-radius:24px;padding:26px 24px;margin:20px 0;box-shadow:8px 8px #4a2f4429}.card h2{font-family:Fraunces,serif;font-size:1.35rem;color:var(--plum);margin-bottom:6px}.card p.note{color:#8a6f82;font-size:.95rem;margin-bottom:16px}.display{min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.18rem;font-weight:700;line-height:1.4;padding:14px;border-radius:16px;background:var(--cream);border:2px dashed var(--peach)}button.big{display:block;width:100%;margin-top:16px;border:3px solid var(--ink);background:var(--rose);color:#fff;font-family:Nunito;font-weight:800;font-size:1.05rem;padding:15px;border-radius:16px;cursor:pointer;box-shadow:0 6px 0 var(--rose-deep);transition:transform .08s,box-shadow .08s}button.big:active{transform:translateY(4px);box-shadow:0 2px 0 var(--rose-deep)}button.alt{background:var(--mint);box-shadow:0 6px #6fb39c}button.alt:active{box-shadow:0 2px #6fb39c}button.gold{background:var(--gold);box-shadow:0 6px #c9861f}button.gold:active{box-shadow:0 2px #c9861f}.meter{height:30px;border:3px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;margin:8px 0 6px}.fill{height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--gold),var(--rose));transition:width 1.6s cubic-bezier(.2,.8,.2,1)}.pct{text-align:center;font-weight:800;font-size:1.4rem;color:var(--rose-deep);font-family:Fraunces,serif}.loveout{font-family:Fraunces,serif;font-size:2rem;color:var(--rose-deep);text-align:center}.tiny{font-size:.85rem;color:#8a6f82;text-align:center;margin-top:6px}footer{text-align:center;margin-top:40px;font-family:Caveat,cursive;font-size:1.5rem;color:var(--plum)}.burst{position:fixed;font-size:28px;pointer-events:none;z-index:60;animation:pop 1.1s ease-out forwards}@keyframes pop{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.4);opacity:0}}