html[data-reading-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f8fc}html[data-reading-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111b28}body:has(.reading-room){background:inherit}.reading-room{--ink:#19293a;--muted:#596a7e;--paper:#f5f8fc;--card:#fff;--line:#dae2ed;--green:#2258b0;--green-dark:#174587;--amber:#275cb0;--reading-rail:#e9eff7;--reading-chrome:#fff;--reading-wash:#edf3fd;--reading-mark:#dce8ff;--reading-frame:#d6e0ed;--reading-frame-hover:#7c9dd1;--reading-selected:#182f4d;--reading-selected-ink:#fff;--reading-input:#f5f8fc;--reading-input-ink:#19293a;--reading-input-muted:#596a7e;--reading-error:#a63332;--reading-success:#286340;--reading-control-radius:8px;--reading-frame-radius:12px;--reading-motion-feedback:.15s;--reading-motion-state:.22s;--reading-motion-ease:cubic-bezier(.16, 1, .3, 1);width:100%;min-height:100vh;color:var(--ink);background:var(--paper);caret-color:var(--green);scrollbar-color:var(--muted) var(--paper);grid-template-columns:240px minmax(0,1fr);align-items:start;margin:0;padding:0;font-size:15px;line-height:1.65;display:grid}.reading-room[data-theme=dark]{--ink:#e4ecf7;--muted:#a4b3c7;--paper:#111b28;--card:#192536;--line:#34455c;--green:#9ec4ff;--green-dark:#bad3fa;--amber:#9ec4ff;--reading-rail:#142030;--reading-chrome:#162231;--reading-wash:#253752;--reading-mark:#324e76;--reading-frame:#34455c;--reading-frame-hover:#7298cd;--reading-selected:#c2d8fa;--reading-selected-ink:#162231;--reading-input:#101c2c;--reading-input-ink:#e4ecf7;--reading-input-muted:#a4b3c7;--reading-error:#ffb3ac;--reading-success:#9bd2ac;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reading-room ::selection{color:var(--ink);background:var(--reading-mark)}.reading-room :focus-visible{outline:2px solid var(--amber);outline-offset:3px}.reading-room button,.reading-room select,.reading-room input{color:inherit;font:inherit}.reading-room button{border-radius:var(--reading-control-radius);border:1px solid var(--line);background:var(--card);cursor:pointer;min-height:44px;transition:background-color var(--reading-motion-feedback) ease-out, border-color var(--reading-motion-feedback) ease-out, color var(--reading-motion-feedback) ease-out;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.reading-room .speak-button.compact{width:44px;min-height:44px;padding:0}.reading-room button svg{flex-shrink:0}.reading-room button:hover:not(:disabled){background:var(--reading-wash);border-color:var(--reading-frame-hover)}.reading-room button[aria-pressed=true]{color:var(--green-dark);background:var(--reading-wash);border-color:var(--reading-frame-hover)}.reading-room button:disabled,.reading-room select:disabled{cursor:not-allowed}.reading-room p{overflow-wrap:anywhere;max-width:70ch}.reading-room a{color:var(--green-dark)}.reading-room [hidden]{display:none!important}.reading-sidebar{overscroll-behavior-y:contain;height:100dvh;color:var(--ink);background:var(--reading-rail);border-right:1px solid var(--line);padding:28px 16px;position:sticky;top:0;overflow-y:auto}.reading-brand-row{margin:0 8px 32px}.reading-sidebar .brand{white-space:normal;color:var(--ink);gap:10px;text-decoration:none}.reading-sidebar .brand-mark{flex-shrink:0;width:36px;height:36px}.reading-sidebar .brand b{max-width:142px;font-size:15px;font-weight:700;line-height:1.45;display:block}.reading-sidebar .brand small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.reading-room .reading-library-toggle{display:none}.reading-navigation nav{gap:6px;display:grid}.reading-room .reading-navigation button{width:100%;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:flex-start;padding:11px 14px;font-size:14px;font-weight:600}.reading-room .reading-navigation button[aria-pressed=true]{background:var(--reading-selected);color:var(--reading-selected-ink)}.reading-room .reading-navigation button:hover:not(:disabled):not([aria-pressed=true]){color:var(--ink);background:var(--card)}.reading-nav-count{font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.reading-left{border-top:1px solid var(--line);min-width:0;margin:28px 8px 0;padding-top:24px}.reading-room .reading-topic{width:100%;color:var(--muted);opacity:1;background:0 0;margin-bottom:18px;font-size:13px}.reading-room .reading-context>h2{margin:0 0 8px;font-size:14px;font-weight:650}.reading-empty,.reading-context-note,.reading-antecedent p{color:var(--muted);font-size:13px}.reading-room .reading-empty{margin:0 0 14px}.reading-antecedent{margin-block:20px}.reading-room .reading-antecedent h3{font-size:14px}.reading-room .reading-antecedent button{text-align:left;font-size:17px}.reading-context-note{margin-block:12px 18px}.reading-room .reading-context-note>summary{min-height:44px;color:var(--ink)}.reading-dialogue{min-width:0}.reading-preview-sentence{flex-direction:column;min-width:0;display:flex}.reading-room .reading-preview-pinyin{color:var(--muted);margin-block:8px;font-size:16px}.reading-result[data-pinyin=above] .reading-preview-pinyin{order:-1}.reading-dialogue label{color:var(--muted);font-size:13px;display:block}.reading-room .reading-dialogue select{background:var(--card);min-height:44px;color:var(--ink);font-size:16px}.reading-dialogue h2{margin-block:12px;font-size:18px;line-height:1.5}.reading-dialogue-cast{margin-block:16px;font-size:14px}.reading-dialogue-cast small{color:var(--muted);display:block}.reading-dialogue-turn{border-top:1px solid var(--line);padding-block:12px}.reading-dialogue-turn>p{margin:0 0 4px;font-size:14px;font-weight:650}.reading-room .reading-dialogue-turn button{text-align:start;background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:4px;width:100%;margin-block:4px;padding:10px 8px;display:flex}.reading-room .reading-dialogue-turn button[aria-pressed=true]{border-color:var(--reading-frame-hover);background:var(--card)}.reading-dialogue-chinese{overflow-wrap:anywhere;font-size:20px;line-height:1.65}.reading-dialogue-pinyin,.reading-dialogue-translation{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.reading-dialogue-turns[data-pinyin=above] .reading-dialogue-pinyin{order:-1}.reading-lookup-choices{margin:24px}.reading-lookup-choices h2{font-size:18px}.reading-room .reading-lookup-choices button{text-align:start;background:var(--card);flex-direction:column;align-items:start;margin-block:8px;padding:12px;display:flex}.reading-grammar-annotation mark{color:var(--ink);background:var(--reading-mark);margin-inline-end:8px}.reading-room .knowledge-sentence-picker{border-top:1px solid var(--line);padding-top:16px;font-size:13px}.reading-room .knowledge-sentence-picker>summary{min-height:44px;font-weight:600}.reading-room .knowledge-sentence-picker>summary>span{color:var(--muted);font-weight:400}.reading-room .knowledge-search{color:var(--muted);gap:8px;margin-top:12px}.reading-room .knowledge-search input{background:var(--card);border-color:var(--reading-frame);border-radius:var(--reading-control-radius);font-size:16px}.reading-room .knowledge-picker-grid{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:16px}.reading-room .knowledge-picker-grid button{text-align:left;background:0 0;border:1px solid #0000;justify-content:stretch;gap:3px;padding:12px 10px;display:grid}.reading-room .knowledge-picker-grid button[aria-pressed=true]{background:var(--card);border-color:var(--reading-frame-hover);color:var(--ink)}.reading-room .knowledge-picker-grid button b{font-size:17px;font-weight:500}.reading-room .knowledge-picker-grid button span{color:var(--muted);font-size:12px}.reading-room .knowledge-picker-grid button small{color:var(--muted);font-size:13px}.reading-room .knowledge-pagination{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:6px}.reading-room .knowledge-pagination button{border-color:var(--line);background:0 0;width:44px;padding:0}.reading-collection-empty{color:var(--muted);padding:8px 0}.reading-room .reading-collection-empty button{background:var(--card);font-size:13px}.reading-stage{min-width:0}.reading-room .reading-header{z-index:30;overscroll-behavior-y:contain;background:var(--reading-chrome);border-bottom:1px solid var(--line);max-height:50dvh;padding:0;display:block;position:sticky;top:0;overflow-y:auto}.reading-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;min-height:80px;padding:16px max(32px,50% - 540px);display:flex}.reading-top .knowledge-free-input{background:var(--reading-input);border:1px solid var(--reading-frame);border-radius:10px;flex:300px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;width:auto;padding:4px 4px 4px 12px;display:grid}.reading-top .knowledge-free-input>svg{color:var(--muted)}.reading-top .knowledge-free-input:focus-within{border-color:var(--amber)}.reading-top .knowledge-free-input input{min-height:44px;color:var(--reading-input-ink);background:0 0;border:0;padding:8px 0;font-size:16px}.reading-top input::placeholder{color:var(--reading-input-muted);opacity:1}.reading-top .knowledge-free-input button{background:var(--reading-selected);color:var(--reading-selected-ink);white-space:nowrap;border:0;padding:8px 14px;font-size:13px}.reading-top .knowledge-free-input button:hover:not(:disabled){background:var(--reading-selected);filter:brightness(1.1)}.reading-tools{align-items:center;gap:8px;display:flex}.reading-tools button,.reading-tools select{background:0 0;border-color:#0000;font-size:13px}.reading-tools select{max-width:135px;padding-inline:8px}.reading-tools option{color:var(--ink);background:var(--card)}.reading-room .reading-theme-button{width:44px;padding:0}.reading-room .reading-account-button{border-color:var(--line);padding-inline:12px}.reading-account-notice{color:var(--muted);flex-basis:100%;font-size:13px;margin:0!important}.reading-result{padding:28px max(32px,50% - 540px) 20px}.reading-result-text{min-width:0}.reading-room .reading-result h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:44px;font-weight:500;line-height:1.8}.reading-result h1 button{font:inherit;line-height:inherit;background:0 0;border:0;border-radius:6px;padding:4px 6px;display:inline-block}.reading-result h1>span{color:inherit;font-style:normal}.reading-result rt{color:var(--muted);font:14px/1.5 Segoe UI,sans-serif}.reading-result[data-pinyin=above] ruby{ruby-position:over}.reading-result[data-pinyin=below] ruby{ruby-position:under}.reading-result .mode-hidden{padding-top:0}.reading-room .reading-result h1 button[aria-pressed=true]{color:var(--ink);background:var(--reading-mark);box-shadow:inset 0 -2px var(--amber);border-color:#0000}.reading-result .knowledge-highlight{background:var(--reading-mark);outline:1px solid var(--amber)}.reading-result h1 button[data-linked=true],.reading-result .ruby-sentence .linked-active{background:var(--reading-mark);outline:2px solid var(--amber)}.reading-translation{color:var(--muted);font-size:20px;line-height:1.6;margin:8px 0 0!important}.reading-result-toolbar{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px;display:flex}.reading-result .knowledge-study-actions{flex-wrap:wrap;gap:8px;margin:0;display:flex}.reading-result .knowledge-study-actions button{background:0 0;border-color:#0000;padding:8px 10px;font-size:13px}.reading-room .reading-result .speak-button{color:var(--reading-selected-ink);background:var(--reading-selected);padding-inline:16px}.reading-room .reading-result .speak-button:hover{background:var(--reading-selected);filter:brightness(1.1)}.reading-result .knowledge-study-actions button[aria-pressed=true]{background:var(--reading-wash);color:var(--green-dark)}.reading-pinyin-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.reading-pinyin-controls>div{background:var(--reading-input);border-radius:8px;padding:2px;display:flex}.reading-room .reading-pinyin-controls button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:12px}.reading-room .reading-pinyin-controls button[aria-pressed=true]{background:var(--reading-mark);color:var(--green-dark);font-weight:600}.reading-sentence-navigation{gap:6px;display:flex}.reading-sentence-navigation button{border-color:var(--line);background:0 0;width:44px;padding:0}.reading-workspace{grid-template-columns:minmax(0,1fr) 176px;grid-template-areas:"content toc";align-items:start;gap:32px;width:min(1280px,100% - 64px);min-height:420px;margin-inline:auto;padding:28px 0 48px;display:grid}.reading-workspace :is(button,input,select,summary,a,[tabindex]),.reading-word>article{scroll-margin-block:calc(50dvh + 16px) 16px}.reading-explore{grid-area:content;min-width:0}.reading-toc{border-left:1px solid var(--line);grid-area:toc;gap:4px;min-width:0;padding-left:16px;display:grid;position:sticky;top:calc(50dvh + 24px)}.reading-toc p{color:var(--muted);margin:0 0 8px;font-size:13px}.reading-toc a{border-radius:var(--reading-control-radius);min-height:44px;color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:8px;padding:8px;font-size:14px;text-decoration:none;display:flex}.reading-toc a svg{flex-shrink:0}.reading-toc a:hover,.reading-toc a:focus-visible{color:var(--green-dark);background:var(--reading-wash)}.reading-toc a[data-visible=true]{color:var(--green-dark);background:var(--reading-mark);font-weight:650}.reading-toc a[aria-disabled=true]{opacity:.55;cursor:not-allowed}.reading-study-section{border:1px solid var(--reading-frame);border-radius:var(--reading-frame-radius);background:var(--card);min-width:0;padding:24px}.reading-study-section+.reading-study-section{margin-top:24px}.reading-room .reading-study-section>h3{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 0 24px;padding-bottom:12px;scroll-margin-block-start:calc(50dvh + 16px);font-size:20px;font-weight:650;line-height:1.5;display:flex}.reading-study-section>h3 svg{color:var(--green-dark);flex-shrink:0}.reading-explore-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.reading-room .reading-explore h2#reading-explore-title{text-wrap:balance;margin:0;font-size:28px;font-weight:700;line-height:1.35}.reading-word{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.reading-word>article{border:1px solid var(--reading-frame);border-radius:var(--reading-frame-radius);background:var(--card);min-width:0;min-height:242px;transition:border-color var(--reading-motion-state) ease-out, background-color var(--reading-motion-state) ease-out;padding:24px}.reading-word>article:hover,.reading-word>article:focus-within,.reading-word>article[aria-current=true]{border-color:var(--reading-frame-hover);background:var(--reading-wash)}.reading-word-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reading-word-heading>div:first-child{min-width:0}.reading-room .reading-word-heading h4,.reading-room .vocab-top h4{overflow-wrap:anywhere;margin:0;font-size:34px;font-weight:500;line-height:1.4}.reading-word-heading p{color:var(--green-dark);margin:6px 0 0;font-size:14px}.reading-word-actions{flex-direction:column;align-items:flex-end;gap:8px;max-width:45%;display:flex}.reading-word-actions .speak-button{border-color:var(--line);width:44px;min-height:44px;color:var(--muted);background:0 0;border-radius:50%;padding:0}.reading-word-actions>span{color:var(--muted);text-align:right;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.reading-room .reading-word .han-viet{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin:20px 0 8px;font-size:13px;font-weight:500}.reading-word .han-viet>span{letter-spacing:0;text-transform:none;font-size:11px;font-weight:400}.reading-sense{margin:8px 0 20px;font-size:15px}.reading-sense p{color:var(--ink);margin:0}.reading-word-usage{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}.reading-word-usage>summary{min-height:44px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;list-style:none;display:flex}.reading-word-usage>summary::-webkit-details-marker{display:none}.reading-word-usage>summary svg{transition:transform var(--reading-motion-feedback) ease-out}.reading-word-usage[open]>summary svg{transform:rotate(45deg)}.reading-word-usage p{color:var(--muted);font-size:14px}.reading-word .stroke-order>summary{color:var(--muted);min-height:44px;font-size:13px;font-weight:600}.reading-word .stroke-order-content{min-width:0}.reading-frame{border-bottom:1px solid var(--line);padding:24px 0}.reading-frame:first-child{padding-top:0}.reading-frame h4,.reading-room .grammar-card h4{margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.5}.reading-frame p{max-width:70ch}.reading-word-examples>p{font-weight:600}.reading-room .knowledge-term-tooltip{color:var(--ink);background:var(--card);border-color:var(--line)}.reading-room .knowledge-study-content a{overflow-wrap:anywhere}.reading-room .knowledge-slots button{background:var(--card);color:var(--ink);border-color:var(--line);font-size:14px}.reading-room .knowledge-slots button[aria-pressed=true]{background:var(--reading-mark);color:var(--green-dark)}.reading-room .vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;padding-top:0}.reading-room .vocab-card,.reading-room .grammar-card{color:var(--ink);background:var(--card);border-color:var(--reading-frame);border-radius:var(--reading-frame-radius);box-shadow:none;padding:24px}.reading-room .vocab-card:hover,.reading-room .vocab-card:focus-visible,.reading-room .vocab-card.linked-active,.reading-room .grammar-card:hover,.reading-room .grammar-card:focus-visible{background:var(--reading-wash);border-color:var(--reading-frame-hover);box-shadow:none;transform:none}.reading-room .meaning,.reading-room .word-usage>p,.reading-room .usage-pattern p,.reading-room .grammar-card p,.reading-room .han-viet,.reading-room .vocab-pinyin{color:var(--muted)}.reading-room .vocab-actions>span,.reading-room .usage-pattern,.reading-room .grammar-context,.reading-room .confidence-note{color:var(--ink);background:var(--reading-wash)}.reading-room .grammar-term:hover,.reading-room .grammar-term:focus-visible{background:var(--reading-wash)}.reading-room .word-usage,.reading-room .stroke-order,.reading-room .usage-example{border-color:var(--line)}.reading-room .stroke-practice,.reading-room .character-radicals,.reading-room .sentence-writing{color:var(--ink);background:var(--card)}.reading-room .sentence-writing-panel{background:0 0;border:0;margin:0;padding:0}.reading-room .sentence-writing-panel .step{display:none}.reading-room .sentence-writing-panel[data-embedded] .sentence-writing-content{gap:16px;padding:0}.reading-room .sentence-writing-panel[data-embedded] .interaction-hint{margin-top:0}.reading-room .sentence-writing-details,.reading-room .sentence-writing-details>summary,.reading-room .sentence-writing-controls button{color:var(--ink);background:var(--card);border-color:var(--line)}.reading-room .sentence-writing-controls button.primary{color:var(--reading-selected-ink);background:var(--reading-selected);border-color:var(--reading-selected)}.reading-room .sentence-writing-controls button:hover:not(:disabled){background:var(--reading-wash)}.reading-room .sentence-writing-controls button.primary:hover:not(:disabled){color:var(--reading-selected-ink);background:var(--reading-selected)}.reading-room .character-tabs{flex-wrap:wrap}.reading-room .character-tabs button,.reading-room .stroke-controls button,.reading-room .sentence-character,.reading-room .sentence-character-number{color:var(--ink);background:var(--card);border-color:var(--line);border-radius:var(--reading-control-radius)}.reading-room .character-tabs button.active,.reading-room .sentence-character.complete .sentence-character-number{color:var(--reading-selected-ink);background:var(--reading-selected)}.reading-room .character-disclosure{margin-top:16px}.reading-room .character-disclosure .character-tabs{justify-content:flex-start;gap:8px}.reading-room .character-disclosure .character-tabs button{min-width:44px;min-height:44px;font-size:22px}.reading-room .character-disclosure-content:not([hidden]){justify-items:start;margin-top:16px;display:grid}.reading-room .sentence-character.active,.reading-room .sentence-character.complete{background:var(--reading-wash);border-color:var(--amber);box-shadow:none}.reading-room .stroke-controls button:hover{background:var(--reading-wash)}.reading-room .stroke-status.error,.reading-room .sentence-writing-progress .error{color:var(--reading-error)}.reading-room .stroke-status.success{color:var(--reading-success)}.reading-room .sentence-writing-progress{font-variant-numeric:tabular-nums}.reading-room .global-error{color:var(--reading-error);background:var(--card);border:1px solid var(--reading-error);border-radius:8px;margin:20px 32px 0;padding:14px}.reading-room .reading-stage>footer{width:min(1080px,100% - 64px);color:var(--muted);border-top:1px solid var(--line);gap:6px;margin:0 auto;padding:20px 0 28px;font-size:12px}.reading-room,.reading-sidebar,.reading-header,.reading-top{transition:background-color var(--reading-motion-state) ease-out, color var(--reading-motion-state) ease-out}.reading-theme-button svg{transition:transform var(--reading-motion-state) var(--reading-motion-ease)}.reading-room[data-theme=dark] .reading-theme-button svg{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.reading-word-usage[open]>section,.reading-room .stroke-order[open]>.stroke-order-content{animation:reading-detail-in var(--reading-motion-state) ease-out}.reading-result h1 button:active:not(:disabled){transform:translateY(1px)}}@keyframes reading-detail-in{0%{opacity:.6}to{opacity:1}}@media (max-width:1200px){.reading-study-section{padding:20px}.reading-room{grid-template-columns:216px minmax(0,1fr)}.reading-top{gap:12px;padding-inline:24px}.reading-tools{gap:4px}.reading-tools .reading-account-button span{display:none}.reading-result{padding-inline:24px}.reading-pinyin-controls{margin-left:0}.reading-sentence-navigation{margin-left:auto}.reading-workspace,.reading-room .reading-stage>footer{width:calc(100% - 48px)}.reading-word,.reading-room .vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.reading-room{width:100%;display:block}.reading-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:16px;position:static;overflow:visible}.reading-brand-row{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.reading-sidebar .brand b{max-width:220px;font-size:14px}.reading-sidebar .brand small{margin-top:2px;font-size:11px}.reading-room .reading-library-toggle{background:var(--card);flex-shrink:0;padding:8px 10px;font-size:12px;display:inline-flex}.reading-navigation nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.reading-room .reading-navigation button{justify-content:center;gap:6px;padding:10px 6px;font-size:12px}.reading-navigation button svg{width:16px;height:16px}.reading-nav-count{display:none}.reading-left{margin:16px 0 0;padding-top:16px}.reading-left[data-open=false]{display:none}.reading-room .knowledge-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-top{gap:8px;padding:12px 20px}.reading-tools .reading-account-button span{display:inline}.reading-top .knowledge-free-input{flex-basis:100%}.reading-tools{justify-content:flex-end;width:100%}.reading-tools select{margin-right:auto}.reading-result{padding:20px}.reading-room .reading-result h1{font-size:36px}.reading-translation{font-size:18px}.reading-result-toolbar{gap:12px;margin-top:18px}.reading-workspace,.reading-room .reading-stage>footer{width:calc(100% - 40px)}.reading-explore-top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}}@media (max-width:520px){.reading-study-section{padding:16px}.reading-sidebar{padding:14px 12px}.reading-sidebar .brand-mark{width:30px;height:30px}.reading-sidebar .brand b{max-width:150px}.reading-library-toggle svg{display:none}.reading-room .reading-navigation button{gap:4px;font-size:11px}.reading-navigation button svg{width:15px;height:15px}.reading-top{padding:10px 16px}.reading-result{padding:18px 16px}.reading-room .reading-result h1{font-size:32px}.reading-result-toolbar{gap:10px}.reading-result .knowledge-study-actions{width:100%}.reading-result .knowledge-study-actions button{padding-inline:8px;font-size:12px}.reading-result .knowledge-study-actions .speak-button{padding-inline:12px}.reading-word,.reading-room .vocab-grid,.reading-room .knowledge-picker-grid{grid-template-columns:minmax(0,1fr)}.reading-workspace,.reading-room .reading-stage>footer{width:calc(100% - 32px)}.reading-word>article,.reading-room .vocab-card{padding:20px}.reading-word-heading h4{font-size:30px}.reading-room .knowledge-term-tooltip{max-width:min(240px,68vw)}}@media (max-width:1100px){.reading-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc""content";gap:24px}.reading-toc{border-left:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 12px;padding:0 0 16px;display:flex;position:static}.reading-toc p{flex-basis:100%;margin-bottom:0}}@media (prefers-reduced-motion:reduce){.reading-room,.reading-room *,.reading-room :before,.reading-room :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.sentence-room .reading-navigation>div{gap:6px;display:grid}.sentence-catalog-navigation{border-top:1px solid var(--line);gap:8px;margin-top:24px;padding-top:20px;display:grid}.sentence-catalog-navigation h2{margin:0 0 4px;font-size:18px;line-height:1.5}.sentence-room .sentence-catalog-navigation button{text-align:start;background:var(--card);border:1px solid var(--line);justify-content:flex-start;width:100%;padding:10px}.sentence-library label.sentence-lesson-label{color:var(--muted);margin:20px 0 8px;font-size:14px;display:block}.sentence-library select{background:var(--card);border:1px solid var(--line);border-radius:var(--reading-control-radius);width:100%;min-height:44px;padding:8px}.sentence-context{margin-top:24px}.sentence-context h2{margin:20px 0 12px;font-size:18px;line-height:1.5}.sentence-context-turn,.sentence-context-paragraph{border-bottom:1px solid var(--line);padding-block:12px}.sentence-context-turn>p{margin:0 0 8px;font-weight:600}.sentence-context-turn>p small{color:var(--muted);font-weight:400;display:block}.sentence-context-line{min-height:44px;color:var(--ink);border-radius:var(--reading-control-radius);overflow-wrap:anywhere;border:1px solid #0000;flex-direction:column;gap:5px;margin-block:4px;padding:10px 8px;text-decoration:none;display:flex}.sentence-room .sentence-context-line{color:var(--ink)}.sentence-context-line:hover,.sentence-context-line:focus-visible{background:var(--reading-wash)}.sentence-context-line[aria-current=true]{border-color:var(--reading-frame-hover);background:var(--card)}.sentence-context-line .reading-dialogue-chinese{font-size:18px}.sentence-context-line .reading-dialogue-pinyin{font-size:13px}.sentence-list-scroll{scrollbar-gutter:stable;overscroll-behavior-y:contain;max-height:480px;overflow-y:auto}.sentence-list-scroll .sentence-context-line{gap:3px;height:96px;min-height:96px;margin:0;padding:8px;position:relative}.sentence-list-scroll .reading-dialogue-chinese,.sentence-list-scroll .reading-dialogue-pinyin,.sentence-list-scroll .reading-dialogue-translation{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.sentence-list-scroll .reading-dialogue-chinese,.sentence-list-scroll .reading-dialogue-pinyin{padding-inline-end:40px}.sentence-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4;position:absolute;top:8px;right:8px}.sentence-context[data-pinyin=above] .reading-dialogue-pinyin{order:-1}.sentence-room .sentence-other-toggle{min-height:44px;color:var(--muted);align-items:center;gap:8px;padding-block:12px;font-size:13px;display:flex}.sentence-other-toggle input{width:18px;height:18px;accent-color:var(--green)}.sentence-room .sentence-header-word{border-radius:var(--reading-control-radius);min-height:0;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;background:0 0;border:0;padding:0 1px;display:inline}.sentence-room .sentence-header-word:hover,.sentence-room .sentence-header-word:focus-visible{background:var(--reading-mark)}.sentence-hanzi{overflow-wrap:anywhere;margin:4px 0 12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:44px;font-weight:500;line-height:1.8}.sentence-room .reading-result .sentence-hanzi{color:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Arial Unicode MS,sans-serif;font-style:normal;font-weight:400}.sentence-room .sentence-hanzi span{color:inherit;font-style:normal}.sentence-pinyin{color:var(--green-dark);overflow-wrap:anywhere;margin-block:4px 12px;font-size:14px}.sentence-loading{color:var(--muted);margin:16px 32px}.sentence-empty{color:var(--muted);margin-block:32px}.sentence-warning{color:var(--reading-error);font-size:14px;display:block}.sentence-section-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block:12px;display:flex}.sentence-room .sentence-section-tools button,.sentence-room .sentence-related-link,.sentence-paging button,.sentence-source button,.sentence-catalog-search button{background:var(--card);border:1px solid var(--line);padding:8px 12px}.sentence-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sentence-word{border:1px solid var(--line);border-radius:var(--reading-frame-radius);background:var(--card);min-width:0;padding:24px;scroll-margin-top:48vh}.sentence-word[data-selected=true]{border-color:var(--reading-frame-hover);background:var(--reading-wash)}.sentence-word h4{margin:0;font-size:34px;font-weight:500;line-height:1.4}.sentence-room .sentence-word h4 button{font:inherit;min-height:44px;color:var(--ink);background:0 0;border:0;padding:0}.sentence-word .sentence-section-tools{margin-top:0}.sentence-word details{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.sentence-room summary{cursor:pointer;min-height:44px;padding-block:9px}.sentence-grammar{border-top:1px solid var(--line);padding-block:20px}.sentence-grammar:first-of-type{border-top:0}.sentence-grammar h4{margin:0;font-size:18px}.sentence-room .sentence-grammar h4 button{color:var(--green-dark);font:inherit;text-align:start;background:0 0;border:0;padding:0;font-weight:600}.sentence-grammar .sentence-section-tools>small{color:var(--muted);font-size:13px}.sentence-room .sentence-grammar-example{text-align:left;background:var(--reading-wash);overflow-wrap:anywhere;border:0;width:100%;margin-block:16px;padding:14px 16px;font-size:20px;line-height:1.8;display:block}.sentence-room .sentence-related-link{font-size:13px}.sentence-source{color:var(--muted);margin-block:12px;font-size:13px}.sentence-source>div{margin-top:12px}.sentence-source section{border-bottom:1px solid var(--line);margin-block:16px;padding-bottom:16px}.sentence-source p{max-width:70ch}.sentence-source img{max-width:100%;height:auto;margin-top:16px;display:block}.sentence-source blockquote{background:var(--reading-wash);margin:12px 0;padding:12px}.sentence-source-text{white-space:pre-wrap;overflow-wrap:anywhere}.sentence-catalog{margin-block:24px}.sentence-catalog h2{font-size:20px}.sentence-catalog h3{margin-top:24px;font-size:18px}.sentence-catalog-list{margin-block:20px;display:grid}.sentence-room .sentence-catalog-list>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:flex-start;padding:12px 0}.sentence-related{border-top:1px solid var(--line);padding-block:16px}.sentence-related>a{text-underline-offset:4px;font-size:20px;display:block}.sentence-related p{margin-block:6px}.sentence-related small{color:var(--muted)}.sentence-catalog-search{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.sentence-catalog-search label{flex:1;min-width:180px}.sentence-catalog-search input{background:var(--reading-input);border:1px solid var(--line);border-radius:var(--reading-control-radius);width:100%;min-height:44px;padding:10px;display:block}.sentence-paging{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;margin-block:20px;display:flex}.sentence-search-results{background:var(--card);border:1px solid var(--line);border-radius:var(--reading-frame-radius);margin:24px 32px;padding:24px}.sentence-search-results h2{margin:0 0 16px;font-size:20px}.sentence-search-results article{border-top:1px solid var(--line);padding-block:12px}.sentence-search-results article a{flex-direction:column;gap:6px;min-height:44px;text-decoration:none;display:flex}.sentence-search-results article b{font-size:20px}.sentence-search-results article small{color:var(--muted)}@media (max-width:1100px){.sentence-hanzi{font-size:36px}}@media (max-width:800px){.sentence-room .reading-navigation>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.sentence-room .sentence-library[data-open=false]{display:none}.sentence-search-results{margin:16px;padding:16px}}@media (max-width:520px){.sentence-word-grid{grid-template-columns:minmax(0,1fr)}.sentence-hanzi{font-size:32px}.sentence-word{padding:20px}}@media (prefers-reduced-motion:reduce){.sentence-room *{scroll-behavior:auto}}.sentence-topic-links{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.grammar-display-example{white-space:pre-wrap}.grammar-display-card .knowledge-highlight{color:inherit;background:var(--reading-mark)}.grammar-display-omitted,.grammar-display-note{color:var(--muted);font-size:14px;line-height:1.6}.grammar-display-group-label{margin-block:16px;display:block}.grammar-display-group-label select{width:100%;min-height:44px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--reading-control-radius);margin-top:8px;padding:8px;display:block}.grammar-display-preview{max-width:960px;margin-inline:auto;padding:24px;display:block}