:root{color-scheme:light dark;--bg:#faf9f6;--panel:#f1f0ec;--ink:#292e32;--muted:#737b80;--line:#e2e3de;--accent:#337a70;--code:#eef0ec;--error:#8b302e;font:14px 'Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;flex-direction:column;border:1px solid #f28c28}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;border-radius:7px;padding:7px 12px}button:hover{background:var(--line)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button:disabled{opacity:.45;cursor:default}header{height:62px;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-weight:600}#filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mark{color:var(--accent);font-size:16px;letter-spacing:-2px;padding:7px 9px;background:var(--panel);border-radius:9px}nav{display:flex;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px}nav button{font-size:12px;min-width:54px}nav button[aria-pressed=true]{background:var(--bg);box-shadow:0 1px 4px #0001;color:var(--accent)}#outline-toggle{font-size:12px;color:var(--muted)}#workspace{display:flex;flex:1;min-height:0}#reader{flex:1;min-width:0;overflow:auto;scroll-behavior:smooth}#editor{flex:1;min-width:0;overflow:hidden;border-right:1px solid var(--line)}#workspace[data-mode=split]>#reader,#workspace[data-mode=split]>#editor{width:50%}#outline{width:204px;flex-shrink:0;overflow:auto;padding:22px 10px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}#outline button{display:block;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{height:33px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;color:var(--muted)}#message{padding:10px 20px;background:var(--panel);color:var(--error);font-size:12px;border-bottom:1px solid var(--line)}#message button{font-weight:600;text-decoration:underline}.prose{max-width:790px;margin:auto;padding:44px 52px 80px;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.3;letter-spacing:-.025em;scroll-margin-top:24px}.prose h1{font-size:2.25em;margin:1.2em 0 .7em;font-weight:650}.prose h2{font-size:1.5em;margin-top:1.8em}.prose h3{font-size:1.15em;margin-top:1.6em}.prose p{margin:1em 0}.prose a{color:var(--accent);text-underline-offset:3px}.prose a[aria-disabled=true]{cursor:default;text-decoration-style:dotted}.prose blockquote{margin:1.4em 0;padding:1px 22px;border-left:3px solid var(--accent);background:var(--panel);color:var(--muted);border-radius:0 8px 8px 0}.prose pre{overflow:auto;background:var(--code);border:1px solid var(--line);border-radius:10px;padding:18px 20px;line-height:1.6;font-size:13px}.prose code{font-family:Consolas,'Cascadia Code',monospace}.prose :not(pre)>code{font-size:.86em;padding:2px 5px;background:var(--code);border-radius:4px}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px}.prose th,.prose td{padding:10px 16px;border:1px solid var(--line);text-align:left}.prose th{background:var(--panel)}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose ul,.prose ol{padding-left:1.6em}.prose .task-list-item{list-style:none}.prose input[type=checkbox]{accent-color:var(--accent);margin-right:8px}.image-placeholder{display:inline-block;padding:5px 12px;background:var(--panel);border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:13px}.empty{color:var(--muted)}.hljs-keyword,.hljs-selector-tag{color:#9162ac}.hljs-string,.hljs-attr{color:#348269}.hljs-number,.hljs-literal{color:#b26435}.hljs-title,.hljs-built_in{color:#367ca2}.hljs-comment{color:var(--muted);font-style:italic}
.compact header,.compact footer,.compact #outline{display:none!important}.compact .prose{padding:18px 20px 32px;font-size:13px;line-height:1.65}.compact .prose h1{font-size:1.65em}.compact .prose h2{font-size:1.3em}.compact .prose pre{padding:12px;font-size:11px}.compact #message{padding:8px;font-size:11px}
@media(max-width:760px){header{padding:0 12px;gap:8px}.prose{padding:28px 24px 50px}#outline{width:150px}#workspace[data-mode=split] .prose{padding:22px 18px;font-size:14px}}
@media(prefers-color-scheme:dark){:root{--bg:#1c2023;--panel:#242a2d;--ink:#e1e6e4;--muted:#98a5a3;--line:#343d40;--accent:#8bcab7;--code:#22292c;--error:#efada5}.hljs-keyword,.hljs-selector-tag{color:#c7a4e2}.hljs-string,.hljs-attr{color:#a2c99a}.hljs-number,.hljs-literal{color:#e2b08b}.hljs-title,.hljs-built_in{color:#91bdd5}}