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}.error-screen{background-color:#f5f5f5;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.error-container,.error-screen{align-items:center;display:flex}.error-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex-direction:column;max-width:90%;padding:2rem;width:400px}.error-icon{color:#e74c3c;margin-bottom:1rem}.error-message{color:#333;font-size:1.2rem;margin:0 0 1.5rem;text-align:center}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#2980b9}.retry-button:focus{box-shadow:0 0 0 3px #3498db4d;outline:none}.loading-screen{align-items:center;background-color:#f5f5f5;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:2rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:48px;margin-bottom:1rem;width:48px}.loading-message{color:#333;font-size:1.2rem;margin:0;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}.controls-bar{align-items:center;background-color:#f5f7fa;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:80px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.mode-selector{display:flex;gap:12px}.mode-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #00000008;color:#4a5568;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.mode-button:hover{background-color:#edf2f7;transform:translateY(-2px)}.mode-button.active{background-color:#4299e1;border-color:#4299e1;box-shadow:0 4px 8px #4299e14d;color:#fff}.library-selector{min-width:180px;position:relative}.library-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #00000008;color:#4a5568;cursor:pointer;font-size:15px;padding:10px 36px 10px 16px;transition:all .2s ease;width:100%}.library-dropdown:hover{border-color:#cbd5e0}.library-dropdown:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.library-selector:after{color:#a0aec0;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.controls-bar{flex-direction:column;gap:16px;padding:16px}.mode-selector{flex-wrap:wrap;justify-content:center;width:100%}.library-selector{width:100%}}@keyframes pulse{0%{box-shadow:0 0 0 0 #4299e166}70%{box-shadow:0 0 0 10px #4299e100}to{box-shadow:0 0 0 0 #4299e100}}.mode-button.active:focus{animation:pulse 1.5s infinite}.ConfirmationModal_overlay__N\+\+N6{align-items:center;animation:ConfirmationModal_fadeIn__xErCH .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ConfirmationModal_modalContainer__f2y-I{max-width:90%;width:380px}.ConfirmationModal_modal__655th{animation:ConfirmationModal_slideUp__AAjDo .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:24px}.ConfirmationModal_warningIcon__j4-8i{display:flex;justify-content:center;margin-bottom:16px}.ConfirmationModal_warningIcon__j4-8i svg{height:48px;width:48px}.ConfirmationModal_content__G4\+x7{margin-bottom:24px;text-align:center}.ConfirmationModal_content__G4\+x7 p{color:#333;font-size:16px;margin:0}.ConfirmationModal_actions__UzDZO{display:flex;gap:12px;justify-content:center}.ConfirmationModal_cancelButton__gMkyp,.ConfirmationModal_confirmButton__6aiYg{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.ConfirmationModal_confirmButton__6aiYg{background-color:#e74c3c;color:#fff}.ConfirmationModal_confirmButton__6aiYg:hover{background-color:#c0392b}.ConfirmationModal_confirmButton__6aiYg:focus{box-shadow:0 0 0 2px #e74c3c66;outline:none}.ConfirmationModal_cancelButton__gMkyp{background-color:#f5f5f5;color:#333}.ConfirmationModal_cancelButton__gMkyp:hover{background-color:#e0e0e0}.ConfirmationModal_cancelButton__gMkyp:focus{box-shadow:0 0 0 2px #0000001a;outline:none}@keyframes ConfirmationModal_fadeIn__xErCH{0%{opacity:0}to{opacity:1}}@keyframes ConfirmationModal_slideUp__AAjDo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.ConfirmationModal_modalContainer__f2y-I{width:85%}.ConfirmationModal_modal__655th{padding:16px}.ConfirmationModal_actions__UzDZO{flex-direction:column-reverse}.ConfirmationModal_cancelButton__gMkyp,.ConfirmationModal_confirmButton__6aiYg{width:100%}}.app-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:100}.Timer_timer__gK7PR{align-items:center;display:flex;justify-content:center;margin:10px 0}.Timer_timeDisplay__CBysa{background-color:#0000001a;border-radius:8px;color:#333;font-size:1.5rem;font-weight:700;min-width:80px;padding:8px 16px;text-align:center}.Timer_timeWarning__v7xrB{color:#f39c12}.Timer_timeDanger__xa\+HP{color:#e74c3c}.all-together-container{margin:0 auto;max-width:800px;padding:20px}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#0069d9}.submit-button:disabled{background-color:#6c757d;cursor:default}.submit-container{margin-top:20px;text-align:center}.temp-message{animation:fadeIn .3s ease-in-out;border-radius:4px;color:#fff;margin-bottom:15px;padding:10px 15px;position:sticky;text-align:center;top:0;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.CompletionModal_overlay__1WbLa{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.CompletionModal_modal__pFGVM{animation:CompletionModal_popIn__Xm6AU .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000004d;max-width:500px;padding:24px;width:90%}.CompletionModal_title__RdB\+m{color:#2ecc71;font-size:24px;margin-bottom:16px;text-align:center}.CompletionModal_info__bjUbl{font-size:18px;margin-bottom:20px;text-align:center}.CompletionModal_missedWords__DXnyG{margin-bottom:20px}.CompletionModal_missedWordsTitle__sqgb3{align-items:center;color:#e74c3c;display:flex;justify-content:space-between;margin-bottom:10px}.CompletionModal_toggleButton__KySBl{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;text-decoration:underline}.CompletionModal_wordsList__97ZWN{border:1px solid #eee;border-radius:8px;max-height:200px;overflow-y:auto;padding:10px}.CompletionModal_wordItem__-2DHD{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.CompletionModal_wordItem__-2DHD:last-child{border-bottom:none}.CompletionModal_wordText__1lRgv{font-weight:700}.CompletionModal_meaningText__29WJ5{color:#555}.CompletionModal_perfectScore__YdPap{color:#2ecc71;font-weight:700;margin-bottom:20px;text-align:center}.CompletionModal_buttons__412I\+{display:flex;gap:16px;justify-content:center}.CompletionModal_closeButton__aiXkk,.CompletionModal_playAgainButton__9bLfQ{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s}.CompletionModal_playAgainButton__9bLfQ{background-color:#3498db;color:#fff}.CompletionModal_playAgainButton__9bLfQ:hover{background-color:#2980b9}.CompletionModal_closeButton__aiXkk{background-color:#e0e0e0;color:#333}.CompletionModal_closeButton__aiXkk:hover{background-color:#ccc}@keyframes CompletionModal_popIn__Xm6AU{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.question-item{border:1px solid #ccc;border-radius:8px;margin:15px 0;padding:15px;transition:border-color .3s ease}.question-item-error{border-color:#dc3545}.question-word{font-size:20px;font-weight:500;margin-bottom:15px;text-align:center}.options-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.option-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin:4px;padding:8px 16px;transition:background-color .2s ease,transform .1s ease}.option-btn:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-2px)}.option-btn:active:not(:disabled){transform:translateY(0)}.option-btn.selected{background-color:#007bff33}.option-btn.correct-answer{background-color:#28a74580;border-color:#28a745}.option-btn.wrong-answer{background-color:#dc354580;border-color:#dc3545}.option-btn:disabled{cursor:default;opacity:.8}.play-audio-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:10px auto;padding:8px 16px;transition:background-color .2s ease,transform .1s ease}.play-audio-button:hover{background-color:#0069d9;transform:translateY(-2px)}.play-audio-button:active{transform:translateY(0)}.play-audio-button:disabled{background-color:#6c757d;cursor:default}.container{flex-direction:column;margin:0 auto;max-width:600px;padding:20px;width:100%}.container,.loading{align-items:center;display:flex}.loading{color:#666;font-size:18px;height:300px;justify-content:center}.progress{margin-bottom:24px;width:100%}.progressText{color:#666;font-size:16px;margin-bottom:8px;text-align:center}.progressBar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.progressFill{background-color:#3498db;border-radius:4px;height:100%;transition:width .3s ease}.wordCard{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s ease;width:100%}.wordTitle{color:#333;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.optionsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.option{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;padding:16px;text-align:center;transition:all .2s ease}.option:hover{background-color:#e8e8e8;transform:translateY(-2px)}.selected{background-color:#3498db;border-color:#2980b9;color:#fff}.correctSelected{background-color:#2ecc71;border-color:#27ae60;color:#fff}.incorrectSelected{background-color:#e74c3c;border-color:#c0392b;color:#fff}.correct{border-left:4px solid #2ecc71}.incorrect{border-left:4px solid #e74c3c}.actions{display:flex;justify-content:center;margin-top:16px}.nextButton,.retryButton{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s ease}.nextButton{background-color:#2ecc71;color:#fff}.nextButton:hover{background-color:#27ae60;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.retryButton{background-color:#e74c3c;color:#fff}.retryButton:hover{background-color:#c0392b;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.shaking{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@media (min-width:600px){.optionsGrid{grid-template-columns:repeat(2,1fr)}}.matching-mode-container{display:flex;justify-content:space-between;padding:20px}.column{display:flex;flex-direction:column;gap:10px;width:45%}.card{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:10px;text-align:center;transition:transform .2s}.card.selected{background-color:#d1e7dd;border-color:#0f5132}.card.matched{background-color:#cfe2ff;border-color:#084298;cursor:not-allowed}.card.shake{animation:shake .5s}.card.flash-red{animation:flash-red .5s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes flash-red{0%,to{background-color:#f0f0f0}50%{background-color:#f8d7da}}.completion-modal{background:#fff;border:1px solid #ccc;border-radius:10px;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.ada76ce3.css.map*/