:root{--primary-color:#ff8fa3;--secondary-color:#ffb3c6;--bg-gradient:linear-gradient(135deg, #fff0f3 0%, #f3e8ff 100%);--bg-gradient-love:linear-gradient(135deg, #ffa6c9 0%, #ffccd5 100%);--text-color:#4a4a4a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;font-family:Quicksand,sans-serif;transition:background .8s;display:flex;overflow:hidden}body.love-mode{background:var(--bg-gradient-love)}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-container{text-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffff73;border:1px solid #fff9;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:600px;min-height:380px;padding:3rem;transition:transform .3s;display:flex;position:relative;box-shadow:0 8px 32px #ff8fa326}.question-text{color:#ff4d6d;text-shadow:1px 1px 2px #ff4d6d1a;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.button-container{justify-content:center;align-items:center;gap:24px;width:100%;min-height:150px;display:flex;position:relative}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #00000014}.btn-yes{color:#fff;z-index:2;background-color:#ff4d6d}.btn-yes:hover{background-color:#f35;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #ff4d6d66}.btn-no{color:#ff4d6d;z-index:10;background-color:#fff;border:2px solid #ffccd5;padding:10px 24px;font-size:1.2rem}.btn-no:hover{background-color:#fff0f3;transform:translateY(-2px);box-shadow:0 6px 15px #ff4d6d26}.btn-runaway{border-color:#ff8fa3;z-index:1000!important;transition:top .8s cubic-bezier(.25,.8,.25,1),left .8s cubic-bezier(.25,.8,.25,1),transform .2s,background-color .3s!important;position:absolute!important;box-shadow:0 10px 25px #ff4d6d33!important}.btn-runaway:hover{color:#f35;background-color:#ffe3e8}.success-screen,.sad-screen{flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes shake-1{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes shake-2{0%{transform:translate(2px,2px)rotate(0)}10%{transform:translate(-2px,-4px)rotate(-2deg)}20%{transform:translate(-6px)rotate(2deg)}30%{transform:translate(6px,4px)rotate(0)}40%{transform:translate(2px,-2px)rotate(2deg)}50%{transform:translate(-2px,4px)rotate(-2deg)}60%{transform:translate(-6px,2px)rotate(0)}70%{transform:translate(6px,2px)rotate(-2deg)}80%{transform:translate(-2px,-2px)rotate(2deg)}90%{transform:translate(2px,4px)rotate(0)}to{transform:translate(2px,-4px)rotate(-2deg)}}@keyframes shake-3{0%{transform:translate(3px,3px)rotate(0)scale(1.02)}10%{transform:translate(-3px,-6px)rotate(-3deg)scale(1.02)}20%{transform:translate(-9px)rotate(3deg)scale(1.02)}30%{transform:translate(9px,6px)rotate(0)scale(1.02)}40%{transform:translate(3px,-3px)rotate(3deg)scale(1.02)}50%{transform:translate(-3px,6px)rotate(-3deg)scale(1.02)}60%{transform:translate(-9px,3px)rotate(0)scale(1.02)}70%{transform:translate(9px,3px)rotate(-3deg)scale(1.02)}80%{transform:translate(-3px,-3px)rotate(3deg)scale(1.02)}90%{transform:translate(3px,6px)rotate(0)scale(1.02)}to{transform:translate(3px,-6px)rotate(-3deg)scale(1.02)}}.shake-level-1{animation:.4s shake-1}.shake-level-2{animation:.5s shake-2}.shake-level-3{animation:.6s shake-3}.cat-image{border-radius:20px;width:100%;max-width:350px;margin-top:20px;animation:1s ease-in fadeIn;box-shadow:0 10px 30px #0000001f}.animate-pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{transform:scale(1);box-shadow:0 4px 15px #ff4d6d33}50%{transform:scale(1.06);box-shadow:0 6px 25px #ff4d6d80}to{transform:scale(1);box-shadow:0 4px 15px #ff4d6d33}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}