@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#4a2c0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8f0;font-family:Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.chinese{font-family:Ma Shan Zheng,KaiTi,STKaiti,cursive}.dashboard h2{margin-bottom:1.25rem}.dash-loading,.dash-error{color:#6b4c1e;font-size:.95rem}.dash-error{color:#922b21}.dash-cards{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:.75rem;display:grid}.dash-card{text-align:center;background:#fff;border:1px solid #e8c9a0;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1rem;display:flex}.dash-card-number{color:#e07b20;font-size:2rem;font-weight:700}.dash-card-label{color:#8c6030;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.dash-meta{color:#8c6030;margin-bottom:1.75rem;font-size:.82rem}.dash-section{margin-bottom:2rem}.dash-section h3{color:#4a2c0a;border-bottom:1px solid #e8c9a0;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1rem}.dash-table{border-collapse:collapse;width:100%;font-size:.88rem}.dash-table th{color:#4a2c0a;text-align:left;background:#f5e6d0;border-bottom:2px solid #d4905a;padding:.45rem .75rem;font-weight:700}.dash-table td{color:#4a2c0a;border-bottom:1px solid #f0dfc0;padding:.45rem .75rem}.dash-table tr:hover td{background:#fff8f0}.dash-accuracy-bar{align-items:center;gap:.5rem;display:flex}.dash-accuracy-bar>div{background:#f0dfc0;border-radius:4px;width:80px;height:8px;position:relative}.dash-accuracy-fill{background:#4a7c3f;border-radius:4px;height:100%}.dash-accuracy-bar>span{color:#4a2c0a;white-space:nowrap;font-size:.82rem}.dash-missed-list{flex-direction:column;gap:.5rem;display:flex}.dash-missed-item{background:#fff;border:1px solid #e8c9a0;border-radius:8px;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.dash-missed-char{color:#4a2c0a;min-width:2.5rem;font-family:Noto Serif TC,serif;font-size:1.5rem}.dash-missed-pinyin{color:#6b4c1e;min-width:5rem;font-size:.85rem}.dash-missed-def{color:#4a2c0a;flex:1;font-size:.85rem}.dash-missed-count{color:#c0392b;white-space:nowrap;font-size:.82rem;font-weight:700}.dash-empty{text-align:center;color:#8c6030;background:#fff8f0;border:1px dashed #d4905a;border-radius:8px;margin-top:1rem;padding:2rem;font-size:.95rem}@media (width<=600px){.dash-cards{grid-template-columns:repeat(2,1fr)}.dash-missed-pinyin{display:none}.dash-table{font-size:.8rem}.dash-table th,.dash-table td{padding:.35rem .5rem}}.password-overlay{z-index:100;background:#4a2c0a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.password-modal{text-align:center;background:#fff8f0;border-radius:12px;width:100%;max-width:380px;padding:2rem;box-shadow:0 8px 32px #4a2c0a33}.password-icon{margin-bottom:.5rem;font-size:2.5rem}.password-modal h2{color:#e07b20;margin-bottom:.75rem;font-size:1.3rem}.password-modal p{color:#6b4c1e;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.password-modal form{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.password-modal input[type=password]{color:#4a2c0a;text-align:center;letter-spacing:.15em;background:#fff;border:1px solid #d4905a;border-radius:6px;padding:.65rem 1rem;font-size:1rem}.password-modal input[type=password]:focus{outline-offset:1px;outline:2px solid #e07b20}.btn-skip{color:#8c6030;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem;text-decoration:underline}.btn-skip:hover{color:#4a2c0a}.session-setup{background:#fff8f0;border:1px solid #e8c9a0;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.session-setup h3{color:#4a2c0a;margin:0 0 .3rem;font-size:1.1rem}.session-subtitle{color:#8c6030;margin-bottom:1.25rem;font-size:.88rem}.session-loading,.session-error{color:#6b4c1e;font-size:.95rem}.session-error{color:#922b21}.level-group{margin-bottom:1.25rem}.level-header{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.level-label{color:#4a2c0a;font-size:.95rem;font-weight:700}.btn-select-all{color:#e07b20;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.btn-select-all:hover{color:#c45e10}.lesson-grid{flex-wrap:wrap;gap:.5rem;display:flex}.lesson-checkbox{color:#4a2c0a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d4905a;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;transition:background .15s,border-color .15s;display:flex}.lesson-checkbox input[type=checkbox]{accent-color:#e07b20}.lesson-checkbox.checked{color:#fff;background:#e07b20;border-color:#e07b20}.lesson-checkbox.checked input[type=checkbox]{accent-color:#fff}.session-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.session-count{color:#8c6030;font-size:.88rem}.session-setup .btn-primary{color:#fff;cursor:pointer;background:#e07b20;border:none;border-radius:6px;padding:.6rem 1.4rem;font-size:.95rem;transition:background .2s}.session-setup .btn-primary:hover:not(:disabled){background:#c45e10}.session-setup .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.session-footer{flex-direction:column;align-items:flex-start}}.quiz-engine{max-width:620px}.quiz-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.quiz-meta{color:#8c6030;font-size:.82rem}.quiz-session-badge{color:#4a7c3f;font-weight:700}.quiz-progress-wrap{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.quiz-progress-bar{background:#f0dfc0;border-radius:4px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background:#4a7c3f;border-radius:4px;height:100%;transition:width .3s}.quiz-progress-label{color:#8c6030;white-space:nowrap;font-size:.8rem}.quiz-card{background:#fff;border:1px solid #e8c9a0;border-radius:12px;flex-direction:column;gap:1.25rem;min-height:260px;margin-bottom:1rem;padding:2rem 2rem 1.5rem;display:flex}.quiz-direction-label{color:#8c6030;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.quiz-question{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.quiz-character{color:#4a2c0a;font-family:Noto Serif TC,serif;font-size:4rem;line-height:1.2}.quiz-english{color:#4a2c0a;font-size:1.35rem;line-height:1.5}.quiz-pos{color:#8c6030;font-size:.9em;font-style:italic}.quiz-pinyin-row{text-align:center;justify-content:center;align-items:center;min-height:2rem;display:flex}.quiz-pinyin{color:#6b4c1e;letter-spacing:.02em;font-size:1.1rem}.btn-show-pinyin{color:#8c6030;cursor:pointer;background:0 0;border:1px dashed #d4905a;border-radius:20px;padding:.25rem .75rem;font-size:.82rem}.btn-show-pinyin:hover{background:#fff8f0}.quiz-input-form{flex-direction:column;gap:.6rem;display:flex}.quiz-input{color:#4a2c0a;box-sizing:border-box;background:#fff;border:2px solid #d4905a;border-radius:8px;width:100%;padding:.65rem .85rem;font-family:Noto Serif TC,serif;font-size:1.1rem;transition:border-color .15s}.quiz-input:focus{border-color:#e07b20;outline:none}.quiz-input-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn-skip-input{color:#8c6030;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.btn-skip-input:hover{color:#4a2c0a}.quiz-hint-row{justify-content:flex-start;display:flex}.quiz-answer{text-align:center;flex-direction:column;gap:.4rem;animation:.2s fadeIn;display:flex}.quiz-user-answer{background:#f5f5f5;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;display:flex}.quiz-user-answer.correct{background:#f0faf0}.quiz-user-answer.incorrect{background:#fff0f0}.quiz-user-label{color:#8c6030;font-size:.82rem}.quiz-user-text{color:#4a2c0a;font-family:Noto Serif TC,serif;font-size:1.05rem}.quiz-auto-badge{margin-left:auto;font-size:.82rem;font-weight:700}.quiz-auto-badge.correct{color:#4a7c3f}.quiz-auto-badge.incorrect{color:#c0392b}.quiz-correct-answer{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.quiz-correct-label{color:#8c6030;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.quiz-result-actions{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.btn-next{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.65rem 2.5rem;font-size:1rem;transition:background .2s}.btn-next.correct{background:#4a7c3f}.btn-next.correct:hover{background:#3a6030}.btn-next.incorrect{background:#c0392b}.btn-next.incorrect:hover{background:#922b21}.btn-override{color:#8c6030;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.btn-override:hover{color:#4a2c0a}.quiz-answer-character{color:#4a2c0a;font-family:Noto Serif TC,serif;font-size:3rem}.quiz-answer-pinyin{color:#6b4c1e;font-size:1.05rem}.quiz-answer-definition{color:#4a2c0a;font-size:1rem}.quiz-hint-notice{color:#8c6030;background:#fff3cd;border:1px solid #e0a800;border-radius:4px;margin:0 auto;padding:.3rem .6rem;font-size:.8rem;display:inline-block}.btn-audio{color:#6b4c1e;cursor:pointer;background:#fff8f0;border:1px solid #d4905a;border-radius:20px;align-self:center;padding:.4rem 1rem;font-size:.88rem;transition:background .2s}.btn-audio:hover{background:#f5e6d0}.quiz-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-hint{color:#8c6030;cursor:pointer;background:0 0;border:1px solid #d4905a;border-radius:6px;padding:.5rem 1rem;font-size:.88rem}.btn-hint:hover:not(:disabled){background:#fff8f0}.btn-hint:disabled{opacity:.5;cursor:default}.btn-reveal{color:#fff;cursor:pointer;background:#e07b20;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:.95rem;transition:background .2s}.btn-reveal:hover{background:#c45e10}.btn-correct{color:#fff;cursor:pointer;background:#4a7c3f;border:none;border-radius:6px;padding:.65rem 1.75rem;font-size:1rem;transition:background .2s}.btn-correct:hover{background:#3a6030}.btn-incorrect{color:#c0392b;cursor:pointer;background:0 0;border:2px solid #c0392b;border-radius:6px;padding:.65rem 1.75rem;font-size:1rem;transition:background .2s}.btn-incorrect:hover{background:#fff0f0}.quiz-footer-stats{justify-content:space-between;padding:0 .25rem;font-size:.85rem;display:flex}.quiz-stat.correct{color:#4a7c3f}.quiz-stat.incorrect{color:#c0392b}.quiz-stat.remaining{color:#8c6030}.quiz-done{text-align:center;padding:2rem 1rem}.quiz-done-icon{margin-bottom:.5rem;font-size:3rem}.quiz-done h3{color:#4a2c0a;margin-bottom:1.5rem;font-size:1.5rem}.quiz-done-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.done-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.done-stat-number{color:#e07b20;font-size:2rem;font-weight:700}.done-stat-label{color:#8c6030;font-size:.82rem}.quiz-done .btn-primary{color:#fff;cursor:pointer;background:#e07b20;border:none;border-radius:6px;padding:.7rem 1.75rem;font-size:1rem;transition:background .2s}.quiz-done .btn-primary:hover{background:#c45e10}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.quiz-card{padding:1.5rem 1.25rem 1.25rem}.quiz-character{font-size:3rem}.quiz-english{font-size:1.1rem}.quiz-done-stats{gap:1.25rem}}.quiz-page{max-width:860px}.quiz-page h2{margin-bottom:.5rem}.guest-banner{color:#856404;background:#fff3cd;border:1px solid #e0a800;border-radius:6px;margin-bottom:1.5rem;padding:.6rem 1rem;font-size:.9rem}.quiz-active{background:#fff8f0;border:1px solid #e8c9a0;border-radius:10px;padding:1.25rem 1.5rem}.quiz-active-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.quiz-active-meta{color:#6b4c1e;font-size:.88rem}.session-id-badge{color:#4a7c3f;font-weight:700}.btn-end-session{color:#8c6030;cursor:pointer;background:0 0;border:1px solid #d4905a;border-radius:6px;padding:.35rem .85rem;font-size:.82rem}.btn-end-session:hover{background:#fff3e0}.quiz-placeholder{color:#8c6030;font-size:.95rem;font-style:italic}.upload-page{max-width:860px}.upload-page h2{margin-bottom:.4rem}.upload-subtitle{color:#6b4c1e;margin-bottom:1.5rem;font-size:.95rem}.upload-controls{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.upload-field{flex-direction:column;gap:.4rem;display:flex}.upload-field label{color:#4a2c0a;font-size:.85rem;font-weight:700}.upload-field select,.upload-field input[type=file]{color:#4a2c0a;background:#fff;border:1px solid #d4905a;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.auth-banner{color:#2d5a27;background:#f0faf0;border:1px solid #4a7c3f;border-radius:6px;margin-bottom:1.5rem;padding:.6rem 1rem;font-size:.9rem}.upload-auth-gate{background:#fff8f0;border:1px solid #d4905a;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.upload-auth-label{color:#6b4c1e;margin-bottom:.75rem;font-size:.9rem}.upload-auth-form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.upload-auth-form input[type=password]{color:#4a2c0a;background:#fff;border:1px solid #d4905a;border-radius:6px;flex:1;min-width:180px;padding:.5rem .75rem;font-size:.9rem}.upload-auth-error{color:#922b21;margin-top:.6rem;margin-bottom:0;font-size:.85rem}.upload-locked-note{color:#8c6030;margin-top:.5rem;margin-bottom:0;font-size:.82rem}.preview{background:#fff;border:1px solid #e8c9a0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.preview-header{color:#6b4c1e;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;display:flex}.vocab-table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:.85rem}.vocab-table th{color:#4a2c0a;text-align:left;background:#f5e6d0;border-bottom:2px solid #d4905a;padding:.5rem .75rem}.vocab-table td{color:#4a2c0a;border-bottom:1px solid #f0dfc0;padding:.45rem .75rem}.vocab-table tr:hover td{background:#fff8f0}.vocab-table .chinese{font-family:Noto Serif TC,serif;font-size:1.1rem}.preview-more{color:#8c6030;margin-bottom:1rem;font-size:.85rem}.btn-primary{color:#fff;cursor:pointer;background:#e07b20;border:none;border-radius:6px;padding:.6rem 1.4rem;font-size:.95rem;transition:background .2s}.btn-primary:hover:not(:disabled){background:#c45e10}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#e07b20;cursor:pointer;background:0 0;border:1px solid #e07b20;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:background .2s}.btn-secondary:hover{background:#fff3e0}.upload-result{border-radius:8px;margin-bottom:1rem;padding:1.25rem}.upload-result h3{margin-bottom:.5rem;font-size:1.1rem}.upload-result p{margin-bottom:.4rem;font-size:.95rem}.upload-result.success{color:#2d5a27;background:#f0faf0;border:1px solid #4a7c3f}.upload-result.error{color:#922b21;background:#fff0f0;border:1px solid #c0392b}.upload-result button{margin-top:.75rem}@media (width<=600px){.vocab-table{font-size:.75rem}.vocab-table th,.vocab-table td{padding:.35rem .4rem}}.app{flex-direction:column;min-height:100vh;display:flex}.header{background-color:#e07b20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.logo{align-items:center;gap:.5rem;display:flex}.logo-icon{font-size:1.5rem}.logo-text{color:#fff;letter-spacing:1px;font-size:1.4rem;font-weight:700}.nav{gap:.5rem;display:flex}.nav-link{color:#fff3e0;border-radius:999px;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#fff3}.nav-link.active{color:#fff;background-color:#ffffff4d;font-weight:700}.main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.5rem}.page h2{color:#c45e10;margin-bottom:.75rem;font-size:1.5rem}.page p{color:#6b4c1e}.footer{color:#f5c992;text-align:center;background-color:#4a2c0a;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:.85rem;display:flex}.chinese-sample{color:#f5a623;font-family:Noto Serif TC,serif;font-size:1.4rem}@media (width<=600px){.header{flex-direction:column;align-items:flex-start}.nav{justify-content:space-between;width:100%}.main{padding:1.25rem 1rem}}