body{font-family:sans-serif;margin:0;padding:0}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:20px}.App-header h1{cursor:pointer;font-size:1.5em;margin:0}.header-buttons{display:flex;gap:10px}.about-button,.settings-button{background-color:#4a4a4a;border:1px solid #666;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}main{padding:20px}.settings-page,.setup-screen{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:800px;padding:20px;position:relative}.quiz-area-container{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1200px}.quiz-content{flex-grow:1}.end-of-round-screen,.quiz-area{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;position:relative}.category-selector,.mode-selector,.setting-item{margin-bottom:20px}.mode-selector h2,.settings-page h2{border-bottom:2px solid #eee;margin-top:0;padding-bottom:10px}.category-selector h2{margin-top:0}.radio-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.radio-group input[type=radio]{display:none}.radio-group label{border:1px solid #ccc;border-radius:20px;cursor:pointer;padding:10px 15px;transition:all .2s ease-in-out}.radio-group input[type=radio]:checked+label{background-color:#eee04c;border-color:#eee04c;color:#000}.category-selector button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:5px;padding:12px 20px;transition:background-color .2s}.category-selector button:hover{background-color:#0056b3}.chinese-in-answer,.kana-in-answer,.kanji-in-answer,.romaji-in-answer{margin-bottom:5px;text-align:center}.copy-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:.8em;margin-left:10px;padding:2px 6px}.speak-controls{margin-top:15px}.speak-button{background:none;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin:0 5px;padding:8px 12px}.settings-page .setting-item{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:15px}.settings-page label{font-weight:700;margin-bottom:5px}.settings-page input[type=number]{border:1px solid #ccc;border-radius:4px;padding:8px;width:100px}.settings-controls{display:flex;gap:10px;margin-top:20px}.settings-controls button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.settings-controls button:first-child{background-color:#007bff;color:#fff}.settings-controls button:last-child{background-color:#f0f0f0}.category-group{margin-bottom:25px;text-align:left}.category-group h3{border:none;color:#333;font-size:1.2em;margin:0 15px 0 0;padding:0;white-space:nowrap}.category-group .checkbox-group{justify-content:flex-start;padding-left:10px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.checkbox-item{align-items:center;display:flex}.checkbox-item input[type=checkbox]{display:none}.checkbox-item label{border:1px solid #ccc;border-radius:20px;cursor:pointer;padding:10px 15px;transition:all .2s ease-in-out}.checkbox-item input[type=checkbox]:checked+label{background-color:#007bff;border-color:#007bff;color:#fff}.start-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px;transition:background-color .2s}.start-button:hover{background-color:#218838}.start-button:disabled{background-color:#ccc;cursor:not-allowed}.end-of-round-screen{padding:40px 20px}.end-of-round-screen h2{margin-bottom:15px}.end-of-round-screen p{color:#333;font-size:1.1em;margin-bottom:25px}.end-of-round-controls button{border:none;border-radius:5px;cursor:pointer;font-size:1.1em;margin:0 10px;padding:12px 25px;transition:background-color .2s}.end-of-round-controls button:first-child{background-color:#007bff;color:#fff}.end-of-round-controls button:last-child{background-color:#28a745;color:#fff}.category-count{color:#d7d2cb;font-size:.9em;margin-left:5px}.category-selector-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.start-button-inline{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .2s}.start-button-inline:hover{background-color:#0056b3}.start-button-inline:disabled{background-color:#ccc;cursor:not-allowed}.category-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:10px;padding-bottom:5px}.subcategory-links a{color:#007bff;cursor:pointer;margin-right:10px;text-decoration:none}.subcategory-links a.active{font-weight:700;text-decoration:underline}.subcategory-links a:hover{text-decoration:underline}.subcategory-links a.all-link{color:grey}@media (max-width:992px){.quiz-area-container{align-items:stretch;flex-direction:column}}.sidebar-header{background-color:#f1f1f1;border-bottom:1px solid #eee;border-top-left-radius:8px;border-top-right-radius:8px;font-weight:700;padding:15px}.quiz-sidebar{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;flex-shrink:0;width:280px}.sidebar-list{list-style:none;margin:0;max-height:70vh;overflow-y:auto;padding:0}.sidebar-item{border-bottom:1px solid #eee;cursor:pointer;overflow:hidden;padding:12px 15px;text-align:left;text-overflow:ellipsis;transition:background-color .2s;white-space:nowrap}.sidebar-item:hover{background-color:#e9ecef}.sidebar-item.active{background-color:#007bff;color:#fff;font-weight:700}@media (max-width:992px){.quiz-sidebar{margin-top:20px;max-height:600px;width:100%}.sidebar-list{max-height:552px}}.quiz-area{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;position:relative}.question-counter{color:#666;font-size:.9em;left:20px;position:absolute;top:10px}.answer-details{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.kana-display{font-size:1.5em;margin-bottom:15px}.kanji-in-answer{font-weight:700;margin-right:10px}.chinese-in-answer{color:#555;font-size:.8em;margin-left:10px}.romaji-in-answer{color:#007bff;display:block;font-size:.8em;margin-left:10px;margin-top:5px}.example-display,.example-display-chinese{color:#333;font-size:1.1em;margin:10px 0}.example-display-chinese{color:#555}.speak-japanese-only{margin-bottom:15px;margin-top:15px;text-align:center}.answer-separator{border:none;border-top:1px solid #eee;margin:15px 0}.example-speak-text{color:#007bff;font-weight:700;margin-top:15px;text-align:center}.speak-example-button-container{margin-bottom:15px;margin-top:15px;text-align:center}.phase-controls{display:flex;justify-content:center;margin-top:20px}.feedback-buttons{align-items:center;flex-direction:column}.correct-incorrect-row,.feedback-buttons{display:flex;gap:10px}.change-category{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;bottom:20px;color:#333;cursor:pointer;padding:10px 15px;position:absolute;right:20px;text-decoration:none;transition:background-color .2s}.change-category:hover{background-color:#e0e0e0}.kanji-display{align-items:center;display:flex;font-size:3em;justify-content:center;margin-bottom:20px;position:relative}.chinese-display{font-size:2em}.chinese-display>div{margin-top:30px}.proficiency-score{background-color:#f0f0f0;border-radius:10px;color:#333;font-size:.4em;padding:5px 8px;position:absolute;right:0;top:0}.listening-question .speak-button{font-size:2em;padding:20px}.controls button,.feedback-buttons button,.phase-controls button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin:0 5px;padding:10px 15px}button.view-answer-button{background-color:#0089b6;color:#000}.feedback-buttons .correct{background-color:#28a745;border-color:#28a745;color:#fff}.feedback-buttons .incorrect{background-color:#dc3545;border-color:#dc3545;color:#fff}.feedback-buttons .next-word{background-color:#17a2b8;color:#fff}.stop-button{background-color:#ffc107}.next-word{background-color:#17a2b8;color:#fff}.about-version,.version-info{color:#a1c7e0;font-size:.8em;margin-top:20px;text-align:center}
/*# sourceMappingURL=main.855ced89.css.map*/