:root{--rose:#e94d58;--rose-dark:#cf3a46;--ink:#5a3439;--bg:#fff5f6;color:var(--ink);-webkit-text-size-adjust:100%;font-family:Fredoka,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% 10%, #ffe3e7 0, transparent 45%), radial-gradient(circle at 85% 90%, #ffe3e7 0, transparent 45%), var(--bg);min-height:100dvh;overflow-x:hidden}.page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid}.card{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;display:flex}.question{color:var(--rose);flex-direction:column;gap:2px;line-height:1.15;display:flex}.you{letter-spacing:.02em;font-size:clamp(2.5rem,13vw,3.4rem);font-weight:700}.title{font-size:clamp(1.45rem,6.6vw,2rem);font-weight:700}.small{color:var(--ink);opacity:.8;font-size:1.05rem;font-weight:500}.details{flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;display:flex}.details li{background:#fff;border-radius:999px;padding:6px 12px;font-size:.95rem;font-weight:500;box-shadow:0 1px 4px #e94d5833}.gif{border-radius:18px;width:100%;height:auto}.gif-ask{max-width:min(240px,30dvh)}.gif-yay{max-width:320px;animation:.45s cubic-bezier(.34,1.56,.64,1) pop}.btn-group{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.btn{border:2px solid var(--rose);min-height:52px;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:12px 28px;font-weight:600}.btn-yes{color:#fff;background:var(--rose);min-width:240px;font-size:1.2rem;transition:transform .15s,background-color .15s;box-shadow:0 6px 16px #e94d5859}.btn-yes:active{transform:scale(.96)}@media (hover:hover){.btn-yes:hover{background:var(--rose-dark)}}.btn-no{z-index:5;color:var(--rose);background:#fff;font-size:1rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 2px 6px #0000001f}.thanks{color:var(--rose);font-size:clamp(2.2rem,11vw,3rem);font-weight:700;line-height:1.15;animation:.45s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.hearts{pointer-events:none;position:fixed;inset:0;overflow:hidden}.heart{bottom:-3rem;left:var(--x);font-size:var(--size);opacity:0;animation:rise var(--duration) ease-in var(--delay) forwards;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(-110vh) rotate(var(--rotate))}}@media (prefers-reduced-motion:reduce){.heart{display:none}.btn-no,.gif-yay,.thanks{transition:none;animation:none}}