body{background-color:#fff;color:#000}#root,body,html{height:100%;padding:0}#root,body,html{margin:0}.App{box-sizing:border-box;font-family:Arial,sans-serif;justify-content:center;min-height:100%;padding:10px;text-align:center}.App,.flashcard-container{align-items:center;display:flex;flex-direction:column}.flashcard-container{background-color:#ff00001a;margin-bottom:10px;position:relative}.success-gif{height:auto;left:50%;max-height:100px;max-width:100px;position:absolute;top:10px;transform:translateX(-50%);width:auto;z-index:10}.flashcard{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;cursor:pointer;height:40vh;max-width:500px;position:relative;transition:transform .2s;width:80vw}.content,.flashcard{align-items:center;display:flex;flex-direction:column;justify-content:center}.content{font-size:1.33em}.english{font-size:1.3em;margin-bottom:10px}.russian{font-size:1.8em;font-weight:700;margin:5px 0}.phonetic{color:#666;font-size:.9em;font-style:italic;margin:5px 0}.flag-icon{bottom:10px;height:20px;position:absolute;right:10px;width:30px}.detected-speech{background-color:#00ff001a;margin-bottom:10px;margin-top:0;min-height:14px;padding-left:10px;padding-right:10px}.button-container{background-color:initial;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;max-width:100%;padding:0 10px}.nav-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s}.nav-button:hover{background-color:#45a049}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.nav-button.active{background-color:#f44336}.nav-button.active:hover{background-color:#da190b}.dark-mode,.dark-mode body{background-color:#121212;color:#e0e0e0}.dark-mode .flashcard{background-color:#333;border-color:#555}.dark-mode .nav-button,.dark-mode .toggle-button{background-color:#1e88e5}.dark-mode .nav-button:hover,.dark-mode .toggle-button:hover{background-color:#1565c0}.dark-mode .twitter-link{color:#90caf9}.dark-mode .twitter-link:hover{color:#bbdefb}.switch{display:inline-block;height:34px;margin-top:40px;position:relative;width:90px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.mode-icon{height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.speech-status{color:#666;font-style:italic;margin-top:10px}.speech-status p{background-color:#f0f0f0;border-radius:15px;display:inline-block;margin:0;padding:5px 10px}.language-selector{font-size:16px;margin-bottom:20px;padding:5px}.home-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.language-links{display:flex;gap:10px}.language-link.button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}.language-link.button:hover{background-color:#0056b3}.footer{margin-top:20px;text-align:center}.footer-logo{height:auto;width:50px}.language-link{display:block;margin:10px 0}.stats-container{display:flex;font-size:11px;gap:20px;justify-content:space-between;margin-top:20px}.stats{flex:1 1}.success-text{color:green}.failure-text{color:red}@media (max-width:768px){.App{min-height:100vh;padding:5px}.flashcard{height:35vh;min-height:200px;width:90vw}.button-container{flex-wrap:wrap;gap:8px;justify-content:center;padding:0 5px}.nav-button{flex:0 1 auto;font-size:14px;margin:3px;min-width:60px;padding:8px 12px}.content{padding:10px}.content,.english{font-size:1.1em}.russian{font-size:1.5em}.language-selector{font-size:14px;max-width:200px;padding:8px;width:90%}.detected-speech{font-size:14px;margin:5px;padding:5px}.speech-status{font-size:12px}.switch{height:28px;margin-top:20px;width:70px}.slider:before{bottom:4px;height:20px;left:4px;width:20px}input:checked+.slider:before{transform:translateX(20px)}.mode-icon{height:16px;width:16px}}@media (max-width:480px){.App{padding:2px}.flashcard{height:30vh;min-height:180px;width:95vw}.button-container{gap:5px;padding:0 2px}.nav-button{font-size:12px;margin:2px;min-width:50px;padding:6px 8px}.content{padding:5px}.content,.english{font-size:1em}.russian{font-size:1.3em}.language-selector{font-size:12px;max-width:180px;padding:6px;width:95%}.detected-speech{font-size:12px;margin:3px;padding:3px}.switch{height:24px;margin-top:15px;width:60px}.slider:before{bottom:4px;height:16px;left:4px;width:16px}input:checked+.slider:before{transform:translateX(16px)}.mode-icon{height:12px;width:12px}.stats table{font-size:10px}.stats h3{font-size:14px;margin:10px 0 5px}.stats-container{gap:5px!important}.stats,.stats table{font-size:9px}}.category-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.category-modal{background:#fff;background:var(--modal-bg,#fff);border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:600px}.category-modal-header{align-items:center;background:#f8f9fa;background:var(--modal-header-bg,#f8f9fa);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;justify-content:space-between;padding:20px}.category-modal-header h3{color:#333;color:var(--text-primary,#333);font-size:1.2em;margin:0}.category-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.category-modal-close:hover{background-color:#f0f0f0;background-color:var(--hover-bg,#f0f0f0);color:#333;color:var(--text-primary,#333)}.category-modal-content{flex:1 1;overflow-y:auto;padding:20px}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;padding:10px;transition:all .2s ease}.category-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.category-label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.category-label input[type=checkbox]{margin-top:4px}.category-info{display:flex;flex-direction:column;gap:4px}.category-name{font-size:1.1em;font-weight:700}.category-description{font-size:.9em}.category-description,.word-count{color:#666;color:var(--text-secondary,#666)}.word-count{font-size:.8em}.dark-mode .category-modal{--modal-bg:#333;--modal-header-bg:#2a2a2a;--border-color:#555;--text-primary:#e0e0e0;--text-secondary:#aaa;--hover-bg:#444}.dark-mode .category-item{--card-bg:#444;--border-color:#555;--text-secondary:#aaa}.dark-mode .category-item:hover{box-shadow:0 2px 8px #0000004d}@media (max-width:768px){.category-modal{margin:10px;max-height:85vh;max-width:95vw}.category-modal-content,.category-modal-header{padding:15px}.category-modal-header h3{font-size:1.1em}}@media (max-width:480px){.category-modal{margin:5px;max-height:90vh;max-width:98vw}.category-modal-content,.category-modal-header{padding:12px}.category-modal-close{font-size:20px;height:25px;width:25px}}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}
/*# sourceMappingURL=main.10eda8b4.css.map*/