:root{font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;color:#26372f;background:#f8f9f4;font-synthesis:none;--surface: #fffefa;--soft: #edf2eb;--border: #dce4da;--muted: #68796f;--primary: #43836f;--button-bg: #43836f;--on-primary: #fff;--highlight: #e3eee4;--warning: #a56d28;--warning-bg: #fbf1df;--danger: #b75b37}:root.dark{color:#e5eae7;background:#1d2922;color-scheme:dark;--surface: #222e27;--soft: #293c31;--border: #3d4d43;--muted: #acb8b0;--primary: #9dcbb8;--highlight: #365d49;--warning: #e2b66b;--warning-bg: #493c28;--danger: #eda381}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.7}[hidden]{display:none!important}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.4;font-weight:700}h2{font-size:24px;font-weight:700;line-height:1.5}h3{font-size:20px;font-weight:700;line-height:1.5}:is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.reading-toolbar{max-width:1340px;margin:auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.brand{color:inherit;font-size:21px;font-weight:700}.reading-toolbar nav{display:flex;align-items:center;gap:22px;font-size:14px}.shell{max-width:1340px;margin:0 auto;padding:20px 28px 48px}.prototype-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.page-heading{margin:28px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading p{color:var(--muted);margin-top:7px;font-size:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:11px 22px;min-height:46px;border:1px solid transparent;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none}.primary{color:var(--on-primary);background:var(--button-bg)}.primary:hover:not(:disabled){filter:brightness(.93);text-decoration:none}.secondary{background:var(--soft);border-color:var(--border);color:var(--primary)}.secondary:hover:not(:disabled){border-color:var(--primary)}.text-button{padding:4px 0;border:0;background:none;color:var(--primary);font-size:14px}.muted,.small-label{color:var(--muted);font-size:14px}.small-label{display:inline-block;font-size:13px}.input-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.article-form{padding:28px}.article-form h2{margin-bottom:22px}label:not(.word-check){display:block;margin:16px 0 7px;font-size:15px}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:11px 13px;width:100%;font-size:16px}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--muted);opacity:.9}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}textarea{resize:vertical;min-height:255px;line-height:1.8}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.sample-panel{padding:26px;margin-top:0}.sample-panel h2{font-size:27px;margin:14px 0 18px;line-height:1.4}.sample-panel>p[lang]{font-size:18px;color:var(--muted);line-height:1.8;margin-bottom:22px}.sample-panel .secondary{width:100%;font-size:15px}.reading-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.reading-heading h2{font-size:25px}.reading-heading p{margin-top:5px}.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:18px}.panel-heading .muted{font-size:13px}.article-panel{padding:26px 30px 32px}#article-body{font-size:21px;line-height:2.15;overflow-wrap:anywhere;white-space:pre-wrap}#article-body p+p{margin-top:24px}.article-word{display:inline;border:0;padding:1px 0;font:inherit;line-height:inherit;background:none;border-radius:3px}.article-word:hover{background:var(--soft)}.article-word.active{background:var(--highlight);box-shadow:inset 0 -2px var(--primary)}.article-word.collected{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:5px}.article-word:focus-visible{outline-offset:1px}.vocabulary-panel{padding:23px}.word-detail{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:19px 0;min-height:120px}.detail-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-heading h4{margin:0;font-size:28px;line-height:1.3;overflow-wrap:anywhere}.phonetic{color:var(--muted);font-size:15px;margin-top:4px}.meaning{margin-top:12px;font-size:16px}.sentence-label{margin-top:14px;font-size:13px;color:var(--muted)}.source-sentence{margin-top:4px;font-size:15px;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}.word-forms{font-size:13px;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}.word-correction{margin-top:15px;font-size:13px;color:var(--muted)}.word-correction summary{cursor:pointer}.word-correction label{font-size:13px}.word-correction input{font-size:14px;margin-top:6px}.word-correction .secondary{margin-top:10px;font-size:14px;padding:6px 12px;min-height:35px}.lookup-status,.record-status{font-size:13px;color:var(--muted)}.lookup-status:not(:has([hidden])){margin-bottom:12px}.record-status p:not([hidden]){margin-bottom:12px}.alternative-word{font-size:14px;margin-top:10px;min-height:36px;padding:6px 12px;text-align:left}.word-detail>.secondary{margin-top:14px;font-size:14px;min-height:36px;padding:6px 12px}.word-save{width:100%;margin-top:20px}.word-save-message{margin-top:10px}.saved-book-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.vocabulary-list summary{cursor:pointer}.vocabulary-list{padding-top:17px}.vocabulary-list>summary{font-size:15px;color:var(--primary)}.reading-bottom>button{flex:none}.word-check{display:flex;align-items:center;gap:9px;font-size:14px;margin:15px 0 0;cursor:pointer}input[type=checkbox]{width:18px;height:18px;flex:none;padding:0;margin:0;accent-color:var(--primary);cursor:pointer}.word-filters{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0 12px}.word-filters button{padding:6px 12px;border:1px solid transparent;color:var(--muted);background:none;font-size:14px;border-radius:5px;white-space:nowrap}.word-filters button[aria-disabled=true]{opacity:.5}.word-filters button[aria-pressed=true]{color:var(--primary);background:var(--soft);border-color:var(--border);font-weight:600}.filter-description{margin:-2px 0 12px}#word-search{font-size:14px;padding:9px 11px}.word-list{max-height:275px;overflow-y:auto;margin-top:8px;scrollbar-width:thin}.word-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:10px 1px}.word-row:last-child{border-bottom:0}.word-row button{background:none;border:0;padding:0;text-align:left;flex:1;min-width:0}.word-row button strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.word-row button span{font-size:13px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-count{font-size:13px;color:var(--muted);white-space:nowrap}.word-status{font-size:13px;padding:2px 6px;border-radius:4px;color:var(--muted);background:var(--soft);white-space:nowrap}.word-status[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.word-status.weak{color:var(--warning);background:var(--warning-bg)}.word-status.unknown{color:var(--danger)}.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:19px;margin-top:10px;border-top:1px solid var(--border);font-size:14px}.selection-footer .primary{min-height:40px;padding:8px 18px;font-size:15px}.save-description{margin-top:10px;line-height:1.6}.reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.result-panel{padding:36px;max-width:840px;margin:30px auto}.result-panel h2{font-size:29px;margin:10px 0 15px}.result-panel .muted{margin:22px 0}.result-words{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.result-words span{padding:5px 12px;border:1px solid var(--border);background:var(--soft);border-radius:5px;font-size:17px}.result-actions{display:flex;flex-wrap:wrap;gap:14px}dialog{color:inherit;background:var(--surface);padding:26px;width:min(490px,calc(100% - 32px));max-height:85vh;border:1px solid var(--border);border-radius:12px}dialog::backdrop{background:#0b191080}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.dialog-heading h2{font-size:24px}.icon-button{background:none;border:0;color:var(--muted);width:35px;height:35px;font-size:28px;line-height:1}.dialog-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:25px}.dialog-footer .muted{font-size:13px}.message{color:var(--danger);font-size:14px;margin-top:13px}.history-item{display:flex;flex-direction:column;text-align:left;width:100%;border:1px solid var(--border);background:var(--soft);border-radius:6px;padding:14px;margin-top:14px}.history-item strong{font-size:17px}.history-item span{font-size:13px;color:var(--muted)}.study-panel{max-width:900px;padding:30px;margin:auto;text-align:center}.study-card{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;border:0;background:none;padding:32px}.study-card>strong{font-size:48px;line-height:1.35;overflow-wrap:anywhere;max-width:100%}.study-card>span{font-size:22px;color:var(--muted)}#study-answer{font-size:21px}#study-sentence{font-size:19px;color:var(--muted);margin-top:18px}.study-panel>.primary{width:100%}.study-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:23px;font-size:15px;color:var(--muted)}.study-shortcuts>span:first-child{color:var(--primary);font-weight:600}kbd{display:inline-block;min-width:36px;padding:2px 10px;border:1px solid var(--border);border-bottom-width:3px;background:var(--surface);border-radius:4px;font:inherit;margin-right:5px}.back-reading{display:block;margin:25px auto 0}.home-preview{padding-top:20px}.home-preview .prototype-note{margin-bottom:30px}.home-review{padding:28px}.home-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px}.home-stats{display:flex;align-items:center;gap:30px;margin-top:28px;font-size:16px}.home-stats strong{font-size:24px}.home-stats .primary{margin-left:auto}.home-reading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 28px;margin-top:22px}.home-reading p{margin-top:6px;font-size:15px}.home-reading a{white-space:nowrap}.home-books{margin-top:30px}.home-books .panel-heading{justify-content:start}.home-books .text-button{margin-left:auto}.home-book{display:flex;align-items:center;gap:22px;max-width:540px;padding:20px}.book-cover{display:grid;place-items:center;width:95px;height:95px;flex:none;background:var(--soft);color:var(--primary);border-radius:6px;font-size:42px}.home-book p{margin:8px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 1000px){.reading-grid{grid-template-columns:minmax(0,1fr) 345px;gap:18px}.article-panel{padding:23px}.vocabulary-panel{padding:20px}.input-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}}@media (max-width: 760px){.reading-toolbar{padding:18px}.reading-toolbar nav{gap:14px}.reading-toolbar .text-button{font-size:13px}.brand{font-size:19px}.shell{padding:18px 16px 35px}h1{font-size:31px}.page-heading{margin:22px 0;align-items:start}.page-heading p{font-size:14px}.page-heading>.secondary{font-size:14px;padding:8px 12px;white-space:nowrap}.input-grid,.reading-grid{grid-template-columns:1fr}.article-form{padding:22px}.form-footer{align-items:start;flex-direction:column}.form-footer .primary{width:100%}.sample-panel{padding:22px}.sample-panel h2 br{display:none}.reading-heading{align-items:start}.reading-heading h2{font-size:23px}.reading-heading .text-button{white-space:nowrap}#article-body{font-size:20px;line-height:2}.article-panel{padding:22px}.reading-bottom{flex-direction:column;align-items:stretch}.result-panel{padding:25px}.study-panel{padding:22px}.study-card{padding:22px 0;min-height:300px}.study-card>strong{font-size:38px}.study-shortcuts{gap:12px;font-size:14px}.home-review,.home-reading{padding:23px}.home-stats{flex-wrap:wrap;gap:18px}.home-stats .primary{margin-left:0}.home-reading{flex-wrap:wrap;gap:18px}.home-reading .primary{width:100%}}.reading-access{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;color:var(--muted);font-size:14px}.reading-access p{margin:0}#reading-account{font-size:13px}.sentence-translation{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.75}.translation-retry{margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:3px}.reading-toolbar nav{flex-wrap:wrap}