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;flex-direction:column;height:40vh;max-width:500px;position:relative;transition:transform .2s;width:80vw}.flashcard,.help-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.help-button{background-color:#594242;border:none;border-radius:50%;bottom:6px;box-shadow:0 2px 2px #00000026;color:#f0f0f0;height:36px;position:absolute;right:6px;width:36px;z-index:20}.help-button:hover{background-color:#45a049}.help-button--kanji{background-color:#81c78433;border:1px solid #81c78480;box-shadow:none;color:#c8e6c9}.help-button--kanji:hover{background-color:#81c78440}.help-button-icon{color:#f0f0f0;display:block;height:40px;pointer-events:none;width:40px}.dark-mode .help-button-icon{color:#333}.help-button--kanji .help-button-icon{color:#c8e6c9}.help-modal{position:relative}.help-modal-close{background:#0000001f;border:none;border-radius:50%;color:inherit;cursor:pointer;font-size:18px;height:28px;line-height:28px;position:absolute;right:-6px;top:-6px;width:28px}.help-modal-close:hover{background:#0000002e}.help-modal-body{margin:0 auto;max-width:780px;padding-right:10px;text-align:left}.help-modal-body p{margin:10px 0}.dark-mode .help-button{background-color:#1b5e20;color:#333}.dark-mode .help-button:hover{background-color:#2e7d32}.dark-mode .help-button--kanji{background-color:#81c78433;border:1px solid #81c78480;box-shadow:none;color:#c8e6c9}.dark-mode .help-button--kanji:hover{background-color:#81c78440}.dark-mode .help-modal-body{color:#e0e0e0}.dark-mode .help-modal-close{background:#ffffff24}.dark-mode .help-modal-close:hover{background:#fff3}.content{align-items:center;display:flex;flex-direction:column;font-size:1.33em;justify-content:center}.english{font-size:1.3em;margin-bottom:10px}.foreign{font-size:1.8em;font-weight:700;margin:5px 0;text-align:center}.kanji-foreign{font-size:3em}.foreign-kanji-link{border-bottom:1px dashed #00000040;color:inherit;text-decoration:none;transition:border-color .2s,opacity .2s}.foreign-kanji-link:hover{border-bottom-color:#1e88e5d9;opacity:.95}.russian{font-size:1.8em;font-weight:700;margin:5px 0}.phonetic{color:#666;font-size:.9em;font-style:italic;margin:5px 0}.phonetic-latin{color:#555;font-size:.85em;font-style:normal;letter-spacing:.02em;margin:2px 0 5px}.kana-indicator{color:#666;font-size:.95em;font-style:italic;margin:5px 0 2px}.kana-pair{align-items:center;display:flex;font-size:5.4em;gap:16px;justify-content:center;line-height:1.05;margin:5px 0}.kana-symbol{display:inline-block;font-weight:700}.kana-symbol,.kana-symbol--active{color:#1b5e20}.kana-symbol--inactive{opacity:.6}.kana-romaji{margin-top:8px}.dark-mode .kana-symbol{color:#c8e6c9}.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:10px;max-width:100%;padding:0 10px}.nav-button{align-items:center;background-color:#1b5e20;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;margin:5px;min-height:48px;min-width:48px;padding:10px 14px;transition:background-color .3s}.nav-button-icon{display:block;height:24px;pointer-events:none;width:24px}.nav-button:hover{background-color:#2e7d32}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.nav-button:disabled .nav-button-icon{opacity:.85}.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 .phonetic{color:#b0b0b0}.dark-mode .phonetic-latin{color:#c4c4c4}.dark-mode .kana-indicator{color:#b0b0b0}.dark-mode .kana-symbol--active{color:#c8e6c9}.dark-mode .kana-symbol--inactive{opacity:.65}.dark-mode .foreign-kanji-link{border-bottom-color:#ffffff59}.dark-mode .foreign-kanji-link:hover{border-bottom-color:#90caf9}.kanji-variant-block{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.kanji-variant-block--clickable{border-radius:10px;cursor:pointer;outline:none;padding:8px 6px;transition:background-color .2s}.kanji-variant-block--clickable:hover{background-color:#0000000f}.dark-mode .kanji-variant-block--clickable:hover{background-color:#ffffff0f}.kanji-variant-block--clickable:focus-visible{box-shadow:0 0 0 2px #1e88e580}.kanji-variant-row{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;margin:6px 0;max-width:100%}.variant-chip{border:1px solid #0000;border-radius:8px;display:inline-block;font-size:.95em;line-height:1.35;padding:4px 10px;transition:background-color .2s,border-color .2s,color .2s}.variant-chip--kana{font-size:.95em;font-style:italic}.variant-chip--romaji{font-size:.88em;font-style:normal}.variant-chip--active{background-color:#4caf5033;border-color:#4caf508c;color:#1b5e20;font-weight:600}.variant-chip--muted{opacity:.72}.dark-mode .variant-chip--active{background-color:#81c78433;border-color:#81c78480;color:#c8e6c9}.dark-mode .variant-chip--muted{color:#b0b0b0;opacity:.65}.dark-mode .nav-button{background-color:#1b5e20}.dark-mode .nav-button:hover{background-color:#2e7d32}.dark-mode .nav-button.active{background-color:#f44336}.dark-mode .nav-button.active:hover{background-color:#da190b}.dark-mode .toggle-button{background-color:#1b5e20}.dark-mode .toggle-button:hover{background-color:#2e7d32}.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:#1b5e20}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:#9e4a4a}.dark-mode .failure-text{color:#c99595}@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;margin:3px;min-height:44px;min-width:44px;padding:8px 10px}.nav-button-icon{height:22px;width:22px}.content{padding:10px}.content,.english{font-size:1.1em}.foreign,.russian{font-size:1.5em}.kanji-foreign{font-size:1.8em}.kana-pair{font-size:4.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{margin:2px;min-height:42px;min-width:42px;padding:6px 8px}.nav-button-icon{height:20px;width:20px}.content{padding:5px}.content,.english{font-size:1em}.foreign,.russian{font-size:1.3em}.kanji-foreign{font-size:1.56em}.kana-pair{font-size:3.9em}.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}}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:5px;color:#4caf50;padding:20px;text-align:center}.dark-mode .modal-content{background-color:#333;color:#c8e6c9}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.c7a92d80.css.map*/