:root{--color-bg: #fff0f3;--color-primary: #ff4d6d;--color-secondary: #ff8fa3;--color-text: #590d22;--color-white: #ffffff;--font-body: "Nunito", sans-serif;--font-heading: "Pacifico", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;line-height:1.6}#root{width:100%;max-width:600px;padding:2rem;text-align:center}h1{font-family:var(--font-heading);font-size:3rem;color:var(--color-primary);margin-bottom:.5rem;text-shadow:2px 2px 0px rgba(255,77,109,.2);line-height:1.2}p{font-size:1.2rem;font-weight:700;margin-bottom:2rem;color:var(--color-secondary)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:80vh}.buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;position:relative;width:100%}.btn{padding:1rem 2rem;font-size:1.25rem;font-weight:900;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000001a;font-family:var(--font-body);white-space:nowrap}.btn-yes{background-color:var(--color-primary);color:var(--color-white);z-index:10}.btn-yes:hover{transform:scale(1.1);box-shadow:0 8px 15px #ff4d6d66}.btn-no{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.floating-heart{position:fixed;color:var(--color-primary);opacity:0;animation:floatUp 4s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}50%{opacity:.6}to{transform:translateY(-10vh) scale(1);opacity:0}}.gif-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 20px #0000001a;margin-bottom:2rem;max-width:100%}.gif-container img{width:100%;height:auto;display:block}.persuasion-msg{font-size:1rem;color:var(--color-text);margin-top:1rem;font-style:italic;opacity:0;animation:fadeIn .5s forwards;height:1.5em}@keyframes fadeIn{to{opacity:1}}.success-container{animation:popIn .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.footer{position:fixed;bottom:15px;left:0;width:100%;text-align:center;font-size:.9rem;color:var(--color-primary);font-weight:700;text-shadow:1px 1px 0 rgba(255,255,255,.8);pointer-events:none;z-index:100;font-family:var(--font-body)}