.TrainingScreen_container__c0ICx{background:#f5f5f5;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;overflow:hidden;padding:2rem;position:relative}@keyframes TrainingScreen_wordTransition__P9CnA{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.TrainingScreen_word-container__Z33OG{animation:TrainingScreen_wordTransition__P9CnA .3s cubic-bezier(.4,0,.2,1)}.TrainingScreen_task__QVqEd{color:#2d3748;font-size:1.5rem;margin:1.5rem 0}.TrainingScreen_mistyped__ACttg{color:#e53e3e;font-weight:700;letter-spacing:1px}.TrainingScreen_levelSelector__PSKzz{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.TrainingScreen_levelButton__mxV5b{background:#fff;border:2px solid #cbd5e0;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.TrainingScreen_levelButton__mxV5b.TrainingScreen_active__Q9HoA{background:#4299e1;border-color:#4299e1;color:#fff;transform:scale(1.05)}.TrainingScreen_input__8fAid{border:2px solid #cbd5e0;border-radius:8px;box-sizing:border-box;font-size:1.2rem;margin:1rem 0;padding:12px 20px;transition:all .3s ease;width:calc(100% - 40px)}.TrainingScreen_input__8fAid:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.TrainingScreen_input__8fAid.TrainingScreen_correct__RNsJ-{background-color:#f0fff4;border-color:#48bb78}.TrainingScreen_input__8fAid.TrainingScreen_wrong__AKLoT{background-color:#fff5f5;border-color:#f56565}.TrainingScreen_button__fzZlH{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:12px 24px;transition:all .3s ease}.TrainingScreen_button__fzZlH:hover{background:#3182ce;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.TrainingScreen_score__wuvLg{color:#4a5568;display:flex;font-size:1.2rem;gap:1rem;justify-content:center;margin-top:1.5rem}.TrainingScreen_levelIndicator__LRxQ8{color:#4a5568;font-size:1.2rem;margin-bottom:1rem}@keyframes TrainingScreen_shake__RhQ5m{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.TrainingScreen_shake__RhQ5m{animation:TrainingScreen_shake__RhQ5m .4s ease-in-out}body{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.app-container{text-align:center}
/*# sourceMappingURL=main.789e001c.css.map*/