body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#ffeaa7,#fd79a8);background-attachment:fixed;font-family:Comic Sans MS,Chalkboard SE,Segoe UI Emoji,sans-serif;min-height:100vh;padding:20px}.page{margin:0 auto;max-width:900px}.app-header{margin-bottom:40px;text-align:center}.app-header h1{color:#2d3436;font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.subtitle{color:#636e72;font-size:1.5rem}.categories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px 0}.category-card{background:#fff;border:4px solid;border-radius:30px;box-shadow:0 10px 25px #00000026;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-10px) scale(1.05)}.category-icon{display:block;font-size:4rem;margin-bottom:15px}.category-card h2{color:#2d3436;font-size:2rem;margin-bottom:10px}.category-card p{color:#636e72;font-size:1.3rem;margin-bottom:10px}.word-count{color:#b2bec3;font-size:1rem;font-weight:700}.app-footer{color:#ffffffe6;font-size:1.2rem;margin-top:40px;text-align:center}.learn-page{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.back-btn{background:#ff7675;border:none;border-radius:15px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:12px 24px;transition:all .2s ease}.back-btn:hover{background:#d63031;transform:scale(1.05)}.category-info h1{color:#2d3436;font-size:2rem;margin-bottom:5px}.category-info p{color:#636e72;font-size:1.2rem}.category-color-dot{border-radius:50%;display:inline-block;height:12px;margin-right:10px;width:12px}.flashcard-container{align-items:center;display:flex;flex-direction:column;gap:30px;padding:20px}.flashcard-wrapper{perspective:1000px}.flashcard{cursor:pointer;height:350px;position:relative;width:300px}.flashcard-inner{box-shadow:0 20px 40px #0000004d;position:relative;transform-style:preserve-3d;transition:transform .6s}.flashcard-front,.flashcard-inner{border-radius:40px;height:100%;width:100%}.flashcard-front{align-items:center;backface-visibility:hidden;background:#fff;border:6px solid #00b894;display:flex;flex-direction:column;justify-content:center;padding:40px;position:absolute}.emoji-large{font-size:6rem;margin-bottom:20px}.vietnamese-word{color:#2d3436;font-size:4rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.english-translation{color:#636e72;font-size:1.5rem;margin-bottom:20px}.audio-btn{background:#0984e3;border:none;border-radius:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;min-width:120px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.audio-btn:hover{background:#065286;transform:scale(1.02)}.audio-buttons-row{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;margin:15px 0;width:100%}.progress-info{text-align:center;width:100%}.progress-info p{color:#2d3436;font-size:1.2rem;margin-bottom:10px}.progress-bar{background:#dfe6e9;border-radius:10px;height:20px;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00b894,#00cec9);border-radius:10px;height:100%;transition:width .5s ease}.navigation-controls{display:flex;gap:20px;justify-content:center;margin-top:20px}.nav-btn{background:#fff;border:3px solid #0984e3;border-radius:20px;box-shadow:0 5px 15px #0003;color:#0984e3;cursor:pointer;font-size:1.2rem;font-weight:700;min-width:150px;padding:15px 40px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#0984e3;color:#fff;transform:scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-page{animation:fadeIn .5s ease}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.quiz-header h1{color:#2d3436;font-size:2.5rem}.quiz-container{margin:0 auto;max-width:700px;padding:20px}.quiz-question{background:#fff;border:4px solid #00b894;border-radius:30px;box-shadow:0 15px 35px #00000026;margin-bottom:30px;padding:40px 30px}.question-text{color:#2d3436;font-size:1.5rem;margin-bottom:20px;text-align:center}.english-hint{color:#636e72;font-size:1.3rem;margin-bottom:30px;text-align:center}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.option-btn{background:#fff;border:3px solid #0984e3;border-radius:15px;box-shadow:0 5px 15px #0003;color:#0984e3;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px;transition:all .2s ease}.option-btn:hover:not(:disabled){background:#0984e3;color:#fff;transform:scale(1.05)}.option-btn:disabled{cursor:not-allowed}.option-btn.correct{background:#00b894;border-color:#00b894;color:#fff}.option-btn.selected{background:#ffeaa7;border-color:#fdcb6e}.feedback{border-radius:15px;font-size:1.3rem;font-weight:700;margin-top:20px;padding:15px;text-align:center}.feedback.correct-feedback{background:#d5f5e3;border:2px solid #00b894;color:#00b894}.feedback.wrong-feedback{background:#fab1a0;border:2px solid #d63031;color:#d63031}.quiz-actions{margin-top:40px;padding:0 20px;text-align:center}.quiz-btn{background:#e17055;border:none;border-radius:20px;box-shadow:0 10px 25px #0003;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px 60px;transition:all .2s ease}.quiz-btn:hover{background:#d63031;transform:scale(1.05)}.result-page{align-items:center;animation:fadeIn .5s ease;display:flex;justify-content:center;min-height:80vh}.result-container{background:#fff;border:6px solid #00b894;border-radius:40px;box-shadow:0 25px 50px #0003;max-width:500px;padding:60px 40px;text-align:center}.score-badge{color:#00b894;display:block;font-size:3rem;font-weight:700;margin-bottom:20px}.result-container h1{color:#2d3436;font-size:2.5rem;margin-bottom:15px}.result-container p{color:#636e72;font-size:1.5rem;margin-bottom:20px}.perfect-message{color:#fdcb6e}.encouragement,.perfect-message{font-size:1.4rem;font-weight:700}.encouragement{color:#0984e3}.result-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.result-btn{background:#0984e3;border:none;border-radius:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:15px 40px;transition:all .2s ease}.result-btn:hover{background:#065286;transform:scale(1.05)}.result-btn.home-btn{background:#6c5ce7}.result-btn.home-btn:hover{background:#4834d4}.ticket-balance{align-items:center;background:#fff;border:4px solid #fdcb6e;border-radius:30px;box-shadow:0 10px 25px #00000026;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:15px 30px}.ticket-icon{font-size:2.5rem}.ticket-count{color:#e17055;font-size:1.8rem;font-weight:700}.rewards-btn{background:#fdcb6e;border:4px solid #e17055;border-radius:20px;box-shadow:0 5px 15px #0003;color:#2d3436;cursor:pointer;display:block;font-size:1.3rem;font-weight:700;margin:20px auto;min-width:200px;padding:15px 40px;transition:all .2s ease}.rewards-btn:hover{background:#ffeaa7;transform:scale(1.05)}.rewards-page{align-items:center;animation:fadeIn .5s ease;display:flex;flex-direction:column;min-height:80vh}.rewards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px;padding:20px 0}.reward-card{background:#fff;border:4px solid #00b894;border-radius:30px;box-shadow:0 15px 35px #00000026;padding:40px 20px;text-align:center;transition:all .3s ease}.reward-card.affordable{background:#fff;border-color:#00b894}.reward-card.unaffordable{background:#f9f9f9;border-color:#dfe6e9;opacity:.7}.reward-card:hover:not(.unaffordable){box-shadow:0 20px 40px #0003;transform:translateY(-10px) scale(1.05)}.reward-icon{display:block;font-size:5rem;margin-bottom:15px}.reward-card h3{color:#2d3436;font-size:2rem;margin-bottom:10px}.reward-card p{color:#636e72;font-size:1.3rem;margin-bottom:15px}.reward-cost{color:#e17055;font-size:1.5rem;font-weight:700;margin-bottom:20px}.redeem-btn{background:#00b894;border:none;border-radius:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;min-width:150px;padding:15px 40px;transition:all .2s ease}.redeem-btn:hover:not(:disabled){background:#00cec9;transform:scale(1.05)}.redeem-btn:disabled{background:#dfe6e9;color:#b2bec3;cursor:not-allowed}.kudos-message{animation:bounce 1s infinite;color:#fdcb6e;font-size:1.6rem;font-weight:700;margin:20px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.example-words{background:#f8f9fa;border:2px solid #00b894;border-radius:15px;margin-top:20px;padding:15px}.example-title{color:#00b894;font-size:1.3rem;font-weight:700;margin-bottom:10px;text-align:center}.example-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;justify-content:space-between;margin:8px 0;padding:8px 15px}.example-text{color:#2d3436;font-size:1.4rem;font-weight:700}.example-audio-btn{background:#00b894;border:none;border-radius:20px;box-shadow:0 3px 10px #00000026;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px;transition:all .2s ease}.example-audio-btn:hover{background:#00cec9;transform:scale(1.05)}.redeem-notification{align-items:center;animation:fadeIn .3s ease;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.redeem-modal{animation:bounce .6s ease;background:#fff;border:6px solid #00b894;border-radius:40px;box-shadow:0 25px 50px #0000004d;max-width:500px;padding:60px 40px;text-align:center}.redeem-icon{animation:bounce 1s infinite;display:block;font-size:8rem;margin-bottom:20px}.redeem-modal h2{color:#e17055;font-size:2.5rem;margin-bottom:15px}.redeem-title{color:#2d3436;font-size:2rem;font-weight:700;margin-bottom:10px}.redeem-title-vi{color:#636e72;font-size:1.5rem;margin-bottom:20px}.redeem-cost{color:#e17055;font-size:1.6rem;font-weight:700;margin-bottom:15px}.redeem-remaining{color:#0984e3;font-size:1.4rem;margin-bottom:30px}.redeem-close-btn{background:#00b894;border:none;border-radius:20px;box-shadow:0 10px 25px #0003;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px 60px;transition:all .2s ease}.redeem-close-btn:hover{background:#00cec9;transform:scale(1.05)}@media (max-width:600px){.App{padding:10px}.app-header h1{font-size:2rem}.subtitle{font-size:1.2rem}.category-card{padding:30px 15px}.category-icon{font-size:3rem}.category-card h2{font-size:1.5rem}.flashcard{height:300px;width:250px}.vietnamese-word{font-size:3rem}.options-grid{grid-template-columns:repeat(2,1fr)}.result-actions{flex-direction:column}.audio-buttons-row{flex-direction:row;gap:8px;margin:10px 0}.audio-btn{flex:1 1;font-size:1rem;min-width:auto;padding:10px 12px}}
/*# sourceMappingURL=main.d6fbf6b6.css.map*/