@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Nunito:wght@500;700;800&display=swap";html,body,#root{min-height:100%;margin:0}body{min-height:100vh}:root{--rose-1:#ffd6e8;--rose-2:#ffb7d5;--rose-3:#ff8fbb;--rose-4:#f15f9c;--wine:#842f57;--card:#ffffffb8;--text:#4e1831}*{box-sizing:border-box}.app{background:radial-gradient(circle at 12% 18%, #ffffff8c, transparent 24%), radial-gradient(circle at 88% 75%, #ffffff59, transparent 21%), linear-gradient(140deg, var(--rose-1), var(--rose-2) 42%, var(--rose-3) 75%, var(--rose-4));place-items:center;min-height:100vh;padding:24px;display:grid}.card{text-align:center;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffffffb3;border-radius:28px;width:min(820px,100%);padding:40px 24px;animation:.65s card-entrance;box-shadow:0 26px 70px #842f574d}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--wine);margin:0;font-family:Nunito,sans-serif;font-weight:800}.title{color:var(--text);margin:8px 0 28px;font-family:Playfair Display,serif;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1}.question-wrap{place-items:center;gap:16px;display:grid}.question{color:var(--text);margin:0;font-family:Playfair Display,serif;font-size:clamp(1.35rem,3.7vw,2.3rem);transition:transform .22s}.cry{opacity:0;height:44px;margin:0;font-size:2rem}.cry.show{opacity:1;animation:.32s drop-cry}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.actions-column{flex-direction:column;width:min(360px,100%)}.btn{color:#fff;cursor:pointer;background:linear-gradient(160deg,#ef6fa8,#d54889);border:0;border-radius:999px;padding:12px 22px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 8px 18px #c73e7c59}.btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 12px 24px #c73e7c6b}.btn:active{transform:translateY(1px)}.btn-yes{background:linear-gradient(160deg,#ff6ca8,#d83b84)}.btn-no{background:linear-gradient(160deg,#ab4f80,#8f3566)}.btn-special{background:linear-gradient(160deg,#ff9cc5,#ea4f95)}.hint{color:var(--wine);margin:0;font-family:Nunito,sans-serif;font-weight:600}.result{color:var(--wine);margin:0;font-family:Nunito,sans-serif;font-weight:700}@keyframes card-entrance{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drop-cry{0%{transform:translateY(-8px)scale(.8)}to{transform:translateY(0)scale(1)}}@media (width<=640px){.app{padding:14px}.card{border-radius:20px;padding:28px 16px}.btn{width:100%}}