:root{--background:#100712;--foreground:#fff6fb;--muted:#c9a9bc;--pink:#ff4f8b;--pink-strong:#ff2f73;--red:#ff385c;--violet:#7b4dff;--ink:#210913}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--foreground);background:radial-gradient(circle at 0 0,#ff4f8b2e,#0000 28rem),linear-gradient(145deg,#160a1a 0%,#09050c 48%,#180711 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.page{min-height:100vh;position:relative;overflow:hidden}.proposal{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.proposal:before{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:28px;position:absolute;inset:18px}.ambient{aspect-ratio:1;opacity:.18;z-index:-1;background:#ff4f8b;width:42vmin;position:absolute;transform:rotate(-45deg)}.ambient:before,.ambient:after{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:100%;position:absolute}.ambient:before{top:-50%;left:0}.ambient:after{top:0;left:50%}.ambient--one{background:#ff4f8b;bottom:6vmin;left:-8vmin}.ambient--two{opacity:.14;background:#ff385c;width:28vmin;top:8vmin;right:6vmin}.questionBlock{text-align:center;width:min(980px,92vw);padding:0 20px}.eyebrow{color:#ffc0d5;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(3rem,10vw,8rem);line-height:.95}.subtitle{max-width:520px;color:var(--muted);margin:22px auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.5}.buttonDock{z-index:3;justify-content:center;align-items:center;gap:24px;margin-top:24px;display:flex;position:relative}.answerButton{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;border:0;border-radius:999px;width:148px;height:58px;padding:0 28px;font-size:1.15rem;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 18px 44px #00000052}.answerButton:focus-visible{outline-offset:4px;outline:3px solid #fffc}.answerButton--yes{background:linear-gradient(135deg, var(--pink-strong), var(--red))}.answerButton--yes:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 22px 56px #ff2f7361}.answerButton--no{color:#ffe3ed;background:linear-gradient(135deg,#31313f,#14141d);border:1px solid #ffffff2e}.answerButton--escaped{z-index:4;position:fixed;translate:-50% -50%}.answerButton--converted{background:linear-gradient(135deg, var(--pink-strong), var(--red));border:0}.answerButton--converted:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 22px 56px #ff2f7361}.heart{fill:#ff4f8b33;opacity:.5;pointer-events:none;z-index:-1;width:160px;height:auto;position:absolute}.heart--a{width:220px;top:20%;left:9%;transform:rotate(-8deg)}.heart--b{width:126px;bottom:20%;right:14%;transform:rotate(18deg)}.heart--c{width:96px;bottom:16%;left:16%;transform:rotate(-18deg)}.flashOverlay{z-index:20;background:#050306;place-items:center;animation:.9s ease-out both flashIn;display:grid;position:fixed;inset:0;overflow:hidden}.flashBurst{z-index:2;pointer-events:none;background:#fff;animation:2.8s ease-out both flashBurst;position:absolute;inset:0}.reactionImage{z-index:1;object-fit:contain;width:100vw;height:100vh;animation:.52s cubic-bezier(.2,1,.2,1) both imagePop;position:absolute;inset:0}@keyframes flashIn{0%{opacity:0}1%,to{opacity:1}}@keyframes flashBurst{0%{opacity:1}18%{opacity:1}to{opacity:0}}@keyframes imagePop{0%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width:700px){.proposal{padding:20px}.proposal:before{border-radius:20px;inset:10px}.buttonDock{margin-top:18px}.answerButton{width:124px;height:52px;padding:0 22px}.heart{display:none}}
