:root{font-family:Arial,Helvetica,sans-serif;color:#39252c;background:#fff7f8;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:grid;place-items:center;padding:32px 24px}section{width:min(100%,540px);text-align:center;animation:appear .45s ease both}[hidden]{display:none!important}.illustration{width:200px;height:159px;margin:0 auto 21px}.heart-couple{display:block;width:100%;height:100%;overflow:visible}.heart-friend{transform-box:fill-box;transform-origin:center bottom;animation:sway 4s ease-in-out infinite}.friend-right{animation-delay:-2s}.little-flying-heart{transform-box:fill-box;transform-origin:center;animation:beat 2s ease-in-out infinite}.name{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#af6581;font-size:27px;margin:0 0 14px}h1{font-size:clamp(35px,6.5vw,54px);letter-spacing:-1.9px;font-weight:500;line-height:1.12;margin:0}h1>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#b66687;font-size:1.14em;font-weight:400}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #9e3f63;outline-offset:5px}.buttons{display:flex;justify-content:center;gap:12px;margin-top:34px}.button{min-height:53px;width:145px;border-radius:9px;font-size:16px;border:1px solid transparent;transition:transform .18s,background .18s}.yes{background:#ae456c;color:white;box-shadow:0 5px 16px #ae456c15}.yes:hover{background:#98375a;transform:translateY(-2px)}.no{background:#fffafb;border-color:#dfc1cd;color:#916074}.no:hover{background:#f8e6ed}.signature{font-size:13px;color:#9d7484;margin:29px 0 0}.answer-heart{font-family:Georgia,serif;font-size:100px;line-height:1;color:#bd7895;margin-bottom:25px;animation:beat 3s ease-in-out infinite}#answer h1{font-size:clamp(33px,6vw,49px);line-height:1.18;color:#af5277;letter-spacing:-1.5px}#answer-message{font-size:17px;line-height:1.7;color:#896474;margin:21px 0 23px}.restart{border:0;background:transparent;color:#956778;font-size:13px;padding:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}h1:focus{outline:none}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.noscript{text-align:center;font-size:14px;color:#805b69}.eye{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-3px)}}@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@media(max-width:380px){main{padding:24px 18px}.illustration{width:180px;height:143px;margin-bottom:18px}.name{font-size:25px}h1{font-size:37px}.buttons{gap:10px;margin-top:28px}.button{width:134px}.signature{margin-top:24px}}@media(max-height:650px){main{padding-top:22px;padding-bottom:22px}.illustration{width:160px;height:127px;margin-bottom:13px}.name{margin-bottom:11px;font-size:24px}h1{font-size:37px}.buttons{margin-top:24px}.signature{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#confetti{display:none}}