:root{color-scheme:light;font-family:Segoe UI,Noto Sans,system-ui,sans-serif;--level-n5-bg: #dcf5ee;--level-n5-text: #0d7a63;--level-n4-bg: #e3f0fb;--level-n4-text: #1a5fa8;--level-n3-bg: #fdf3d8;--level-n3-text: #96730a;--level-n2-bg: #fde6d3;--level-n2-text: #b5560a;--level-n1-bg: #fbe0df;--level-n1-text: #a32c1c}*{box-sizing:border-box}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}body{margin:0 auto;width:320px;background:#fafafa;color:#1a1a1a}#app{position:relative;display:flex;flex-direction:column;min-height:380px}html:has(body.tab-mode){background:#ececec}body.tab-mode{display:flex;justify-content:center;width:auto;margin:0;padding:32px 0}body.tab-mode #app{width:480px;min-height:560px;border-radius:14px;box-shadow:0 12px 36px #0000001f;overflow:hidden;flex-shrink:0}@media (max-width: 520px){body.tab-mode{padding:0}body.tab-mode #app{width:100%;min-height:100vh;border-radius:0;box-shadow:none}}body.web-shell.tab-mode{display:block;padding:0}body.web-shell.tab-mode #app{width:100%;max-width:none;min-height:100vh;border-radius:0;box-shadow:none;overflow:visible}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fff}.toolbar select{font-size:13px;padding:2px 4px}.icon-btn{border:none;background:none;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px}.icon-btn:hover{background:#f0f0f0}.counter{font-size:13px;font-weight:700;color:#333;flex:1;text-align:center}.card{flex:1;padding:16px;text-align:center;position:relative;border-top:3px solid transparent}.level-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#ffe8b3;color:#7a4b00}.level-badge[data-level=N5]{background:var(--level-n5-bg);color:var(--level-n5-text)}.level-badge[data-level=N4]{background:var(--level-n4-bg);color:var(--level-n4-text)}.level-badge[data-level=N3]{background:var(--level-n3-bg);color:var(--level-n3-text)}.level-badge[data-level=N2]{background:var(--level-n2-bg);color:var(--level-n2-text)}.level-badge[data-level=N1]{background:var(--level-n1-bg);color:var(--level-n1-text)}.level-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.level-dot[data-level=N5]{background:var(--level-n5-text)}.level-dot[data-level=N4]{background:var(--level-n4-text)}.level-dot[data-level=N3]{background:var(--level-n3-text)}.level-dot[data-level=N2]{background:var(--level-n2-text)}.level-dot[data-level=N1]{background:var(--level-n1-text)}.character{font-size:64px;line-height:1.1;margin:8px 0 16px}.details{text-align:left;display:grid;grid-template-columns:86px 1fr;row-gap:6px;column-gap:8px;font-size:13px}.details dt{display:flex;align-items:center;color:#888;font-weight:600;white-space:nowrap}.details dd{margin:0;white-space:pre-line}.usage-source-tag{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.usage-jp{font-style:italic;color:#888;font-size:12px;line-height:1.6;padding-left:8px;border-left:2px solid #e0e0e0;margin-bottom:8px}.usage-vi{color:#333;line-height:1.6}.hanviet{font-weight:600;color:#b5340a}.muted{color:#999}.draft-tag{display:inline-block;margin-left:6px;font-size:10px;padding:1px 6px;border-radius:8px;background:#eee;color:#777;cursor:help}.nav{display:flex;gap:6px;padding:10px 12px;border-top:1px solid #e0e0e0;background:#fff}.nav button{flex:1;padding:6px 0;font-size:13px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.nav button:disabled{opacity:.4;cursor:default}.nav button:not(:disabled):hover{background:#f0f0f0}.empty{padding:24px;text-align:center;color:#888}.reminder{display:flex;flex-direction:column;gap:4px;padding:6px 12px;border-top:1px solid #e0e0e0;background:#f5f5f5;font-size:12px}.reminder-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reminder-row-main{justify-content:space-between;flex-wrap:nowrap}.reminder-select{flex:0 0 96px}.reminder-custom input[type=number]{width:64px;font-size:12px;padding:2px 4px}.reminder-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}#reminder .reminder-toggle{flex:0 0 120px;white-space:nowrap}.reminder select{font-size:12px}.reminder button{margin-left:auto;font-size:11px;padding:3px 8px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.reminder button:hover{background:#eee}.menu-header{position:relative;padding:12px 16px 8px;text-align:center;background:#fff;border-bottom:1px solid #e0e0e0}.menu-info-btn{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ccc;font-size:13px;font-style:normal;color:#888}.menu-info-btn:hover{background:#f0f0f0;color:#b5340a;border-color:#b5340a}.author-info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000059}.author-info-modal{position:relative;width:240px;background:#fff;border-radius:10px;padding:16px;box-shadow:0 10px 28px #0003}.author-info-close{position:absolute;top:6px;right:6px}.author-info-title{font-size:14px;font-weight:700;color:#b5340a;margin-bottom:10px}.author-info-list{margin:0;font-size:12px}.author-info-list dt{color:#888;margin-top:8px}.author-info-list dt:first-child{margin-top:0}.author-info-list dd{margin:2px 0 0;font-weight:600}.author-info-list a{color:#b5340a}.menu-title-row{display:flex;align-items:center;justify-content:center;gap:8px}.menu-logo{width:28px;height:28px;border-radius:7px}.menu-title{font-size:20px;font-weight:700;color:#b5340a}.menu-title-jp{font-size:12px;font-weight:400;color:#999;margin-left:6px}.menu-subtitle-quote{font-size:12px;font-style:italic;color:#b5340a;margin-top:4px}.menu-subtitle-note{display:block;font-size:11px;font-style:italic;color:#999;margin-top:1px}.streak-badge{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;background:#fff0e0;color:#b5340a}.menu-list{display:flex;flex-direction:column;padding:8px;gap:6px}.menu-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;text-align:left}.menu-item:not(:disabled):hover{background:#fff6ee;border-color:#f0c090}.menu-item:disabled{opacity:.5;cursor:default}.menu-item-icon{font-size:22px;width:32px;text-align:center;color:#b5340a;flex-shrink:0}.menu-item-body{display:flex;flex-direction:column}.menu-item-title{font-size:14px;font-weight:600}.menu-item-desc{font-size:11px;color:#999}.level-selector{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fff;font-size:12px}.level-check{display:flex;align-items:center;gap:3px;cursor:pointer;white-space:nowrap}.level-check-all{font-weight:600}.level-selector-inline{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px}.collapsible-section{border-bottom:1px solid #e0e0e0;background:#fff}.collapsible-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:none;background:none;font:inherit;font-size:12px;font-weight:600;color:#555;cursor:pointer;text-align:left}.collapsible-chevron{flex:none;font-size:10px;color:#888;width:10px}.collapsible-title{flex:none}.collapsible-summary{color:#888;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-section .level-selector,.collapsible-section .quiz-setup,.collapsible-section .progress-filter-row{border-bottom:none}.mnemonic{margin:12px 0 0;padding:8px 10px;background:#fff8e6;border:1px solid #f0dfa0;border-radius:6px;font-size:12px;text-align:left;line-height:1.4}.mnemonic-label{font-weight:600;color:#9a7100}.random-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;margin-left:auto;white-space:nowrap}.vocab-source-tag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e6f0ff;color:#1a4b8f}.vocab-word{font-size:32px;line-height:1.2;margin:52px 0 4px;word-break:break-word}.vocab-reading{font-size:14px;color:#666;margin-bottom:16px}.example{margin:12px 0 0;padding:8px 10px;background:#f0f7f0;border:1px solid #cfe8cf;border-radius:6px;font-size:12px;text-align:left;line-height:1.4;display:flex;flex-direction:column;gap:4px}.example-jp{color:#1a1a1a}.example-jp-highlight{background:#fff2b0;color:inherit;font-weight:700;padding:0 1px;border-radius:2px}.example-vi{color:#4a7a4a}.usage-glossary-btn{flex:none;border:none;background:none;color:#999;cursor:pointer;font-size:11px;line-height:1;padding:0 0 0 3px}.usage-glossary-btn:hover{color:#b5340a}.usage-glossary-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000059}.usage-glossary-modal{position:relative;width:260px;max-height:80%;overflow-y:auto;background:#fff;border-radius:10px;padding:16px;box-shadow:0 10px 28px #0003;text-align:left}.usage-glossary-close{position:absolute;top:6px;right:6px}.usage-glossary-title{font-size:14px;font-weight:700;color:#b5340a;margin-bottom:10px}.usage-glossary-list{margin:0;font-size:12px}.usage-glossary-list dt{color:#b5340a;font-weight:600;margin-top:8px}.usage-glossary-list dt:first-child{margin-top:0}.usage-glossary-list dd{margin:2px 0 0;color:#333}.progress-filter-row{display:flex;padding:6px 12px;border-bottom:1px solid #e0e0e0;background:#fff}.progress-filter-row select{font-size:12px;padding:3px 4px}.flag-btn{position:absolute;top:40px;right:12px;border:none;background:none;font-size:16px;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.35;filter:grayscale(1)}.flag-btn:hover{opacity:.7}.flag-btn.flagged{opacity:1;filter:none}.compare-with{margin:12px 0 0;padding:8px 10px;background:#fff8e6;border:1px solid #f0dca0;border-radius:6px;font-size:12px;text-align:left}.compare-with-label{font-size:11px;font-weight:600;color:#8a6d1f;margin-bottom:6px}.compare-with-item{margin-top:6px}.compare-with-item:first-child{margin-top:0}.compare-with-pattern{font-weight:700;color:#8a6d1f;border:none;background:none;padding:0;font-size:12px;cursor:pointer;text-decoration:underline;text-decoration-color:#e0c674}.compare-with-pattern.static{cursor:default;text-decoration:none}.compare-with-note{margin-top:2px;color:#333;line-height:1.4}.related-vocab{margin-top:12px;text-align:left}.related-vocab-label{font-size:11px;font-weight:600;color:#888;margin-bottom:6px}.related-vocab-list{display:flex;flex-wrap:wrap;gap:6px}.related-vocab-item{font-size:12px;padding:4px 8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer}.related-vocab-item:hover{background:#fff6ee;border-color:#f0c090}.word-kanji-link{cursor:pointer;border-radius:3px}.word-kanji-link:hover{background:#ffe8b3}.jlpt-filter-row{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fff}.jlpt-filter-row select{font-size:12px;padding:3px 4px}.jlpt-filter-row input[type=text]{flex:1;font-size:12px;padding:4px 6px;border:1px solid #ccc;border-radius:6px}.jlpt-list{flex:1;overflow-y:auto;max-height:420px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.jlpt-entry{padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:13px}.jlpt-entry-word{font-weight:600}.jlpt-entry-meaning{color:#333;margin-top:2px}.jlpt-entry-occurrences{margin-top:4px;font-size:11px;color:#999}body.tab-mode .jlpt-list{max-height:480px}.search-result{cursor:pointer}.search-result:hover{background:#fff6ee;border-color:#f0c090}.search-tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;margin-bottom:4px}.search-tag-kanji{background:#ffe8b3;color:#7a4b00}.search-tag-vocab{background:#e6f0ff;color:#1a4b8f}.search-tag-bunpo{background:#f0e0ff;color:#6a2fa8}.search-tag-level{display:inline-block;font-size:10px;font-weight:600;color:#888;margin-left:4px}.search-kind-filter-row{display:flex;gap:6px;padding:10px 12px}.search-kind-chip{flex:1;padding:6px 0;font-size:12px;font-weight:600;border-radius:8px;border:1px solid transparent;background:#f2f2f2;color:#999;cursor:pointer;opacity:.55}.search-kind-chip.search-kind-chip-active{opacity:1}.search-kind-chip-active.search-tag-kanji{background:#ffe8b3;color:#7a4b00;border-color:#e0b060}.search-kind-chip-active.search-tag-vocab{background:#e6f0ff;color:#1a4b8f;border-color:#9dc0f0}.search-kind-chip-active.search-tag-bunpo{background:#f0e0ff;color:#6a2fa8;border-color:#cba3ea}#backup-toggle.menu-backup-btn{margin:0 8px 6px;width:calc(100% - 16px)}.backup-panel{flex-direction:column;gap:8px;padding:0 10px 10px}.backup-import-label{display:block;text-align:center}.backup-hint{font-size:11px;color:#888;margin:0;line-height:1.4}.backup-message{font-size:12px;padding:6px 8px;border-radius:6px;margin:0}.backup-message-ok{background:#e6f7ea;color:#1c7a3a;border:1px solid #b8e2c2}.reminder-apply-bar{padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px;border-top:1px solid #e0e0e0;background:#f5f5f5}.reminder-apply-btn{width:100%;padding:8px 0;font-size:13px;font-weight:600;border:none;border-radius:8px;background:#b5340a;color:#fff;cursor:pointer}.reminder-apply-btn:hover{background:#973007}.backup-message-error{background:#fdeceb;color:#a32c1c;border:1px solid #f0b8b0}.mastered-badge{position:absolute;top:40px;left:12px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid #ccc;background:#fff;color:#888;cursor:pointer}.mastered-badge:hover{background:#f5f5f5}.mastered-badge.mastered-on{border-color:#2fa84f;background:#d9f2df;color:#1c7a3a}.due-review-badge{position:absolute;top:68px;left:12px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#fff2d9;color:#a3690a}.card-mastered{border-top-color:#2fa84f}.card-flagged{border-top-color:#d9432e}.card-learning{border-top-color:#e0a83a}.quiz-setup{padding:16px;display:flex;flex-direction:column;gap:14px}.quiz-setup-group{display:flex;flex-direction:column;gap:6px}.quiz-setup-label{font-size:12px;font-weight:600;color:#666}.quiz-radio-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quiz-radio{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:13px;line-height:1.3;cursor:pointer}.quiz-radio:hover{background:#f5f5f5}.quiz-radio:has(input:checked){border-color:#b5340a;background:#fdeceb;font-weight:600}.quiz-radio input[type=radio]{flex:none}.reading-book-radio-row{display:flex;flex-direction:column;gap:8px}.reading-book-radio{align-items:flex-start}.reading-book-radio-body{display:flex;flex-direction:column;gap:2px;min-width:0}.reading-book-radio-title{font-weight:600}.reading-book-radio-note{font-size:11px;color:#888;font-weight:400}.quiz-count-row select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:8px;font-size:13px}.quiz-filter-note{font-size:11px;color:#888;margin:0}.quiz-error{font-size:12px;color:#b5340a;background:#fff0e6;border:1px solid #f0c090;border-radius:6px;padding:6px 8px;margin:0}.primary-action-btn{width:100%;padding:10px 0;font-size:14px;font-weight:600;border:none;border-radius:8px;background:#b5340a;color:#fff;cursor:pointer}.primary-action-btn:hover{background:#973007}.quiz-grid{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fff}.quiz-grid-cell{width:24px;height:24px;font-size:11px;border:1px solid #ccc;border-radius:5px;background:#fff;cursor:pointer;padding:0}.quiz-grid-cell:hover{background:#f0f0f0}.quiz-grid-cell-current{border-color:#b5340a;border-width:2px;font-weight:700}.quiz-grid-cell-correct{background:#e6f7ea;border-color:#2fa84f;color:#1c7a3a}.quiz-grid-cell-wrong{background:#fdeceb;border-color:#d9432e;color:#a32c1c}.quiz-grid-cell-mastered{border-color:#c9a12a;background:#fffaea}.quiz-question{flex:1;padding:20px 16px 16px;text-align:center;position:relative}.quiz-question .level-badge{position:static;display:inline-block;margin-bottom:10px}.quiz-prompt-label{font-size:12px;color:#888;margin-bottom:6px}.quiz-prompt{font-size:40px;line-height:1.2;margin-bottom:20px;word-break:break-word}.quiz-prompt-long{font-size:22px}.quiz-choices{display:flex;flex-direction:column;gap:8px}.quiz-choice{padding:10px 12px;font-size:13px;text-align:left;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}.quiz-choice:not(:disabled):hover{background:#f5f5f5}.quiz-choice:disabled{cursor:default}.quiz-choice-char{font-size:24px;text-align:center}.quiz-choice-correct{border-color:#2fa84f;background:#e6f7ea;color:#1c7a3a;font-weight:600}.quiz-choice-wrong{border-color:#d9432e;background:#fdeceb;color:#a32c1c}.quiz-typed-input{width:100%;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.quiz-typed-input:disabled{background:#f7f7f7}.quiz-typed-submit-btn{margin-top:10px;width:100%}.quiz-typed-result{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600}.quiz-typed-result-correct{background:#e6f7ea;color:#1c7a3a}.quiz-typed-result-wrong{background:#fdeceb;color:#a32c1c}.quiz-detail{margin-top:14px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;text-align:left;font-size:12px;display:flex;flex-direction:column;gap:6px}.quiz-detail-row{line-height:1.4}.quiz-detail-link{align-self:flex-start;border:none;background:none;color:#b5340a;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}.quiz-detail-link:hover{text-decoration:underline}.quiz-result{flex:1;padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.quiz-result-score{font-size:36px;font-weight:700;color:#b5340a}.quiz-result-pct{font-size:13px;color:#888;margin-bottom:14px}.secondary-action-btn{width:100%;padding:8px 0;font-size:13px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}.secondary-action-btn:hover{background:#f0f0f0}.quiz-result-review-label{width:100%;margin-top:16px;font-size:12px;color:#888;text-align:left}.quiz-review-list{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px;text-align:left}.quiz-review-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:12px;cursor:pointer;font-family:inherit}.quiz-review-item:hover{background:#f5f5f5}.quiz-review-num{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eee;font-size:11px;font-weight:700}.quiz-review-prompt{flex:1;font-size:15px}.quiz-review-status{flex:none;font-weight:600}.quiz-review-item-correct{border-color:#2fa84f;background:#e6f7ea}.quiz-review-item-correct .quiz-review-num{background:#2fa84f;color:#fff}.quiz-review-item-correct .quiz-review-status{color:#1c7a3a}.quiz-review-item-wrong{border-color:#d9432e;background:#fdeceb}.quiz-review-item-wrong .quiz-review-num{background:#d9432e;color:#fff}.quiz-review-item-wrong .quiz-review-status{color:#a32c1c}.stats-content-toggle{border-bottom:1px solid #e0e0e0;padding:12px}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer}.stat-card:hover{background:#f5f5f5}.stat-card-active{border-width:2px;border-color:#b5340a}.stat-card-count{font-size:18px;font-weight:700}.stat-card-label{font-size:10px;color:#888;text-align:center}.stat-card-mastered .stat-card-count{color:#1c7a3a}.stat-card-flagged .stat-card-count{color:#a32c1c}.stat-card-learning .stat-card-count{color:#b5340a}.stat-groups{display:flex;flex-direction:column;gap:6px;padding:4px 12px 12px}.stat-group-row{display:flex;align-items:center;gap:8px;font-size:11px}.stat-group-label{flex:none;width:70px;display:flex;align-items:center;gap:4px;color:#555}.stat-group-bar-wrap{flex:1;height:6px;border-radius:3px;background:#eee;overflow:hidden}.stat-group-bar{display:block;height:100%;background:#2fa84f}.stat-group-pct{flex:none;width:32px;text-align:right;color:#888}.stat-group-num{flex:none;width:52px;text-align:right;color:#888}.stat-list-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fafafa;font-size:12px;font-weight:600;color:#555}.stat-clear-filter{border:none;background:none;color:#b5340a;font-size:12px;font-weight:600;cursor:pointer;padding:0}.stat-list{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.stat-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:12px;text-align:left;cursor:pointer;font-family:inherit}.stat-list-item:hover{background:#f5f5f5}.stat-list-item-char{flex:none;font-size:20px;min-width:32px;text-align:center}.stat-list-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.stat-list-item-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-list-item-stat{font-size:11px;color:#888}.stat-list-item-flagged{border-color:#d9432e}.stat-list-item-mastered{border-color:#2fa84f}.stat-list-more{text-align:center;font-size:12px;color:#888;padding:8px 0}.reading-card{flex:1;padding:16px}.reading-meta{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px;gap:8px;margin-bottom:8px}.reading-meta .level-badge{position:static;margin-left:auto}.reading-timeline{font-size:11px;color:#888}.reading-book-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;background:#eee;color:#666;white-space:nowrap}.reading-change-filter{border:none;background:none;font-size:11px;color:#888;cursor:pointer;padding:0;white-space:nowrap}.reading-change-filter:hover{color:#b5340a}.reading-title{margin:0 0 12px;font-size:17px;font-weight:700}.reading-toolbar-row{display:flex;gap:8px;margin-bottom:12px}.reading-toggle-btn{flex:1;width:auto}.reading-toggle-on{border-color:#b5340a;background:#fdeceb;color:#b5340a}.reading-body{font-size:16px;line-height:2.1;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.reading-body ruby rt{font-size:10px;color:#888}.reading-translation{margin-top:10px;padding:10px 12px;border:1px solid #e0dcc8;border-radius:8px;background:#fff8e6;font-size:13px;line-height:1.6}.reading-study-note{margin-top:10px;padding:10px 12px;border:1px solid #cfe0d8;border-radius:8px;background:#eef7f1;font-size:13px;line-height:1.6}.reading-questions{display:flex;flex-direction:column;gap:16px;margin-top:16px}.reading-question-prompt{font-size:13px;font-weight:600;margin-bottom:8px}.reading-question-vi{margin-top:8px;padding:8px 10px;border:1px solid #f3e3b8;border-radius:8px;background:#fff8e6;font-size:12px;line-height:1.5;color:#a3720c;font-style:italic}.reading-question-vi:before{content:"Nghĩa câu hỏi: ";font-weight:600;font-style:normal}.reading-passage{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#fafafa;font-size:13px;line-height:1.6;color:#404040;white-space:pre-line}.reading-explanation{margin-top:8px;padding:8px 10px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;font-size:12px;line-height:1.5;color:#555}.reading-another-btn{margin-top:20px}.reading-list-section{margin-top:4px}.reading-list-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fafafa;font-size:12px;color:#555;flex-wrap:wrap}.reading-status-filter-row{display:flex;gap:4px}.reading-status-filter-btn{border:1px solid #e0e0e0;background:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;color:#666;cursor:pointer}.reading-status-filter-btn:hover{background:#f5f5f5}.reading-status-filter-active{border-color:#b5340a;background:#fdeceb;color:#b5340a}.reading-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:10px 12px;max-height:520px;overflow-y:auto}.reading-tile-grid-word{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.reading-tile-word{aspect-ratio:auto;min-height:56px;padding:6px 8px;font-size:14px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.reading-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:18px;font-weight:700;color:#999;cursor:pointer}.reading-tile:hover,.reading-tile:focus-visible{background:#fafafa;outline:none}.reading-tile-todo{border-color:#e0e0e0;color:#999}.reading-tile-progress{border-color:#e0b03d;color:#a3720c;background:#fff9ec}.reading-tile-done{border-color:#6fbf85;color:#2fa84f;background:#f3fbf5}.reading-tile-perfect{border-color:#2fa84f;color:#1f8a3b;background:#eef7f1}.reading-tile-wrong{border-color:#d9432e;color:#b5340a;background:#fdeceb}.reading-tile-known{border-color:#c9a12a;color:#a3820c;background:#fffaea}.reading-detail{position:sticky;top:0;z-index:5;margin:4px 12px 12px;min-height:58px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 6px #0000000f}.reading-empty{margin:0 12px 12px}.reading-detail-empty{font-size:12px;color:#999}.reading-detail-title{font-size:13px;font-weight:700;margin-bottom:4px}.reading-detail-meta{font-size:11px;color:#888;margin-bottom:8px}.reading-detail-footer{display:flex;align-items:center;gap:8px}.reading-reset-btn{flex:none;border:1px solid #e0e0e0;background:#fff;border-radius:8px;padding:3px 8px;font-size:12px;color:#888;cursor:pointer}.reading-reset-btn:hover{border-color:#b5340a;color:#b5340a;background:#fdeceb}.reading-status-badge{flex:none;font-size:10px;font-weight:700;padding:3px 7px;border-radius:10px;white-space:nowrap}.reading-status-todo{background:#eee;color:#888}.reading-status-progress{background:#fff3d6;color:#a3720c}.reading-status-done{background:#e3f2e6;color:#2fa84f}.reading-status-perfect{background:#dff5e4;color:#1f8a3b}.reading-status-known{background:#fdf3d0;color:#a3820c}.reading-progress-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.reading-progress-bar{flex:1;height:6px;border-radius:3px;background:#eee;overflow:hidden}.reading-progress-bar-fill{height:100%;background:#b5340a;border-radius:3px;transition:width .2s ease}.reading-progress-label{flex:none;font-size:11px;color:#888}.reading-score-banner{margin-bottom:12px;padding:8px 12px;border-radius:8px;border:1px solid #e0dcc8;background:#fff8e6;font-size:13px;font-weight:600;color:#a3720c}.reading-score-perfect{border-color:#cfe0d8;background:#eef7f1;color:#1f8a3b}