@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";.app{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#2e1065,#6d28d9 45%,#a855f7);position:relative;overflow:hidden;transition:background .8s ease}.app--accepted{background:linear-gradient(135deg,#4c1d95,#9333ea,#f0abfc)}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.heart{position:absolute;bottom:-40px;opacity:0;animation-name:floatUp;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(-110vh) rotate(360deg);opacity:0}}.card{position:relative;z-index:2;background:#fffffff5;border-radius:28px;padding:48px 40px;max-width:560px;width:100%;text-align:center;box-shadow:0 24px 70px #2e106573;border:2px solid rgba(168,85,247,.3);animation:pop .5s cubic-bezier(.22,1,.36,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.emoji-bounce{font-size:56px;animation:bounce 1.8s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.question{font-size:clamp(26px,5vw,38px);font-weight:700;color:#6d28d9;margin:16px 0 8px}.subtitle{color:#7c3aed;opacity:.8;font-size:16px;margin-bottom:32px}.buttons{display:flex;flex-direction:column;gap:22px;justify-content:center;align-items:center;min-height:140px}.btn{font-family:inherit;font-weight:600;border:none;border-radius:16px;padding:14px 30px;cursor:pointer;font-size:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn--yes{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 10px 24px #7c3aed73;transform-origin:center;position:relative;z-index:3}.btn--yes:hover{filter:brightness(1.08)}.btn--no{background:#ede9fe;color:#6d28d9;border:2px solid #ddd6fe;transform-origin:center}.btn--no:hover{background:#e0d9ff}.hint{margin-top:26px;color:#9333ea;font-size:14px;animation:pop .4s ease}.card--yes{border-color:#f0abfc99}.emoji-celebrate{font-size:54px;animation:bounce 1.4s ease-in-out infinite}.yes-title{font-size:clamp(28px,5vw,40px);color:#7c3aed;margin:12px 0 10px}.yes-text{color:#6d28d9;font-size:16px;line-height:1.7;margin-bottom:26px}.photo-frame{margin:0 auto 24px;width:100%;max-width:360px;aspect-ratio:4 / 3;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:3px dashed #c084fc;display:flex;align-items:center;justify-content:center}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-placeholder{text-align:center;color:#9333ea}.photo-placeholder span{font-size:44px;display:block;margin-bottom:8px}.photo-placeholder p{font-size:14px;opacity:.8}.signature{font-size:20px;font-weight:700;color:#9333ea}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:28px}.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;opacity:.9;animation:fall 2.6s linear infinite}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(620px) rotate(540deg);opacity:0}}@media(max-width:480px){.card{padding:36px 22px}.btn{padding:12px 22px;font-size:16px}}:root{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{overflow-x:hidden}