:root{--berry:#8f2f75;--rose:#f45c91;--cream:#fff8e8;--ink:#41273b;--red:#d72f45;--gold:#f6bb42}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-rounded,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,#ffd8e7 0 8%,transparent 9%),radial-gradient(circle at 85% 12%,#ffe89b 0 7%,transparent 8%),linear-gradient(145deg,#fdb7d2,#fff0c8 50%,#cfb6ff);overflow-x:hidden}.shell{width:min(700px,calc(100% - 28px));margin:auto;padding:28px 0 50px}.brand{text-align:center;color:#fff;font-weight:900;font-size:clamp(1.15rem,4vw,1.55rem);text-shadow:0 2px 8px #6f1f5966;margin-bottom:16px}.card{position:relative;min-height:510px;padding:clamp(24px,6vw,48px);border:2px solid #ffffffaa;border-radius:30px;background:#fffdf8ee;box-shadow:0 24px 70px #63355342,0 4px 0 #ffffff80;display:flex;flex-direction:column;justify-content:center;animation:pop .38s ease}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--rose);font-size:.78rem}.progress{height:9px;background:#eadfe8;border-radius:9px;overflow:hidden;margin:12px 0 30px}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--berry));transition:width .4s ease}h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.04;margin:8px 0 14px;color:var(--berry)}h2{font-size:clamp(1.45rem,5vw,2.15rem);line-height:1.22;margin:0 0 22px}.lead{font-size:1.08rem;line-height:1.65;margin:0 0 28px}.hint{background:#fff0b9;border-radius:14px;padding:11px 14px;margin:-10px 0 20px;font-size:.94rem}.form{display:flex;gap:10px}.answer{width:100%;min-width:0;padding:16px 17px;border:2px solid #d9ccd5;border-radius:14px;background:#fff;font:inherit;font-size:1.05rem;outline:none;transition:.2s}.answer:focus{border-color:var(--berry);box-shadow:0 0 0 4px #8f2f7518}.answer.wrong{border-color:var(--red);box-shadow:0 0 0 4px #d72f4518}.button{border:0;border-radius:14px;padding:16px 20px;background:linear-gradient(135deg,var(--rose),var(--berry));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #8f2f7538;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button:active{transform:none}.error{min-height:28px;margin:10px 2px 0;color:var(--red);font-weight:800;font-size:.94rem}.gift{text-align:center}.gift img{display:block;max-width:100%;max-height:310px;margin:20px auto;border-radius:17px;box-shadow:0 12px 34px #41273b38}.gift-note{padding:18px;border:2px dashed var(--gold);background:#fff9db;border-radius:15px}.emoji{font-size:4rem;margin-bottom:8px}.confetti:before,.confetti:after{content:"🎊  ✨  🎉  🎈  🎁  ✨  🎊";position:fixed;left:0;width:100%;font-size:clamp(1.2rem,4vw,2rem);letter-spacing:5vw;opacity:.65;pointer-events:none;white-space:nowrap}.confetti:before{top:4vh;transform:rotate(-5deg)}.confetti:after{bottom:3vh;transform:rotate(4deg)}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.985)}}@media(max-width:540px){.form{flex-direction:column}.button{width:100%}.card{min-height:550px;border-radius:24px}.confetti:after{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}