@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--primary: #FFB7B2;--secondary: #E2F0CB;--tertiary: #FFDAC1;--text-dark: #333333;--text-light: #ffffff;--bg-color: #fcebd5;--shadow: 0 8px 16px rgba(0,0,0,.1);--btn-shadow: 0 4px 0px rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Jua,sans-serif;background-color:var(--bg-color);color:var(--text-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;max-width:480px;height:100vh;background-color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;overflow-y:auto}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}.bounce{animation:bounce 2s infinite ease-in-out}.pop-in{animation:pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}.shake{animation:shake .4s ease-in-out}.header{padding:20px;text-align:center;background-color:var(--primary);color:#fff;font-size:24px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-bottom:20px;box-shadow:var(--shadow)}.home-container{display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center;justify-content:center;flex:1}.menu-btn{width:100%;padding:30px 20px;border-radius:20px;border:none;font-size:28px;font-family:Jua,sans-serif;color:var(--text-dark);background-color:var(--secondary);box-shadow:0 8px #b5c79e;cursor:pointer;transition:all .1s;display:flex;flex-direction:column;align-items:center;gap:10px}.menu-btn:nth-child(2){background-color:var(--tertiary);box-shadow:0 8px #d6a88b}.menu-btn:active{transform:translateY(8px);box-shadow:0 0 0 transparent}.menu-icon{font-size:60px}.quiz-container{display:flex;flex-direction:column;flex:1;padding:20px;align-items:center}.question-area{flex:1;display:flex;justify-content:center;align-items:center;font-size:120px;background-color:var(--bg-color);width:100%;border-radius:30px;box-shadow:inset 0 4px 8px #0000000d;margin-bottom:20px;animation:pop .5s ease-out}.question-text{font-size:64px;color:var(--text-dark)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.option-btn{padding:20px 10px;border-radius:15px;border:none;font-family:Jua,sans-serif;font-size:32px;background-color:#fff;border:3px solid var(--primary);box-shadow:0 6px 0 var(--primary);color:var(--text-dark);cursor:pointer;transition:all .1s;display:flex;justify-content:center;align-items:center}.option-btn.emoji{font-size:60px}.option-btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--primary)}.option-btn.correct{background-color:#a8e6cf;border-color:#56b38c;box-shadow:0 6px #56b38c;color:#fff}.option-btn.wrong{background-color:#ff8b94;border-color:#d15661;box-shadow:0 6px #d15661;color:#fff;animation:shake .4s}.back-btn{position:absolute;top:20px;left:20px;background:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--shadow);z-index:10;transition:transform .1s}.back-btn:active{transform:scale(.9)}.score-display{position:absolute;top:20px;right:20px;background:#fff;border-radius:50px;padding:10px 20px;font-size:24px;font-weight:700;color:var(--primary);box-shadow:var(--shadow);z-index:10}