:root{--text:#3f3d45;--text-h:#08060d;--text-muted:#8b8794;--bg:#fff;--bg-inset:#f7f6f3;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--selection:#aa3bff2e;--hljs-keyword:#a626a4;--hljs-string:#50a14f;--hljs-comment:#a0a1a7;--hljs-number:#986801;--hljs-title:#4078f2;--hljs-attr:#986801;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--text:#c3c0c9;--text-h:#f3f2f6;--text-muted:#7d7986;--bg:#16171d;--bg-inset:#1c1d24;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--selection:#c084fc40;--hljs-keyword:#c678dd;--hljs-string:#98c379;--hljs-comment:#5c6370;--hljs-number:#d19a66;--hljs-title:#61afef;--hljs-attr:#d19a66}}:root[data-theme=dark]{--text:#c3c0c9;--text-h:#f3f2f6;--text-muted:#7d7986;--bg:#16171d;--bg-inset:#1c1d24;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--selection:#c084fc40;--hljs-keyword:#c678dd;--hljs-string:#98c379;--hljs-comment:#5c6370;--hljs-number:#d19a66;--hljs-title:#61afef;--hljs-attr:#d19a66}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);margin:0}::selection{background:var(--selection)}button,input{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:10px 20px;display:flex}.brand{letter-spacing:-.02em;color:var(--text-h);font-weight:600}.doc-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.stats{color:var(--text-muted);white-space:nowrap;margin-right:8px;font-size:13px}.topbar-actions button,.topbar-actions select{background:var(--bg-inset);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.topbar-actions button:hover{border-color:var(--accent);color:var(--text-h)}.body{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);flex-shrink:0;width:240px;padding:24px 12px;overflow-y:auto}.toc-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 8px 8px;font-size:11px}.toc ul{margin:0;padding:0;list-style:none}.toc a{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:13.5px;line-height:1.4;text-decoration:none;display:block;overflow:hidden}.toc a:hover{background:var(--bg-inset);color:var(--text-h)}.toc a.active{color:var(--accent);background:var(--accent-bg)}.toc-level-2 a{padding-left:18px}.toc-level-3 a{padding-left:28px;font-size:13px}.reader{flex:1;padding:48px 24px 120px;overflow-y:auto}.markdown{max-width:720px;font-family:var(--serif);color:var(--text);margin:0 auto}.font-sm .markdown{font-size:15px;line-height:1.7}.font-md .markdown{font-size:17px;line-height:1.75}.font-lg .markdown{font-size:19px;line-height:1.8}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-family:var(--sans);color:var(--text-h);scroll-margin-top:24px;font-weight:600;line-height:1.3}.markdown h1{margin:0 0 .6em;font-size:1.9em}.markdown h2{border-top:1px solid var(--border);margin:1.6em 0 .6em;padding-top:.8em;font-size:1.4em}.markdown h3{margin:1.3em 0 .5em;font-size:1.15em}.markdown p,.markdown ul,.markdown ol,.markdown blockquote,.markdown pre,.markdown table{margin:0 0 1.1em}.markdown a{color:var(--accent)}.markdown img{border-radius:6px;max-width:100%}.markdown blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin-left:0;padding:.2em 1em}.markdown code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:.15em .4em;font-size:.85em}.markdown pre{background:var(--code-bg);border-radius:8px;padding:16px;overflow-x:auto}.markdown pre code{background:0 0;padding:0;font-size:.85em}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:var(--hljs-keyword)}.hljs-string,.hljs-regexp{color:var(--hljs-string)}.hljs-comment,.hljs-quote{color:var(--hljs-comment);font-style:italic}.hljs-number{color:var(--hljs-number)}.hljs-title,.hljs-title.function_,.hljs-section{color:var(--hljs-title)}.hljs-attr,.hljs-attribute,.hljs-symbol,.hljs-bullet{color:var(--hljs-attr)}.hljs-variable,.hljs-template-variable{color:var(--hljs-title)}.markdown table{border-collapse:collapse;width:100%;font-size:.9em}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:6px 10px}.markdown th{background:var(--bg-inset);color:var(--text-h)}.markdown hr{border:none;border-top:1px solid var(--border);margin:2em 0}.empty-state{justify-content:center;align-items:center;height:100%;display:flex}.drop-zone{text-align:center;max-width:420px}.drop-zone h1{font-family:var(--serif);color:var(--text-h);margin:0 0 8px;font-size:2.4em}.drop-zone p{color:var(--text-muted);margin:0 0 24px}.drop-zone .hint{margin-top:20px;font-size:13px}.empty-actions{justify-content:center;gap:10px;display:flex}.empty-actions button{border:1px solid var(--border);background:var(--bg-inset);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px}.empty-actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.paste-panel{flex-direction:column;gap:10px;width:min(600px,80vw);display:flex}.paste-panel textarea{border:1px solid var(--border);background:var(--bg-inset);width:100%;height:320px;font-family:var(--mono);resize:vertical;border-radius:8px;padding:14px;font-size:13px}.paste-actions{justify-content:flex-end;gap:8px;display:flex}.paste-actions button{border:1px solid var(--border);background:var(--bg-inset);cursor:pointer;border-radius:6px;padding:8px 16px}.drag-overlay{background:var(--accent-bg);border:3px dashed var(--accent);color:var(--text-h);pointer-events:none;z-index:10;justify-content:center;align-items:center;font-size:1.5em;display:flex;position:fixed;inset:0}@media (width<=720px){.sidebar,.doc-title,.stats{display:none}}