:root{--paper:#f7f5f0;--white:#fffefa;--ink:#202a25;--muted:#78817b;--line:#e7e5dd;--green:#275d49;--green2:#e8f1ec;--orange:#d77648;--yellow:#f4e8b7;--sans:Inter,'Segoe UI','Microsoft YaHei',Arial,sans-serif;--serif:Georgia,'Noto Serif','Songti SC',serif;--mono:Consolas,'SFMono-Regular',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #75a992;outline-offset:2px}.topbar{height:72px;padding:0 clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,254,250,.8)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.8px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:8px;font-family:var(--serif);font-size:19px;font-weight:500}.brand-dot{color:var(--orange)}.topbar-right,.hero-actions,.reader-actions,.reader-tools{display:flex;align-items:center;gap:10px}.button{border:1px solid transparent;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button-dark{background:var(--green);color:white}.button-dark:hover{background:#1b4b39}.button-light{border-color:var(--line);background:var(--white);color:#3b4740}.button-light:hover{border-color:#b9c8be}.button-large{padding:14px 19px;font-size:13px}.button-text{background:transparent;color:var(--ink);padding:12px}.button-text span{padding-left:6px;color:var(--green)}.status-pill{display:flex;align-items:center;gap:7px;padding:8px 10px;color:#59645c;font-size:11px}.status-pill i,.translation-state i{width:7px;height:7px;border-radius:50%;background:#c68b43}.status-pill.ready i,.translation-state.ready i{background:#5b9c76}.status-pill.offline i{background:#6d84b6}.library-view{max-width:1160px;margin:auto;padding:0 34px}.hero{min-height:455px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:45px 0 40px}.eyebrow,.reader-kicker{font:10px var(--mono);letter-spacing:1.1px;color:var(--green);margin:0 0 16px}.hero h1{font:500 clamp(46px,6vw,72px)/.98 var(--serif);letter-spacing:-2.4px;margin:0 0 20px}.hero h1 em{font-weight:400;color:var(--green)}.hero-text{font:16px/1.65 var(--serif);color:#626b65;max-width:405px;margin:0 0 24px}.hero-actions{gap:15px}.privacy-note{font-size:11px;color:#748078;margin-top:24px}.lock-icon{font-size:16px;margin-right:5px;color:var(--green)}.hero-art{height:365px;position:relative;display:grid;place-items:center}.art-paper{position:absolute;width:230px;height:295px;background:#fffefa;border:1px solid #e7e3d9;box-shadow:0 20px 50px #27372b12;padding:24px}.art-paper span{font:9px var(--mono);letter-spacing:1px;color:#768078}.art-back{transform:translate(45px,-12px) rotate(7deg);background:#eeece4}.art-back div{height:4px;background:#dadbd4;margin-top:20px;width:85%}.art-back div:nth-child(3){width:70%}.art-back div:nth-child(4){width:90%}.art-front{transform:translate(-16px,10px) rotate(-4deg);z-index:1}.art-front strong{display:block;font:500 27px/1.1 var(--serif);margin-top:32px}.art-lines{height:70px;margin-top:20px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 13px,#e3e4de 14px,#e3e4de 15px)}.art-highlight{height:20px;width:75%;position:absolute;top:196px;left:23px;background:#f3e7ad99}.art-front small{position:absolute;bottom:19px;left:24px;font:9px var(--mono);color:var(--green)}.art-stamp{position:absolute;z-index:2;right:12%;bottom:12%;width:79px;height:79px;border:1px solid #d7764885;border-radius:50%;display:grid;place-content:center;text-align:center;color:#c96b42;font:9px/1.5 var(--mono);transform:rotate(12deg)}.library-section{padding:38px 0 22px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-heading .eyebrow{margin-bottom:7px;color:#8b938d}.section-heading h2{font:500 27px var(--serif);margin:0;letter-spacing:-.4px}.muted-count{font-size:11px;color:#8b938d;padding-bottom:4px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.project-card{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:17px;min-height:145px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:.18s}.project-card:hover{border-color:#aebdb2;box-shadow:0 7px 18px #26382d0b;transform:translateY(-2px)}.project-file-icon{width:29px;height:34px;display:grid;place-items:center;border:1px solid #dfe5df;background:#f2f6f2;color:var(--green);font:9px var(--mono);border-radius:4px}.project-title{font:500 17px var(--serif);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:12px 0 4px}.project-meta{font:10px var(--mono);color:#858e88}.empty-state{display:flex;gap:13px;align-items:center;color:#738078;border:1px dashed #dcded6;border-radius:8px;padding:19px}.empty-state strong{font:500 15px var(--serif);color:#47534b}.empty-state p{font-size:11px;margin:5px 0 0}.empty-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green2);color:var(--green);font-size:18px}.library-footer{padding:35px 0 23px;color:#909891;font:10px var(--mono);display:flex;justify-content:space-between}.library-footer b{color:var(--green);padding:0 5px}
.reader-view{height:calc(100vh - 72px);min-height:500px;display:flex;flex-direction:column}.hidden{display:none!important}.reader-toolbar{height:78px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:var(--white)}.reader-title-wrap{display:flex;align-items:center;gap:14px}.back-button,.icon-button{border:0;background:transparent;color:#69746c;font-size:18px;width:32px;height:32px;border-radius:6px}.back-button:hover,.icon-button:hover{background:#f0f1eb}.reader-kicker{margin:0 0 4px;font-size:8px;color:#919991}.reader-toolbar h1{margin:0;font:500 20px var(--serif);max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.translation-state{font:10px var(--mono);color:#758078;display:flex;align-items:center;gap:7px}.translation-state i{width:6px;height:6px}.progress-wrap{height:25px;position:relative;background:#eceee8;flex:none}.progress-wrap>div{height:100%;width:0;background:#dfece3;transition:width .25s}.progress-wrap span{position:absolute;inset:0;display:grid;place-items:center;font:9px var(--mono);color:#496352}.reader-subbar{height:39px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#8c958e;font:9px var(--mono);letter-spacing:.3px;flex:none}.subbar-separator{padding:0 9px;color:#c4c8c0}.reader-tools{gap:6px}.align-label{margin-right:9px;color:#66736a}.align-icon{color:var(--green);font-size:14px;padding-right:3px}.column-headings{height:39px;display:grid;grid-template-columns:1fr 1fr;padding:0 clamp(18px,4vw,64px);align-items:center;flex:none;background:#f2f1eb;color:#89918b;font:9px var(--mono);letter-spacing:.6px}.column-headings>div{display:flex;align-items:center;gap:8px}.lang-tag{display:grid;place-items:center;width:20px;height:18px;border-radius:3px;background:#e0ebe3;color:var(--green);font:9px var(--mono)}.lang-zh{background:#f3e9dc;color:#a25c3e}.reader-columns{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;padding:0 clamp(18px,4vw,64px);background:var(--white)}.text-column{overflow:auto;scrollbar-width:thin;scrollbar-color:#d7dad2 transparent;padding:16px 24px 70px 0;font-size:16px;line-height:1.78}.translation-column{border-left:1px solid var(--line);padding-left:30px;padding-right:6px;font-family:var(--serif);font-size:17px}.text-block{position:relative;padding:12px 14px;margin:0 0 6px;border-radius:5px;border:1px solid transparent;transition:background .15s,border .15s;cursor:pointer;white-space:pre-wrap}.text-block:hover{background:#f8f8f3}.text-block.selected{background:#f5f1df;border-color:#ece4c6}.text-block.source-text{font-family:var(--serif)}.text-block.translation-text{font-family:var(--serif);font-size:1.08em}.text-block.empty-translation{color:#a2aaa3;font-style:italic;font-size:.88em}.text-block p{margin:0}.reader-notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 15px;border:1px solid #e6dfc9;border-radius:6px;background:#fff9e9;color:#665a35;font-size:11px;box-shadow:0 5px 25px #202a2515;max-width:min(600px,90vw)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#26382f;color:#fff;padding:11px 17px;border-radius:7px;font-size:12px;box-shadow:0 7px 25px #0002;transition:.22s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.dialog{border:1px solid var(--line);border-radius:10px;padding:24px;width:min(440px,calc(100vw - 30px));background:var(--white);box-shadow:0 20px 80px #1c2c2140}.dialog::backdrop{background:#1a282288;backdrop-filter:blur(2px)}.dialog-top{display:flex;justify-content:space-between;align-items:start}.dialog-top .eyebrow{margin-bottom:5px}.dialog-top h2{font:500 25px var(--serif);margin:0 0 18px}.dialog label{display:block;margin:13px 0 7px;font-size:11px;font-weight:600}.comment-context{padding:10px;background:#f3f2ed;border-radius:5px;color:#6a756d;font:12px/1.6 var(--serif);max-height:80px;overflow:hidden}.dialog textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:5px;background:#fffefa;padding:10px;font:13px/1.5 var(--sans);color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
@media(max-width:760px){.topbar{padding:0 16px;height:62px}.status-pill{display:none}.topbar-right{gap:6px}.topbar .button{padding:8px 10px;font-size:10px}.library-view{padding:0 20px}.hero{grid-template-columns:1fr;min-height:0;padding-top:38px}.hero-copy{padding:10px 0 0}.hero h1{font-size:55px}.hero-art{height:300px}.art-paper{height:250px;width:195px}.art-highlight{top:170px}.project-list{grid-template-columns:1fr}.project-card{min-height:118px}.library-footer{padding-top:25px}.reader-view{height:calc(100vh - 62px)}.reader-toolbar{padding:0 14px;height:68px}.reader-actions{gap:5px}.reader-actions .button{font-size:10px;padding:8px}.translation-state{display:none}.reader-toolbar h1{font-size:16px;max-width:34vw}.reader-title-wrap{gap:5px}.reader-subbar{padding:0 14px}.column-headings{padding:0 14px;grid-template-columns:1fr 1fr;font-size:8px}.reader-columns{padding:0 14px;grid-template-columns:1fr 1fr}.text-column{padding-right:10px;font-size:14px;line-height:1.65}.translation-column{padding-left:12px;padding-right:0}.text-block{padding:9px 7px;margin-bottom:5px}.align-label{font-size:0;margin:0}.align-icon{font-size:15px}.reader-tools{gap:3px}}
@media(max-width:420px){.topbar .button-light{display:none}.hero h1{font-size:48px}.hero-art{height:270px}.reader-actions #annotate-button{font-size:0}.reader-actions #annotate-button::first-letter{font-size:12px}.reader-actions #translate-button{font-size:9px}.reader-toolbar h1{max-width:31vw}.column-headings{font-size:7px;letter-spacing:0}.reader-subbar{font-size:8px}}
.text-block.highlighted{background:#fff4c8;border-color:#f0e2a3}.section-marker{margin:17px 0 8px;padding:7px 10px;border-left:2px solid #9bb3a2;color:#728078;background:#f7f7f1;font:9px var(--mono);letter-spacing:.7px;text-transform:uppercase}.section-marker:first-child{margin-top:4px}
/* Larger interface typography, while leaving imported document text at its reading size. */
body{font-size:16px}.topbar{height:78px}.brand{font-size:22px}.button{font-size:14px}.button-large{font-size:15px}.button-text{font-size:14px}.status-pill{font-size:13px}.eyebrow{font-size:11px}.hero-text{font-size:18px}.privacy-note{font-size:13px}.section-heading h2{font-size:30px}.muted-count{font-size:13px}.project-title{font-size:19px}.project-meta{font-size:12px}.empty-state strong{font-size:17px}.empty-state p{font-size:13px}.library-footer{font-size:12px}
.reader-view{height:calc(100vh - 78px)}.reader-kicker{font-size:10px}.reader-toolbar h1{font-size:22px}.translation-state{font-size:12px}.progress-wrap span{font-size:11px}.reader-subbar{font-size:11px}.column-headings{font-size:11px}.lang-tag{font-size:10px}.toast{font-size:14px}.reader-notice{font-size:13px}.dialog label{font-size:13px}.comment-context{font-size:14px}.dialog textarea{font-size:15px}
.drop-zone{display:flex;align-items:center;gap:12px;margin-top:20px;padding:13px 14px;max-width:435px;border:1px dashed #b9c8bd;border-radius:8px;background:#fbfaf6;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.drop-zone:hover,.drop-zone.drag-active{background:#edf4ef;border-color:#5b8b70}.drop-zone.drag-active{transform:scale(1.015);box-shadow:0 5px 18px #275d4918}.drop-icon{width:33px;height:33px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e8f1ec;color:var(--green);font-size:19px}.drop-zone strong,.drop-zone small{display:block}.drop-zone strong{font-size:14px;color:#33443a}.drop-zone small{margin-top:3px;font-size:12px;color:#77837a}.drop-zone button{margin-left:auto;padding:8px 11px;border:1px solid var(--line);border-radius:5px;background:#fffefa;font-size:12px;font-weight:600;color:var(--green);cursor:pointer}
.reader-columns{display:block;overflow:auto;min-height:0;flex:1;padding:0 clamp(18px,4vw,64px);background:var(--white);scrollbar-width:thin;scrollbar-color:#d7dad2 transparent}.reader-spread{display:grid;align-content:start;gap:6px;min-height:100%;padding:14px 0 70px}.paired-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.paired-row .text-block{min-width:0;margin:0;padding:12px 14px;font-size:16px;line-height:1.78}.paired-row .translation-text{border-left:1px solid var(--line);font-size:17px}.paired-row.selected-row .text-block{background:#f5f1df;border-color:#ece4c6}.paired-row.selected-row .translation-text{border-left-color:#dfd7bb}.section-marker{margin:16px 0 3px;padding:8px 11px;font-size:11px}
@media(max-width:760px){.topbar{height:66px}.topbar .button{font-size:12px}.reader-view{height:calc(100vh - 66px)}.reader-toolbar h1{font-size:18px}.reader-subbar{font-size:10px}.column-headings{font-size:9px}.reader-actions .button{font-size:11px}.drop-zone{max-width:none}.library-footer{font-size:11px}}
@media(max-width:560px){.drop-zone{gap:9px;padding:10px}.drop-zone strong{font-size:13px}.drop-zone small{font-size:11px}.drop-zone button{font-size:11px;padding:7px}.paired-row .text-block{padding:9px 7px;font-size:14px;line-height:1.65}.paired-row .translation-text{font-size:15px}.reader-columns{padding:0 14px}}
.paired-row .text-block{font-size:16px}.paired-row .translation-text{font-size:17px}@media(max-width:560px){.paired-row .text-block{font-size:14px}.paired-row .translation-text{font-size:15px}}
.library-controls{display:flex;align-items:center;gap:9px;margin:4px 0 17px}.search-box{display:flex;align-items:center;gap:9px;flex:1;min-width:150px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:#7b877f}.search-box>span{font-size:21px;line-height:1}.search-box input{width:100%;border:0;outline:0;background:transparent;font:14px var(--sans);color:var(--ink)}.search-box input::placeholder{color:#9aa29c}.library-controls select{height:40px;min-width:128px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:7px;background:var(--white);font:13px var(--sans);color:#526057}.project-card{min-height:148px;padding:15px}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-card-actions{display:flex;gap:3px}.project-action{width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:#849087;font-size:17px}.project-action:hover{background:#f0f2ec;color:var(--green)}.project-action.is-favorite{color:#c28a35}.project-remove:hover{color:#a84c3e}.project-open{display:block;width:100%;margin-top:8px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.project-open .project-title{margin:3px 0 6px}.project-open .project-meta{line-height:1.5}.heading-block{font-weight:700;white-space:pre-wrap}.heading-level-1{font-size:21px!important;line-height:1.4!important;padding-top:15px!important;padding-bottom:14px!important}.heading-level-2{font-size:19px!important;line-height:1.45!important}.heading-level-3,.heading-level-4,.heading-level-5,.heading-level-6{font-size:17px!important}.paired-row .heading-block.translation-text{font-size:22px!important}.paired-row .heading-level-2.translation-text{font-size:20px!important}.list-block{padding-left:24px!important}.paired-row .list-block.translation-text{padding-left:24px!important}
@media(max-width:760px){.library-controls{flex-wrap:wrap}.search-box{flex-basis:100%}.library-controls select{flex:1;min-width:0}.project-card{min-height:130px}}
@media(max-width:460px){.library-controls select{font-size:12px;padding-left:8px;padding-right:20px}.project-action{width:25px;height:25px}}
.library-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.folder-sidebar{padding:11px 9px;border:1px solid var(--line);border-radius:9px;background:#fbfaf6}.folder-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 7px 8px;color:#879188;font:10px var(--mono);letter-spacing:.8px}.folder-add{width:27px;height:27px;border:0;border-radius:5px;background:transparent;color:var(--green);font-size:20px}.folder-add:hover{background:var(--green2)}.folder-list{display:grid;gap:3px}.folder-row{display:flex;align-items:center;min-width:0;border-radius:6px}.folder-row:hover,.folder-row.is-active{background:#edf2ed}.folder-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:9px 7px;border:0;border-radius:6px;background:transparent;text-align:left;color:#4f5d53;font-size:13px}.folder-row.is-active .folder-select{color:var(--green);font-weight:650}.folder-icon{width:19px;text-align:center;color:#7d9382;font-size:14px}.folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{margin-left:auto;color:#929b94;font:11px var(--mono)}.folder-action{width:25px;height:27px;flex:none;border:0;border-radius:4px;background:transparent;color:#929b94;font-size:14px;opacity:0}.folder-row:hover .folder-action,.folder-action:focus-visible{opacity:1}.folder-action:hover{background:#e3eae4;color:var(--green)}.folder-delete:hover{color:#a84c3e}.library-results{min-width:0}.project-folder-select{align-self:flex-start;max-width:100%;margin-top:10px;padding:5px 8px;border:1px solid #e7e9e2;border-radius:5px;background:#fbfaf6;color:#6e7a71;font:11px var(--sans)}.resume-dialog .dialog-actions{justify-content:space-between}.resume-dialog .comment-context{max-height:120px;line-height:1.65}
@media(max-width:760px){.library-layout{grid-template-columns:1fr;gap:12px}.folder-sidebar{padding:8px}.folder-sidebar-heading{padding-bottom:5px}.folder-list{display:flex;flex-wrap:wrap;gap:4px}.folder-row{border:1px solid #eceee8}.folder-select{gap:5px;padding:7px}.folder-action{opacity:1;width:22px}.project-folder-select{font-size:12px}}
.reader-view{--reading-bg:#f4f0e6;--reading-panel:#faf7ee;--reading-chrome:#ebe7dc;--reading-text:#29332d;--reading-muted:#707a72;--reading-line:#ddd8cc;--reading-hover:#eeeade;--reading-selection:#eee8d2;--reading-selection-border:#ded4b4}
.reader-view[data-theme="sage"]{--reading-bg:#eaf1e8;--reading-panel:#f3f7f0;--reading-chrome:#e1e9df;--reading-text:#29372e;--reading-muted:#69776d;--reading-line:#d2ddd1;--reading-hover:#e4ece1;--reading-selection:#e0eadb;--reading-selection-border:#c5d6c3}
.reader-view[data-theme="mist"]{--reading-bg:#eaf0f2;--reading-panel:#f3f7f8;--reading-chrome:#dfe8eb;--reading-text:#2b3539;--reading-muted:#6d7b80;--reading-line:#d1dce0;--reading-hover:#e4ecef;--reading-selection:#e0ebed;--reading-selection-border:#c5d8dc}
.reader-view[data-theme="night"]{--reading-bg:#242a27;--reading-panel:#2c332f;--reading-chrome:#333b36;--reading-text:#e2e8e3;--reading-muted:#aab5ad;--reading-line:#48534b;--reading-hover:#353e38;--reading-selection:#414638;--reading-selection-border:#60674a}
.reader-toolbar,.reader-columns{background:var(--reading-panel);color:var(--reading-text)}.reader-toolbar,.reader-subbar,.column-headings{border-color:var(--reading-line)}.reader-subbar{background:var(--reading-bg);color:var(--reading-muted)}.reader-subbar .subbar-separator{color:var(--reading-line)}.column-headings{background:var(--reading-chrome);color:var(--reading-muted)}.reader-columns{scrollbar-color:var(--reading-line) transparent}.paired-row .text-block{color:var(--reading-text)}.paired-row .text-block:hover{background:var(--reading-hover)}.paired-row.selected-row .text-block,.text-block.selected{background:var(--reading-selection);border-color:var(--reading-selection-border)}.paired-row.selected-row .translation-text{border-left-color:var(--reading-selection-border)}.reader-view .section-marker{background:var(--reading-bg);border-color:var(--reading-line);color:var(--reading-muted)}.reader-view .text-block.empty-translation{color:var(--reading-muted)}.reader-view .theme-control select{border-color:var(--reading-line);background:var(--reading-panel);color:var(--reading-text)}.theme-control{display:flex;align-items:center;gap:5px;color:var(--reading-muted);font:10px var(--mono)}.theme-control select{height:26px;max-width:126px;padding:0 22px 0 7px;border:1px solid var(--line);border-radius:4px;background:var(--white);font:11px var(--sans);color:#59645c}
@media(max-width:760px){.reader-tools{gap:4px}.theme-control{gap:3px;font-size:9px}.theme-control select{max-width:108px;font-size:10px}}
.library-heading-actions{display:flex;align-items:center;gap:8px}.library-heading-actions .button{font-size:12px;padding:8px 11px}@media(max-width:560px){.library-heading-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.library-heading-actions .button{font-size:11px;padding:7px 8px}}
.column-headings{display:none!important}.reader-view[data-theme="sage"]{--reading-bg:#d5ead3;--reading-panel:#d5ead3;--reading-chrome:#cce3ca;--reading-hover:#cee4cc;--reading-selection:#c9e0c8;--reading-selection-border:#aacbaa}.reader-columns{display:block;overflow:auto;min-height:0;flex:1;padding:0 clamp(20px,4vw,64px);background:var(--reading-panel);scrollbar-width:thin;scrollbar-color:var(--reading-line) transparent}.reader-spread{display:flex;flex-direction:column;align-content:initial;gap:0;min-height:100%;max-width:920px;margin:0 auto;padding:20px 0 80px;background:var(--reading-panel)}.paired-row{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0 0 18px;padding:0;border:0;background:transparent}.paired-row .text-block{width:100%;min-width:0;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--reading-text);font:16px/1.68 var(--sans);white-space:pre-wrap;cursor:text}.paired-row .text-block:hover,.paired-row.selected-row .text-block,.paired-row.selected-row .translation-text{border:0;border-left:0;background:transparent}.paired-row .source-text{margin-bottom:7px;font-weight:500}.paired-row .translation-text{margin-bottom:15px;font-family:var(--sans);font-size:16px}.paired-row .heading-block{padding-top:5px;font-weight:700}.paired-row .heading-level-1{font-size:22px!important;line-height:1.4!important;margin:9px 0 12px!important}.paired-row .heading-level-2{font-size:19px!important;line-height:1.45!important;margin:6px 0 9px!important}.paired-row .heading-level-3,.paired-row .heading-level-4,.paired-row .heading-level-5,.paired-row .heading-level-6{font-size:17px!important}.paired-row .heading-block.translation-text{font-size:22px!important;margin:0 0 13px!important}.paired-row .heading-level-2.translation-text{font-size:19px!important;margin:0 0 12px!important}.paired-row .text-block p{line-height:inherit}.reader-view .section-marker{max-width:920px;width:100%;margin:18px auto 12px;padding:8px 0;border:0;border-bottom:1px solid var(--reading-line);background:transparent;color:var(--reading-muted);font-size:13px}.reader-text-content{white-space:pre-wrap}.reader-highlight{padding:0 2px;border-radius:2px;background:#ffe994;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reader-view[data-theme="night"] .reader-highlight{background:#75652f;color:#fff7d5}.reader-actions #export-docx{white-space:nowrap}
@media(max-width:760px){.reader-columns{padding:0 20px}.reader-spread{padding-top:15px}.paired-row .text-block,.paired-row .translation-text{font-size:15px}.paired-row .heading-level-1,.paired-row .heading-block.translation-text{font-size:20px!important}.paired-row .heading-level-2,.paired-row .heading-level-2.translation-text{font-size:18px!important}}
@media(max-width:560px){.reader-toolbar{height:auto;min-height:68px;padding:8px 12px;gap:6px}.reader-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.reader-actions .button{font-size:10px;padding:7px 8px}.reader-actions #export-docx{font-size:0}.reader-actions #export-docx::after{content:"导出 DOCX";font-size:10px}.reader-actions #highlight-button{font-size:10px}.reader-subbar{height:auto;min-height:39px;gap:8px}.reader-subbar>div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-tools .align-label{display:none}.reader-columns{padding:0 16px}.reader-spread{padding-top:13px}.paired-row{margin-bottom:15px}.paired-row .text-block,.paired-row .translation-text{font-size:14px;line-height:1.66}}

.paired-row .heading-level-3.translation-text,.paired-row .heading-level-4.translation-text,.paired-row .heading-level-5.translation-text,.paired-row .heading-level-6.translation-text{font-size:17px!important}
.reader-view[data-theme="white"]{--reading-bg:#f5f6f4;--reading-panel:#fff;--reading-chrome:#f3f4f1;--reading-text:#28312b;--reading-muted:#707a72;--reading-line:#e2e5df;--reading-hover:#f6f7f5;--reading-selection:#eef1ec;--reading-selection-border:#cbd3ca}.reader-view[data-theme="source"]{--reading-bg:#e8eee5;--reading-panel:#f3f7f0;--reading-chrome:#e1e9df;--reading-text:#29372e;--reading-muted:#69776d;--reading-line:#d2ddd1;--reading-hover:#e4ece1}.reader-view[data-theme="source"] .reader-columns{background:var(--reading-bg)}.reader-view #reader-spread .docx-wrapper{max-width:100%;margin:0 auto;padding:14px 0 50px;background:var(--reading-bg)!important}.reader-view #reader-spread .docx{margin:0 auto 22px!important;box-shadow:0 2px 14px #1d302a18}.reader-docx-paragraph{cursor:text}.reader-docx-paragraph:hover{outline:1px solid transparent}
@media(max-width:760px){.reader-view #reader-spread .docx-wrapper{padding:8px 0 30px}.reader-view #reader-spread .docx{max-width:100%;margin-bottom:12px!important}}
.reader-layout{position:relative;display:flex;flex:1;min-height:0;background:var(--reading-bg)}.reader-main{display:flex;flex:1;min-width:0;min-height:0}.reader-sidebar{width:286px;flex:none;overflow:auto;padding:18px 15px 28px;border-left:1px solid var(--reading-line);background:var(--reading-panel);color:var(--reading-text);scrollbar-width:thin;scrollbar-color:var(--reading-line) transparent}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-heading .eyebrow{margin:0 0 4px;font-size:9px}.sidebar-heading h2{margin:0;font:500 18px var(--serif)}.review-queue-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#f4e8bd;color:#816626;font:12px var(--mono)}.sidebar-explainer{margin:10px 0 14px;color:var(--reading-muted);font:11px/1.55 var(--sans)}.review-queue{display:grid;gap:7px}.review-queue-item{display:grid;gap:5px;width:100%;padding:10px;text-align:left;border:1px solid var(--reading-line);border-radius:7px;background:var(--reading-panel);color:var(--reading-text)}.review-queue-item:hover,.review-queue-item.is-selected{border-color:#c9a95d;background:var(--reading-hover)}.review-queue-item strong{font-size:11px;color:#896a24}.review-queue-item span{font-size:11px;line-height:1.45}.review-queue-item small{overflow:hidden;color:var(--reading-muted);font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sidebar-empty{margin:10px 0;color:var(--reading-muted);font:11px/1.6 var(--sans)}.selected-block-panel{margin-top:16px;padding-top:14px;border-top:1px solid var(--reading-line)}.sidebar-review-state{display:grid;gap:4px;margin-bottom:12px;padding:10px;border:1px solid var(--reading-line);border-radius:7px;background:var(--reading-bg)}.sidebar-review-state strong{font-size:12px}.sidebar-review-state span{color:var(--reading-muted);font-size:11px;line-height:1.5}.sidebar-review-state.needs-review{border-color:#e5cf91;background:#fbf4dd}.reader-view[data-theme="night"] .sidebar-review-state.needs-review{background:#51482b;border-color:#857347}.sidebar-text-details{margin:8px 0;border:1px solid var(--reading-line);border-radius:6px;background:var(--reading-panel)}.sidebar-text-details summary{padding:8px 9px;cursor:pointer;color:var(--reading-muted);font-size:11px}.sidebar-text-details p{max-height:180px;overflow:auto;margin:0;padding:0 9px 9px;white-space:pre-wrap;font:12px/1.6 var(--sans)}.sidebar-comments{margin:12px 0;padding:9px;border-left:2px solid #c5a762;background:var(--reading-bg);font-size:11px}.sidebar-comments p{margin:6px 0 0;line-height:1.5}.sidebar-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.sidebar-actions .button{padding:7px 9px;font-size:10px}.sidebar-actions .button:disabled{opacity:.5;cursor:not-allowed}.highlight-color-control{display:flex;align-items:center;gap:4px;color:var(--reading-muted);font:10px var(--mono)}.highlight-color-control select{height:30px;max-width:74px;padding:0 5px;border:1px solid var(--reading-line);border-radius:5px;background:var(--reading-panel);color:var(--reading-text);font:11px var(--sans)}.sidebar-toggle-button{display:none}.reader-highlight{cursor:pointer;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reader-highlight:hover{outline:1px dotted #6f765b}.reader-docx-paragraph{cursor:text}
@media(max-width:900px){.reader-sidebar{width:250px;padding:15px 12px}.reader-toolbar{padding:0 16px}.reader-actions{gap:5px}}
@media(max-width:760px){.reader-layout{min-height:0}.reader-sidebar{display:none;position:absolute;z-index:6;top:0;right:0;bottom:0;width:min(340px,90vw);border-left:1px solid var(--reading-line);box-shadow:-12px 0 32px #18251c24}.reader-sidebar.is-open{display:block}.sidebar-toggle-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;font-size:10px}.highlight-color-control span{display:none}.highlight-color-control select{max-width:62px;height:28px}.reader-subbar{gap:5px}.reader-tools{flex-wrap:nowrap}}
@media(max-width:560px){.reader-actions{max-width:60vw;flex-wrap:wrap;justify-content:flex-end}.reader-actions .highlight-color-control select{font-size:10px}.reader-subbar{min-height:42px}.reader-tools{gap:5px}}
