*{box-sizing:border-box}body{margin:0;background:#eef0eb;color:#354038;font:13px/1.5 "PingFang SC","Microsoft YaHei",sans-serif}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #d4dcd2;background:#fff;color:#41513f;border-radius:6px;padding:8px 13px;line-height:1.45}button:hover{background:#eef1e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,textarea:focus-visible,.preview-pane:focus-visible{outline:2px solid #63785a;outline-offset:3px}.topbar{height:68px;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #dfe4db;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand strong{font-size:16px;font-weight:600;letter-spacing:.05em}.brand-mark{font:24px "Kaiti SC","STKaiti",serif;width:32px;height:36px;color:#52664b;display:grid;place-items:center;border:1px solid #778570;border-radius:1px 5px 1px 5px}.local-tag{font-size:10px;color:#7e887b;margin-left:4px}.actions{display:flex;gap:8px}.actions button{font-size:12px;background:transparent}.primary,.actions .primary{background:#52664b;color:#fff;border-color:#52664b}.primary:hover,.actions .primary:hover{background:#40543a}.primary span{margin-left:14px}.layout{display:grid;grid-template-columns:272px minmax(0,1fr);height:calc(100dvh - 68px)}.layout.settings-closed{grid-template-columns:minmax(0,1fr)}.sidebar{overflow:auto;min-width:0;background:#fafbf8;border-right:1px solid #dfe4db;padding:24px 22px 30px;scrollbar-width:thin;scrollbar-color:#d5dbd0 transparent}.settings-closed .sidebar{display:none}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sidebar-heading h1{font-size:14px;font-weight:600;margin:0}.icon-button{border:0;background:transparent;padding:0 5px;font-size:21px;color:#8a9485}.setting-section{margin:0 0 23px;padding-bottom:23px;border-bottom:1px solid #e1e6dc}.setting-section h2{font-size:11px;color:#7f8978;font-weight:500;margin:0 0 13px}.theme-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-card{display:block;text-align:left;padding:7px;background:#fff;border:1px solid #dfe4db;border-radius:5px;width:100%;position:relative}.theme-card[aria-pressed="true"]{border-color:#687e5c;box-shadow:0 0 0 1px #687e5c;background:#f1f4ed}.theme-thumb{display:block;height:47px;padding:8px 9px;border:1px solid #00000008;border-radius:2px;overflow:hidden}.theme-thumb b{font:16px/20px "Songti SC",serif;letter-spacing:.1em}.theme-thumb i{display:block;height:1px;background:currentColor;opacity:.2;margin-top:4px;width:83%}.theme-card strong{display:block;font-size:11px;font-weight:500;margin-top:7px;padding:0 2px}.theme-card .check{position:absolute;right:8px;bottom:6px;color:#52664b;visibility:hidden}.theme-card[aria-pressed="true"] .check{visibility:visible}.references{margin-top:17px}.references summary{font-size:11px;color:#788371;cursor:pointer;list-style:none}.references summary::after{content:'＋';float:right}.references[open] summary::after{content:'−'}.references .theme-list{margin-top:12px}.references .theme-thumb{height:34px;padding:4px 8px}.references .theme-thumb i{display:none}.color-label,.range-label,.select-label{display:flex;justify-content:space-between;align-items:center;color:#4c5846;font-size:12px}.color-label output,.range-label output{font-size:11px;color:#8a9384;font-variant-numeric:tabular-nums}.paper-colors{display:flex;gap:8px;margin:10px 0 18px}.paper-colors button{flex:1;font-size:10px;padding:7px 4px;background:transparent;color:#76806c;border-color:transparent}.paper-colors button[aria-pressed="true"]{border-color:#b7c4ad;color:#405b36;background:#f0f3ea}.paper-colors i{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #c5c6b8;margin:0 auto 6px;box-shadow:inset 0 0 4px #ada48b15}.range-label{margin-top:15px}input[type=range]{display:block;width:100%;height:18px;margin:7px 0 0;accent-color:#687e5c;cursor:pointer}.select-label{margin:14px 0 2px}select{max-width:100%;border:1px solid #dce2d7;color:#55634c;background:#fff;border-radius:5px;padding:6px 8px;font-size:11px}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.switch-row input{appearance:none;width:30px;height:17px;background:#c8d0c0;border-radius:20px;position:relative;cursor:pointer;margin:0}.switch-row input:checked{background:#667d59}.switch-row input::before{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;background:white;border-radius:50%}.switch-row input:checked::before{left:16px}.field-note{font-size:10px;color:#818a7a;margin:12px 0 0;line-height:1.8}.reset-button{font-size:11px;background:transparent;color:#7f8c74;border:0;width:100%;padding:3px}.reset-button:hover{color:#405338}main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.preview-toolbar{min-height:57px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 25px;gap:15px;background:#f3f5f0;border-bottom:1px solid #dce2d7}.theme-context,.reading-actions{display:flex;align-items:center;gap:13px;min-width:0}.theme-context strong{font-size:12px;font-weight:500;white-space:nowrap}.theme-context>span{font-size:11px;color:#8a9583;white-space:nowrap}.preview-toolbar button{background:transparent;border:0;color:#65765a;font-size:11px;padding:5px 4px;white-space:nowrap}.preview-toolbar select{border:0;background:transparent;max-width:160px;font-size:11px;color:#68775f}.preview-toolbar #toggle-settings{padding:0;height:22px}#toggle-settings svg{width:19px;height:19px;stroke:#7d8d70;stroke-width:1.2;fill:none;vertical-align:middle}.reading-actions button:hover{text-decoration:underline;text-underline-offset:4px}#comparison-control{display:flex;align-items:center;gap:12px;background:#e8ede3;padding:9px 25px;font-size:11px}#comparison-control span{color:#85917b}.panes{display:flex;min-height:0;flex:1;gap:1px;background:#d2dacf;--preview-width:680px}.preview-pane{flex:1;min-width:0;overflow:auto;background:var(--md-chrome-page-bg);padding:38px 40px 60px;scrollbar-width:thin;scrollbar-color:#b9c2b1 transparent;overscroll-behavior:contain}.paper{position:relative;background:var(--md-chrome-surface-bg);min-height:100%;max-width:calc(var(--preview-width,680px) + 112px);margin:0 auto;padding:56px 56px 85px;border-radius:1px;box-shadow:0 2px 5px #25302104,0 15px 50px #25302106}.md-content{max-width:var(--preview-width,680px);margin:auto;min-width:0}.pane-caption{display:none;color:var(--md-color-text);font-size:11px;opacity:.6;margin:0 auto 12px;max-width:calc(var(--preview-width,680px) + 112px)}.compare .pane-caption{display:block}.compare .preview-pane{padding:24px 20px 50px}.compare .paper{padding:36px 30px 60px}.reading-footer{height:31px;flex-shrink:0;background:#f3f5f0;border-top:1px solid #dce2d7;display:flex;align-items:center;justify-content:space-between;padding:0 26px;color:#8a9581;font-size:10px}.reading-footer>div{display:flex;align-items:center;gap:18px}.reading-footer button{border:0;background:none;font-size:10px;color:#7d8c73;padding:0}.is-focused .topbar,.is-focused .sidebar,.is-focused .preview-toolbar,.is-focused #comparison-control,.is-focused .reading-footer{display:none}.is-focused .layout{height:100dvh;grid-template-columns:1fr}.is-focused .preview-pane{padding-top:60px}.is-focused .paper{padding-top:60px}#exit-focus{position:fixed;right:24px;top:18px;z-index:5;background:#fafbf8d9;border-color:#cdd5c5;backdrop-filter:blur(8px);font-size:11px;color:#73836b}kbd{font-size:10px;opacity:.55;margin-left:7px}dialog{border:1px solid #d7dfd0;border-radius:10px;padding:25px;width:min(800px,92vw);color:#46563e;background:#fafbf8}dialog::backdrop{background:#1f2c2266;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:17px;margin:0;font-weight:500}.dialog-heading button{border:0;background:none;font-size:24px;padding:0 6px}dialog p{font-size:11px;color:#8a9482}textarea{width:100%;height:50vh;resize:vertical;padding:18px;border:1px solid #d3dccb;border-radius:5px;background:#fff;line-height:1.9;font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;color:#354234}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#notice{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);background:#42563b;color:#fff;padding:10px 18px;border-radius:5px;box-shadow:0 5px 20px #0002;display:none;z-index:20;font-size:12px}#notice.visible{display:block}
@media(max-width:1100px){.layout{grid-template-columns:242px minmax(0,1fr)}.sidebar{padding:22px 18px}.preview-pane{padding:28px 25px 45px}.paper{padding:42px 38px 65px}.theme-context>span{display:none}.preview-toolbar{padding:10px 20px}.compare .preview-pane{padding:20px 12px}.compare .paper{padding:26px 22px}}
@media(max-width:760px){.topbar{height:61px;padding:0 16px;gap:10px}.brand{gap:8px}.brand strong{font-size:14px}.brand-mark{width:27px;height:31px;font-size:21px}.local-tag{display:none}.actions{gap:4px}.actions button{font-size:10px;padding:7px}.primary span{margin-left:3px}.layout{height:calc(100dvh - 61px);grid-template-columns:1fr;position:relative}.sidebar{border-right:0;border-bottom:1px solid #d6dfcd;max-height:47dvh;padding:20px;grid-row:1}.sidebar-heading{margin-bottom:17px}.theme-list{grid-template-columns:repeat(4,1fr)}.references .theme-list{grid-template-columns:repeat(3,1fr)}.setting-section{margin-bottom:19px;padding-bottom:19px}.layout:not(.settings-closed){grid-template-rows:auto minmax(0,1fr)}.settings-closed{grid-template-columns:1fr!important}.preview-toolbar{padding:9px 13px;min-height:51px;gap:10px}.theme-context,.reading-actions{gap:8px}.reading-actions select{max-width:95px;padding:5px 0}.preview-toolbar button{font-size:10px}.preview-pane{padding:18px 12px 32px}.paper{padding:30px 23px 55px}.panes.compare{display:block;overflow:auto}.compare .preview-pane{overflow:visible;min-height:500px}.reading-footer{padding:0 15px;font-size:9px}.is-focused .preview-pane{padding:48px 10px 30px}.is-focused .paper{padding:35px 23px 55px}#exit-focus{right:12px;top:10px;padding:6px 10px}}
@media print{body{background:white}.topbar,.sidebar,.preview-toolbar,#comparison-control,.reading-footer,#exit-focus,dialog,#notice{display:none!important}.layout,main,.panes,.preview-pane{display:block!important;height:auto!important;overflow:visible!important;background:white!important;padding:0!important}.paper{max-width:none!important;min-height:0!important;padding:0!important;margin:0!important;box-shadow:none!important;background:white!important}.pane-caption{display:none!important}#secondary-pane{display:none!important}.md-content{max-width:none!important;filter:none!important}a{color:inherit!important}pre,blockquote{break-inside:avoid}h1,h2,h3{break-after:avoid}.table-scroll,pre{overflow:visible!important}pre code{white-space:pre-wrap!important}table{width:100%!important;font-size:10pt!important}}
/* Preview families and sound mixer share the same collapsible rail. */
.settings-tabs{display:flex;gap:3px;border-bottom:1px solid #dce3d4;margin:-7px 0 23px;padding-bottom:7px}.settings-tabs button{flex:1;border:0;background:transparent;color:#88937f;border-radius:4px;font-size:12px;padding:7px 0}.settings-tabs button[aria-selected="true"]{background:#e9efe3;color:#425a36;font-weight:600}.theme-section{border-bottom:0}.theme-section>h2{display:none}.theme-card{min-height:80px}.theme-card strong{padding-right:14px}.paper,.pane-caption{position:relative;z-index:1}.sound-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}.sound-heading>span{font-size:10px;color:#88967e}.sound-play{display:flex;gap:7px;margin:14px 0}.sound-play button{flex:1;font-size:12px;padding:10px}.sound-play .sound-stop{flex:0 0 64px;background:transparent;font-size:11px}.sound-master{padding:0 0 17px;border-bottom:1px solid #e0e7d8;margin-bottom:18px}.sound-preset{width:100%;font-size:12px}.sound-track{padding:11px 0;border-bottom:1px solid #e8ecdf}.sound-track-label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:22px}.sound-track-label input{accent-color:#687e5c;width:13px;height:13px;margin:0}.sound-track-label output{font-size:10px;margin-left:auto;color:#8b957f}.sound-track small{display:block;font-size:10px;color:#8a9580;margin:2px 0 2px 21px}.sound-track input[type=range]{margin-left:21px;width:calc(100% - 21px);height:12px}.sound-track.muted{opacity:.6}.sound-track .remove-sound{border:0;background:none;font-size:16px;color:#9ca68f;padding:0 2px}.sound-options{padding-top:18px}.sound-options .switch-row{font-size:11px;margin:16px 0}.sound-import{font-size:11px;padding:9px 12px;width:100%;border-style:dashed;background:transparent;margin-top:18px}.mix-save{display:flex;gap:6px;margin-top:15px}.mix-save input{width:100%;min-width:0;border:1px solid #d6dfcc;padding:7px;border-radius:4px;font-size:11px;background:white;color:#53634a}.mix-save button{font-size:11px;white-space:nowrap;padding:7px 10px}.sound-saved{display:flex;gap:6px;margin:8px 0}.sound-saved select{width:100%}.sound-saved button{font-size:14px;padding:4px 10px}.sound-source-note{font-size:10px;color:#8b977f;line-height:1.8;margin:15px 0}.sound-timer{font-size:10px;color:#839674;margin:8px 0 0;text-align:center}#open-sound.is-playing{color:#415f30}#open-sound.is-playing:before{content:'';display:inline-block;width:5px;height:5px;background:#7d9b65;border-radius:50%;margin-right:5px}#focus-controls{position:fixed;right:24px;top:18px;z-index:6;display:flex;gap:7px}#focus-controls button{position:static;background:#fafbf8e6;border-color:#cdd5c5;backdrop-filter:blur(8px);font-size:11px;color:#627457}.is-focused.sound-peek .sidebar{display:block;position:absolute;right:16px;top:60px;bottom:20px;width:292px;max-height:none;z-index:8;border:1px solid #d3ddc7;box-shadow:0 12px 40px #18251422;border-radius:8px}.is-focused.sound-peek .sidebar-heading{display:flex}.is-focused.sound-peek .settings-tabs{display:none}.is-focused.sound-peek .sidebar-heading h1{font-size:13px}@media(max-width:760px){.settings-tabs{margin-top:0}.theme-list{grid-template-columns:repeat(3,1fr)}.reading-actions{gap:6px}.reading-actions select{max-width:83px}#focus-controls{right:12px;top:10px}.is-focused.sound-peek .sidebar{right:10px;left:10px;width:auto;top:52px;bottom:12px;max-height:none}.sound-track input[type=range]{height:16px}.settings-tabs button{padding:10px 0}}@media print{#focus-controls,.ambient-scene{display:none!important}}
/* Writing lives on the same paper as reading. */
.range-endpoints{display:flex;justify-content:space-between;margin-top:3px;color:#8a9384;font-size:10px}.typing-quick-control{display:flex;align-items:center;gap:7px;margin-left:auto;padding-left:12px;flex-shrink:0;color:#68765f;font-size:11px}.typing-quick-control input[type=range]{width:105px;margin:0;height:18px}.typing-quick-control output{min-width:35px;font-variant-numeric:tabular-nums}.editor-toolbar .typing-quick-control + .find-document{margin-left:8px}
.view-modes{display:flex;gap:2px;padding:3px;border:1px solid #d7dfd1;border-radius:6px;background:#e9eee4}.preview-toolbar .view-modes button{padding:3px 10px;font-size:11px;border-radius:3px}.view-modes button[aria-pressed=true]{background:#fafbf8;color:#3f5635;box-shadow:0 1px 3px #283c1720}.editor-toolbar{flex-shrink:0;display:flex;align-items:center;gap:3px;padding:6px 22px;background:#f3f5f0;border-bottom:1px solid #dce2d7;overflow-x:auto;scrollbar-width:thin;min-height:42px}.editor-toolbar button,.editor-toolbar select{border:0;background:transparent;color:#68765f;padding:4px 9px;border-radius:4px;font-size:12px;white-space:nowrap}.editor-toolbar button:hover{background:#e5ecde;color:#3d5531}.editor-toolbar button b,.editor-toolbar button i,.editor-toolbar button s{font-family:Georgia,serif;font-size:15px}.editor-toolbar .find-document{margin-left:auto;font-size:11px}.tool-divider{height:16px;border-left:1px solid #d8e0d0;margin:0 6px}#heading-level{min-width:73px}#writing-surface{min-height:calc(100dvh - 355px)}#editor-loading{font-size:13px;color:var(--md-muted);padding:30px 0;opacity:.7}#source-surface{min-height:55vh}body[data-view=source] .paper{max-width:1050px;padding:28px 22px 60px}body[data-view=write] #primary-pane{cursor:text}.writing-surface .ProseMirror{min-height:45vh}.is-focused .editor-toolbar{display:none}.is-focused[data-view=write] .paper{min-height:calc(100dvh - 120px)}#link-dialog{max-width:430px}#link-dialog label{display:block;margin:18px 0 8px}#link-dialog input{width:100%;border:1px solid #ccd6c4;border-radius:4px;padding:10px;color:#354038;background:white}#save-state{font-size:10px;color:#7c8d73}.md-content .math-display{overflow:auto;max-width:100%;margin:1.2em 0}.md-content .katex{font-size:1.05em}.md-content .katex *{border-color:currentColor}.md-content .diagram-block{overflow:auto;margin:1.3em 0;text-align:center;background:var(--md-code-block-bg);border-radius:6px;padding:20px}.mermaid-preview svg{display:block;max-width:100%;height:auto;margin:auto}.diagram-block small{color:var(--md-muted)}.md-content .footnotes{font-size:.85em;color:var(--md-muted)}.md-content .footnote-ref{font-size:.75em}.source-surface{color:var(--md-color-text)}
@media(max-width:1100px){.preview-toolbar{flex-wrap:wrap;gap:6px}.theme-context{flex:1}.reading-actions{margin-left:auto}.editor-toolbar{padding:6px 16px}}
@media(max-width:760px){.topbar{padding:0 12px}.brand strong{display:none}.actions{gap:3px}.actions button{padding:7px 8px}.preview-toolbar{padding:7px 12px}.theme-context{gap:10px}.preview-toolbar .view-modes button{padding:3px 10px}.reading-actions{justify-content:flex-end;width:100%}.reading-actions select{max-width:125px}.editor-toolbar{padding:5px 10px;min-height:40px;gap:0}.editor-toolbar button,.editor-toolbar select{padding:4px 7px}.tool-divider{margin:0 4px}.editor-toolbar .find-document{margin-left:6px}body[data-view=source] .paper{padding:18px 8px 40px}.reading-footer>div{gap:9px}.is-focused .paper{padding-top:44px}.writing-surface .ProseMirror{min-height:50vh}}
@media print{.editor-toolbar,#writing-surface,#source-surface,#editor-loading{display:none!important}#document{display:block!important}.md-content .diagram-block{break-inside:avoid}}