:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #242424;--correct: #4caf50;--wrong: #f44336;--focus: #535bf2;--text-color-blue: #646cff}#root{max-width:600px;min-width:340px;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0d;border-radius:12px;box-shadow:0 8px 24px #0003}a{font-weight:500;color:var(--text-color-blue);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--text-color-blue)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.quiz-container{width:100%}.quiz-container h2{font-size:1.75rem;margin-bottom:1.5rem}.emphasizeText{font-size:2rem;color:var(--text-color-blue)}.quiz-container button:not(.next-button){margin:.5rem;width:80px;height:44px}.next-button{margin-top:2rem;background-color:var(--text-color-blue);color:#fff;padding:.75em 1.5em;display:flex;align-items:center;justify-content:center;height:44px;line-height:1;margin-left:auto;margin-right:auto}.wordListSelector{align-self:stretch;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1rem;font-weight:500;animation:slideFadeIn .4s ease-out}.wordListSelector select{background-color:#1a1a1a;color:#fff;border:1px solid transparent;border-radius:8px;padding:.4em .8em;font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .3s,background-color .3s}.wordListSelector select:hover,.wordListSelector select:focus{border-color:var(--text-color-blue);outline:none}.listSelect{width:100%}.feedback{margin-top:1rem;font-weight:700;font-size:1.25rem;color:#e0e0e0;min-height:1.5em}.feedback.correct{color:var(--correct)}.feedback.wrong{color:var(--wrong)}.progress-bar-container{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.progress-bar{height:100%;display:flex;transition:width .3s ease}.progress-bar.correct{background:#4caf50}.progress-bar.incorrect{background:#f44336}.progress-text.correct{color:#4caf50}.progress-text.incorrect{color:#f44336}.progress-bar-text{font-size:1rem;font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.mode-switch-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:slideFadeIn .4s ease-out}.mode-button{min-width:120px;height:44px;text-align:center;background-color:#1a1a1a;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .3s,border-color .3s,transform .2s}.mode-button:hover{border-color:var(--text-color-blue)}.mode-button.active{background-color:#333;border-color:var(--text-color-blue)}.next-button:disabled{background-color:var(--background);cursor:not-allowed}.quiz-toggle-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;animation:slideFadeIn .4s ease-out}.quiz-toggle-button{min-width:120px;height:44px;text-align:center;background-color:#1a1a1a;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .3s,border-color .3s,transform .2s}.quiz-toggle-button:hover{border-color:var(--text-color-blue)}.quiz-toggle-button.active{background-color:#333;border-color:var(--text-color-blue)}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.quiz-container{max-width:350px}.mode-switch-container{gap:0}.quiz-container h2,.quiz-container strong{font-size:1.2rem}.feedback{font-size:1.2rem;margin-top:.5rem}.mode-button{min-width:100px}}._pronounTag_6ypte_3{font-size:1.25rem;font-weight:600;padding:.4rem .75rem;color:var(--text-color-blue);max-width:60px;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;line-height:.8}._verbInputRow_6ypte_15{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}._textInput_6ypte_22{font-size:1.2rem;padding:.6rem 1rem;border:2px solid #ccc;border-radius:10px;width:100%;max-width:300px;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease,box-shadow .3s ease}._textInput_6ypte_22:focus{outline:none;border-color:var(--focus);box-shadow:0 0 8px #4caf504d}._submitButton_6ypte_39{min-width:100px;text-align:center;height:44px}@media (min-width: 1000px){._verbInputRow_6ypte_15{flex-wrap:nowrap}}@media (max-width: 500px){._textInput_6ypte_22{font-size:1rem;padding:.5rem 1rem;margin-bottom:.5rem;width:68%}._pronounTag_6ypte_3{font-size:1rem;margin-bottom:.5rem}}._infoButton_1hc3z_3{width:1em;height:1em;padding:0;font-size:.75em;line-height:1em;font-weight:700;display:inline-flex;align-items:flex-start;justify-content:center;background:none;border:1px solid #ffffff;border-radius:50%;cursor:pointer;vertical-align:top;margin-left:2px}._infoButton_1hc3z_3:hover{background-color:#007bff1a}._infoButtonPopupContainer_1hc3z_30{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background-color:#0006}._infoButtonPopup_1hc3z_30{background-color:#1a1a1a;color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:80%;min-width:250px;text-align:center;animation:_fadeInScale_1hc3z_1 .2s ease-out}._infoButtonPopup_1hc3z_30 p{margin-bottom:1rem;font-size:1.1rem;line-height:1.2;text-align:left}._infoButtonPopupCloseButton_1hc3z_62{background-color:#646cff;color:#fff;border:none;padding:.5rem 1rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}._infoButtonPopupCloseButton_1hc3z_62:hover{background-color:#535bf2}@keyframes _fadeInScale_1hc3z_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._japaneseQuizContainer_1wrdv_2{display:flex;flex-direction:column;justify-content:center;align-items:center}._multipleChoiceContainer_1wrdv_9{display:flex;justify-content:center;align-items:stretch;gap:1.5rem;animation:_slideFadeIn_1wrdv_1 .4s ease-out}._multipleChoiceButton_1wrdv_17{height:auto!important;word-wrap:break-word;white-space:normal;flex:1;min-width:120px;text-align:center;background-color:#1a1a1a;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .3s,border-color .3s,transform .2s}._japaneseQuizContainer_1wrdv_2 h2 strong{font-size:2rem;font-weight:500;-webkit-text-stroke:.2px;letter-spacing:.05em;font-family:Noto Sans JP}._feedbackJp_1wrdv_42{font-size:1.7rem;font-weight:250;-webkit-text-stroke:.2px;letter-spacing:.05em;font-family:Noto Sans JP}@media (max-width: 500px){._multipleChoiceContainer_1wrdv_9{flex-direction:column;gap:0rem}._multipleChoiceButton_1wrdv_17{min-width:200px}._japaneseQuizContainer_1wrdv_2 h2{font-size:1.5rem}._japaneseQuizContainer_1wrdv_2 strong{font-size:2rem}}