.app-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.question-screen,.response-screen,.final-screen{text-align:center;padding:20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-title{font-size:3rem;color:#fff;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.button-container{display:flex;gap:2rem;justify-content:center;align-items:center;margin-top:2rem}.yes-button,.no-button{padding:20px 60px;font-size:1.5rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.yes-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform-origin:center}.yes-button:hover{box-shadow:0 6px 20px #f5576c66;filter:brightness(1.1)}.no-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.no-button:hover{box-shadow:0 6px 20px #764ba266;filter:brightness(1.1)}.lottie-container{width:300px;height:300px;margin:0 auto 2rem}.lottie-container.large{width:500px;height:500px}.lottie-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:8rem;animation:bounce 1s ease-in-out infinite}.lottie-placeholder.large{font-size:12rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.response-text{font-size:2.5rem;color:#fff;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.response-text.high-text{position:relative;z-index:2000;margin-top:-3rem;margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 3rem;border-radius:20px;box-shadow:0 8px 30px #0000004d}.response-text.happy{color:#ffe66d;animation:wiggle .5s ease-in-out 3}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.continue-button{padding:15px 40px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;margin-top:2rem}.continue-button:hover{box-shadow:0 6px 20px #f5576c66;filter:brightness(1.1);transform:scale(1.05)}.final-screen{animation:scaleIn 1s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.final-text{font-size:3.5rem;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:colorChange 3s ease-in-out infinite}@keyframes colorChange{0%,to{color:#fff}25%{color:#ffe66d}50%{color:#ff6b9d}75%{color:#feca57}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;height:100vh}