/* 0.5.2: two surfaces, one active annotation; no index/detail split. */
:root{color-scheme:light;--ink:#303631;--muted:#747a70;--quiet:#93988e;--paper:#fffefa;--canvas:#f4f3ee;--line:#dfe1d7;--accent:#c29a32;--yellow:#ffe79a;--button:#343e36;--source-share:42%;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button,a,input,select,textarea,summary,[tabindex]{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #8c7226}input:focus,select:focus,textarea:focus{outline:2px solid #b8a66f;outline-offset:2px}button{border:0;background:transparent}a{color:inherit}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}kbd{font:10px/1.5 ui-monospace,monospace;white-space:nowrap;opacity:.6}h1,h2,h3,p{margin:0}blockquote{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}input,textarea{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.72);padding:11px 13px;max-width:100%}textarea{resize:vertical;line-height:1.85;min-width:0}label{display:block;font-size:12px;color:#646d61;margin:18px 0 8px}details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.appbar{height:66px;padding:0 32px;display:flex;align-items:center;gap:25px;border-bottom:1px solid rgba(118,124,110,.12);background:rgba(253,252,248,.82)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;white-space:nowrap;font-size:15px;font-weight:650;letter-spacing:.05em}.brand-mark{width:30px;height:34px;display:grid;place-items:center}.brand-mark svg{width:26px;height:26px;stroke-width:1.35}.book-picker{min-width:0;padding-left:25px;border-left:1px solid var(--line);max-width:55%}.book-picker select{font-size:13px;appearance:auto;border:0;background:transparent;max-width:100%;padding:8px 20px 8px 0;cursor:pointer;min-height:38px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.connection-button{font-size:11px;padding:8px;color:var(--muted)}.connection:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#789577;margin:0 7px 2px 0}.connection.offline:before{background:#c79d34}.account{font-size:12px!important;padding:6px 13px!important;background:rgba(229,230,220,.6)!important}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;width:34px;height:34px;color:#74796e}.icon-button:hover{background:rgba(116,121,105,.08);color:var(--ink)}
.button{min-height:38px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:500;white-space:nowrap;transition:background .16s,box-shadow .16s}.button.primary{color:#fffef6;background:var(--button);box-shadow:0 3px 8px #29352612}.button.primary:hover:not(:disabled){background:#455247;box-shadow:0 4px 12px #29352622}.button.primary:active:not(:disabled){transform:translateY(1px)}.button.primary svg{width:16px;height:16px}.button.primary kbd{margin-left:8px;color:#e6eadd}.button.secondary{background:rgba(255,255,255,.54);border:1px solid #d9ddcf}.button.secondary:hover:not(:disabled){background:#fffefa;border-color:#b5bea9}.button.subtle{color:#68775e;background:#e9ecdf}.text-button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;font-size:12px;color:#68735f}.text-button:hover{background:#e8ebdf}.danger{color:#9c4e43!important}.muted-count{font-size:11px;font-weight:400;color:var(--quiet);margin-left:7px}.subtle-label{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:500;border-radius:6px;background:#e6e6d9;color:#696d55;margin-left:8px}
.workspace{--source-share:42%;height:calc(100dvh - 66px);display:grid;grid-template-columns:var(--source-share) 10px minmax(0,1fr);position:relative;width:calc(100% - 56px);margin:0 28px;padding:0 0 16px;gap:0}.reading,.review-pane{min-width:0;min-height:0;display:flex;flex-direction:column}.reading{background:var(--paper);border-radius:0 0 12px 12px;box-shadow:0 1px 3px #6b665008}.review-pane{position:relative;background:radial-gradient(ellipse at 80% 65%,#e2e3d43d,transparent 65%),radial-gradient(ellipse at 15% 15%,#e9e1cd42,transparent 65%);padding-left:24px;padding-right:12px}.pane-title{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 30px}.reading .pane-title{border-bottom:1px solid #e9e9e0}.review-pane>.pane-title{padding:10px 6px}.pane-label{font-size:14px;font-weight:600;display:flex;align-items:center;white-space:nowrap}.reading-hint{font-size:11px;color:var(--quiet);display:flex;align-items:center;gap:7px}.yellow-sample{width:14px;height:8px;border-radius:2px;background:var(--yellow);display:inline-block}.splitter{cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:8}.splitter span{width:2px;height:24px;border-radius:2px;background:#d6d8cc;opacity:.6}.splitter:hover span,.splitter:focus-visible span{background:#a0a58d;opacity:1}
.reader-scroll{overflow:auto;min-height:0;flex:1;padding:24px 40px 60px;scrollbar-width:thin;scrollbar-color:#dce0d2 transparent;overscroll-behavior:contain;scroll-padding-block:40px}.reading-heading{margin-bottom:30px}.edition{font-size:11px;color:#939989}.reading-heading h1{font-family:Georgia,"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:25px;font-weight:600;line-height:1.65;letter-spacing:.01em;margin-top:10px;overflow-wrap:anywhere}.selection-guide{font-size:11px;letter-spacing:.02em;color:#929889;margin-top:8px}.block{position:relative;margin:0 0 23px;padding:0 0 0 3px;border-radius:5px;overflow-wrap:anywhere}.block-number{position:absolute;font:9px/1.5 ui-monospace,monospace;color:#b6baac;left:-24px;top:9px;user-select:none}.block-content{font-family:Georgia,"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:18px;line-height:2.05;white-space:pre-wrap;color:#373f35;letter-spacing:.015em;text-align:start}.block-content:is(h1,h2,h3,h4,h5,h6){font-size:22px;font-weight:600;line-height:1.8;margin-top:28px;margin-bottom:12px}.block-content:is(h3,h4,h5,h6){font-size:19px}.block.active>.block-number{color:#9c7c28;font-weight:700}.block-tools{position:absolute;right:-31px;top:3px;opacity:0;pointer-events:none;z-index:5;transition:opacity .12s}.block:hover>.block-tools,.block:focus-within>.block-tools,.block.active>.block-tools{opacity:1;pointer-events:auto}.block-tools button{display:flex;align-items:center;justify-content:center;width:25px;height:28px;border:1px solid #ddd9c7;border-radius:7px;color:#817954;background:#fffdf3;box-shadow:0 2px 5px #635b3620}.block-tools svg{width:13px;height:13px}.block-tools .tool-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.block.active{background:transparent}.block-content mark{color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px;background:#ffe69abf;cursor:pointer;padding:2px 0;outline-offset:3px;transition:background .16s,box-shadow .16s}.block-content mark.selected{background:#ffdc76;box-shadow:0 2px 0 #bd963c}.block-content mark.needs-review{background:#ffe4ad99;text-decoration:underline dashed #b58b33;text-underline-offset:5px}.block-content mark.local-mark{background:#ffeeb2a8;text-decoration:underline dotted #b48f42;text-underline-offset:5px}.block-content mark.resolved-mark{background:#dfe9d766;box-shadow:0 1px 0 #829477}.insertion-marker{display:inline-block;position:relative;width:3px;height:1em;background:#cfa633;vertical-align:middle;cursor:pointer}.insertion-marker:after{content:"";position:absolute;inset:-5px}.reading-footer{padding:10px 26px;border-top:1px solid #eeeee6;font-size:10px;color:#969b8c;display:flex;justify-content:space-between;flex:none}.reading-placeholder{color:#969c90;font-size:14px;padding:30px 0}.pagination{display:block;margin:20px auto;text-align:center}
.review-controls{display:flex;align-items:center;gap:9px}.task-chip{font-size:11px;color:#947339;padding:6px 10px;background:#efdfb44d;border-radius:7px}.review-content{min-height:0;flex:1;overflow:auto;position:relative;padding:18px 8px 70px;scrollbar-width:thin;scrollbar-color:#d4d8c9 transparent;overscroll-behavior:contain;scroll-padding:20px}.card-track{display:flex;flex-direction:column;gap:19px;min-width:0;padding-top:16px}.annotation-card{border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.42);box-shadow:0 3px 12px rgba(80,84,61,.025);transition:opacity .18s,box-shadow .18s,background .18s;min-width:0;position:relative;flex:none;isolation:isolate;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-track.has-active .annotation-card:not(.active){opacity:.45}.card-track.has-active .annotation-card:not(.active):hover,.card-track.has-active .annotation-card:not(.active):focus-within{opacity:.84}.annotation-card.active{z-index:3;background:rgba(255,255,252,.81);border-color:rgba(255,255,255,.98);box-shadow:0 14px 40px rgba(71,76,52,.10),0 3px 8px #756e4310;opacity:1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.annotation-card.active:before,.utility-stage:before{content:"";position:absolute;top:30px;left:-5px;height:10px;width:10px;background:#f8edbd;border:1px solid #d8c38a;border-radius:50%;z-index:6}.card-select{display:block;width:100%;padding:18px 24px;text-align:left;min-height:108px;border-radius:15px}.card-select:hover{background:rgba(255,255,255,.2)}.card-select .card-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7a816c;margin-bottom:8px}.card-select .card-topline strong{font-weight:500}.card-select .card-quote{font-size:14px;line-height:1.75;overflow-wrap:anywhere;color:#45503c}.card-select .card-quote>span{background:linear-gradient(transparent 32%,#f2e2a269 32%,#f2e2a269 92%,transparent 92%)}.card-select .card-preview{font-size:12px;line-height:1.6;color:#707868;margin-top:5px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-select .preview-arrow{margin-right:6px;color:#94874f}.card-select .card-hint{font-size:10px;color:#9a9f8e}.annotation-card.active>.card-select{display:none}.card-slot{min-height:0}.card-editor-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px 7px;gap:12px}.card-editor-head>div:first-child{display:flex;align-items:center;gap:10px;font-size:11px}.head-actions{display:flex;align-items:center;gap:2px}.card-index{font:11px/1.5 ui-monospace,monospace;color:#6c765f}.status-tag{font-size:10px;color:#8a7744}.status-tag:before{content:"";display:inline-block;width:4px;height:4px;background:#c2a14d;border-radius:50%;margin-right:6px;vertical-align:2px}.status-tag.accepted{color:#61775b}.status-tag.rejected{color:#8a7770}.card-editor-body{padding:10px 24px 8px}.original-fragment{margin:0 0 18px}.field-caption{font-size:10px;color:#8c9482;display:block;margin-bottom:7px}.field-caption #anchor-label{font-size:10px;margin-left:10px;color:#9c9e8c}.original-fragment blockquote{font-size:15px;line-height:1.85;color:#5a614d;border-left:2px solid #e5cb79;padding:3px 0 3px 12px;overflow-wrap:anywhere;max-height:140px;overflow:auto;white-space:pre-wrap}.editor-input{display:block;width:100%;font-size:16px;line-height:1.9;min-height:100px;max-height:42vh;background:rgba(255,255,252,.48);border:1px solid #dbdecd;border-radius:10px;padding:15px 16px;box-shadow:inset 0 1px 3px #51552b03}.editor-input:focus{background:rgba(255,255,252,.82);border-color:#b8bfa6;outline:2px solid #b6bd9b30;outline-offset:0}.note-input{display:block;width:100%;min-height:64px;font-size:13px;line-height:1.7;background:rgba(255,255,255,.42)}.comment-section{margin:19px 0 12px}.comment-section p{font-size:13px;color:#737b68;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.diff-details{margin-top:15px;font-size:11px;color:#8b927e}.diff-details summary{padding:6px 0}.diff-details summary:before,.base-details summary:before{content:"+";display:inline-block;margin-right:7px;font-size:13px}.diff-details[open] summary:before,.base-details[open] summary:before{content:"−"}.diff-line{font-size:14px;line-height:1.9;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.diff-delete{text-decoration:line-through;background:#f6dbd2;color:#935745}.diff-insert{background:#dfe9d2;color:#4b6c3b}.detail-byline{display:flex;gap:12px;font-size:10px;color:#9c9e92;margin:15px 0}.approval-actions,.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 20px}.save-message{font-size:10px;color:#8b9580;max-width:52%;line-height:1.6}.save-message:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#9da98e;margin-right:6px}.approval-actions>.primary{margin-left:auto}.footer-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-buttons .secondary{font-size:12px;border-color:transparent;background:transparent;color:#7d8770}.footer-buttons .secondary:hover{background:#e6e9dc}.new-badge{font-size:11px;color:#8a753c;background:#eee4bd69;border-radius:5px;padding:3px 7px}.optional{color:#9d9f93;font-weight:400;font-size:10px;margin-left:5px}.resolved-note{font-size:12px;color:#7c856e;padding:15px 24px 22px}.input-meta{display:flex;justify-content:space-between;font-size:11px;color:#8c937f;gap:10px;margin-top:10px}.inline-warning{padding:12px 14px;background:#f6eac973;border-radius:8px;color:#8c7445;font-size:12px;margin:12px 0;line-height:1.8}.base-details{font-size:11px;color:#8b927e;margin:6px 0 18px}.base-details pre{padding:12px;background:#f3f3e9;margin-top:10px}.large-editor{min-height:240px}.utility-stage{position:relative;z-index:4;background:rgba(255,255,252,.84);border:1px solid #fff;border-radius:15px;box-shadow:0 14px 40px #474c341a;backdrop-filter:blur(16px);margin-top:16px}.review-content.utility-active .card-track{display:none}.task-detail{padding:24px}.task-detail h2{font-size:19px;margin:10px 0}.task-detail p{line-height:1.8;color:#69735e;font-size:13px}.task-item{margin-top:16px;border-top:1px solid #dedfcd;padding-top:16px}.task-item blockquote{margin:8px 0;font-size:15px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#969b8b}.empty-detail{text-align:center;padding:100px 10px 40px;color:#919783}.empty-detail .empty-symbol{display:inline-flex;width:48px;height:48px;justify-content:center;align-items:center;border:1px solid #dddcc7;border-radius:16px;background:#fffef861;color:#b3a668}.empty-detail h2{font-family:Georgia,"Songti SC",SimSun,serif;font-size:22px;font-weight:500;margin:20px 0 12px;color:#737d64}.empty-detail p{font-size:12px;line-height:2}.empty-detail button{margin-top:16px;color:#8b947b}.list-empty{text-align:center;color:#969d89;padding:35px 10px;font-size:13px;white-space:pre-line}.review-bottom{display:flex;justify-content:space-between;gap:15px;padding:10px 8px 0;font-size:10px;color:#929a87;flex:none}.annotation-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;color:#c4ac61;opacity:.6}.annotation-link path{stroke-width:1;fill:none}.annotation-link circle{fill:#dcc679;stroke:#c4aa5c}
.popover-menu>summary{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:8px;color:#8b927e}.popover-menu[open]>summary,.popover-menu>summary:hover{background:#e5e7db85}.popover-menu .popover{position:absolute;z-index:30;right:0;top:calc(100% + 8px);min-width:190px;padding:7px;border:1px solid #ffffffc9;background:rgba(255,255,249,.96);backdrop-filter:blur(16px);box-shadow:0 12px 32px #4b513d20;border-radius:12px}.popover button{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:6px;gap:9px;font-size:12px;text-align:left}.popover button:hover,.popover button[aria-pressed=true]{background:#e9ebdd99}.popover button span{margin-left:auto;color:#949a87}.search-box{position:relative;display:flex;align-items:center;gap:6px;padding:8px 8px 5px;margin:0}.search-box svg{width:13px;height:13px}.search-box input{width:145px;border:0;border-radius:5px;padding:7px 5px;font-size:12px;background:#f1f2e9}.selection-pill{position:fixed;z-index:20;display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,251,.96);backdrop-filter:blur(12px);border:1px solid #e7dbb4;border-radius:9px;box-shadow:0 6px 18px #5a51222a;font-size:12px;max-width:calc(100vw - 24px)}.selection-pill svg{width:14px;height:14px}.selection-pill kbd{margin-left:6px;font-size:9px}.toast{position:fixed;z-index:50;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(620px,calc(100vw - 40px));padding:12px 18px;background:rgba(44,54,43,.94);color:#fffef5;border-radius:12px;box-shadow:0 5px 30px #26301e26;font-size:13px;backdrop-filter:blur(12px)}.toast.error{background:#725044}
/* Only infrequent workflows are modal. Native dialog supplies focus containment. */
dialog{color:var(--ink);background:rgba(255,255,249,.90);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #ffffffdd;border-radius:20px;padding:24px 28px;box-shadow:0 24px 90px #2f392b30;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto}dialog::backdrop{background:rgba(78,84,70,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:19px;font-weight:600;letter-spacing:.02em}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.dialog-actions .help-text{margin-right:auto;max-width:52%}dialog input:not([type=checkbox]):not([type=file]){display:block;width:100%}dialog label{font-size:12px}.help-text{color:#939986;font-size:11px;line-height:1.8;margin-top:13px}.tools-dialog{width:min(530px,calc(100vw - 32px))}.tool-section{margin-top:22px;padding-top:18px;border-top:1px solid #dedfcf}.tool-section h3{font-size:12px;color:#818a73;margin-bottom:12px}.tool-buttons{display:flex;gap:9px;flex-wrap:wrap}.tool-section>p{font-size:12px;color:#8b927c;margin-bottom:12px}.tools-dialog details{font-size:12px;color:#7d876e;margin-top:16px}.tools-dialog summary{padding:6px 0}.tools-dialog summary:before{content:"+ ";color:#a3ab95}.tools-dialog details[open]>summary:before{content:"− "}.version-label{font-size:10px;color:#979e8a;margin-right:auto}.export-group{display:flex;gap:10px;margin-top:12px}.export-group select{border:1px solid #dce0d0;background:#ffffff70;border-radius:8px;padding:8px;font-size:12px;min-width:140px}.card{border:1px solid #dce0cd;border-radius:8px;padding:12px;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.card pre{max-height:200px;overflow:auto}.import-dialog{width:min(680px,calc(100vw - 32px))}#import-explanation{font-size:13px;color:#7b846e;line-height:1.8}.file-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px 18px;border:1px dashed #c6cbb7;border-radius:12px;background:#ffffff40;cursor:pointer;position:relative;overflow:hidden}.file-drop>svg{width:26px;height:26px;color:#8c9779}.file-drop strong{font-size:14px;font-weight:500}.file-drop span{font-size:11px;color:#909b80}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0}.file-drop:focus-within{outline:2px solid #8c976d}.file-drop.dragging{border-color:#889b6b;background:#e6edcf}.check{display:flex;align-items:center;gap:7px}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.import-stat{display:flex;flex-direction:column;align-items:center;background:#e7ecd95e;padding:13px 6px;border-radius:10px;gap:3px}.import-stat strong{font-size:23px;font-weight:500}.import-stat span{font-size:11px;color:#859175}.import-stat.attention{background:#f4dfaa70;color:#9f7d28}.unresolved-example{margin-top:7px;padding:8px 11px;border-left:2px solid #d2b76c;font-size:12px;color:#7b806a}.mobile-nav{display:none}
@media(max-width:1100px){.appbar{padding:0 20px}.workspace{width:calc(100% - 28px);margin:0 14px;padding:0 0 12px}.reader-scroll{padding:24px 30px 50px}.review-pane{padding-left:14px;padding-right:4px}.pane-title{padding:10px 22px}.reading-hint{display:none}.card-editor-body{padding:8px 20px}.card-editor-head{padding:13px 18px 6px}.approval-actions,.editor-footer{padding:14px 20px 18px}.button.primary kbd{display:none}.subtle-label{font-size:10px;margin-left:8px}.block-content{font-size:17px}.card-select{padding:16px 20px}}
@media(max-width:800px){body{height:100dvh}.appbar{height:58px;padding:0 16px;gap:12px}.brand{font-size:13px}.brand-mark{width:22px}.brand-mark svg{width:23px;height:23px}.book-picker{padding-left:12px;flex:1;max-width:none}.book-picker select{width:100%;font-size:12px}.top-actions{gap:4px}.connection-button{display:none}.account{font-size:11px!important;padding:5px 9px!important}.workspace{display:block;height:calc(100dvh - 116px - env(safe-area-inset-bottom));width:calc(100% - 28px);margin:0 14px;padding:0 0 10px}.reading,.review-pane{height:100%}.splitter{display:none}.workspace[data-mobile=read]>.review-pane{display:none}.workspace[data-mobile=review]>.reading{display:none}.pane-title{min-height:56px;padding:8px 16px}.review-pane{padding:0}.review-pane>.pane-title{padding:8px 4px}.subtle-label{font-size:10px}.reader-scroll{padding:21px 29px 48px}.block-content{font-size:18px;line-height:2}.reading-heading h1{font-size:23px}.reading-hint{display:none}.block-tools{right:-23px;opacity:1;pointer-events:auto}.block-tools button{height:28px;width:21px;border-color:transparent;background:transparent;box-shadow:none;color:#b5b697}.block-number{left:-20px;top:9px}.block{margin-bottom:22px}.review-content{padding:8px 3px 36px}.card-track{gap:13px;padding-top:6px}.annotation-card{border-radius:14px}.annotation-card.active:before,.utility-stage:before{display:none}.card-editor-head{padding:13px 16px 5px}.card-editor-body{padding:8px 18px}.card-select{padding:14px 18px;min-height:100px}.editor-input{font-size:16px;min-height:110px;max-height:35dvh;padding:12px}.approval-actions,.editor-footer{padding:13px 18px 17px;gap:10px}.editor-footer{flex-wrap:wrap}.editor-footer .save-message{max-width:100%}.footer-buttons{margin-left:auto}.save-message{font-size:10px}.reading-footer{padding:8px 17px}.mobile-nav{display:flex;align-items:center;justify-content:center;gap:6px;height:58px;padding:7px 28px calc(7px + env(safe-area-inset-bottom));background:var(--canvas);position:fixed;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));z-index:12}.mobile-nav button{flex:1;padding:9px 12px;display:flex;gap:9px;align-items:center;justify-content:center;border-radius:10px;font-size:13px;color:#959d89}.mobile-nav button[aria-pressed=true]{background:#e3e7d7;color:#617347}.annotation-link{display:none}.toast{bottom:72px;font-size:12px}.selection-pill kbd{display:none}.selection-pill{padding:8px 13px}.dialog-head h2{font-size:18px}dialog{padding:20px;width:calc(100vw - 28px);border-radius:16px;max-height:calc(100dvh - 36px)}.dialog-actions .help-text{max-width:100%;width:100%}.import-stats{gap:6px}.import-stat{padding:10px 3px}.import-stat strong{font-size:20px}.import-stat span{font-size:10px}.review-bottom{font-size:9px}.empty-detail{padding-top:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.annotation-card,.annotation-card.active,.utility-stage,dialog,.popover-menu .popover,.selection-pill{background:#fffef8;backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#343d3360}.card-track.has-active .annotation-card:not(.active){opacity:.75}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.annotation-card,.annotation-card.active,.utility-stage,dialog{background:#fffef9}}
@media(forced-colors:active){.block-content mark{background:Mark;color:MarkText;border:1px solid MarkText}.annotation-card,.utility-stage{border:1px solid CanvasText;background:Canvas}.card-track.has-active .annotation-card:not(.active){opacity:1}.annotation-link{display:none}.button.primary{border:1px solid ButtonText}.card-select .card-quote>span{background:none}}