:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f5f6;--text: #18181b;--muted: #6b7280;--border: #e9e9ec;--border-strong: #dcdce0;--accent: #1a9d63;--accent-weak: color-mix(in srgb, var(--accent) 10%, transparent);--accent-fg: #ffffff;--error:#b42318;--error-bg:#fef3f2;--code-bg:#f4f4f5;--c-purple:#7c3aed;--c-blue:#2563eb;--c-green:#15803d;--c-yellow:#b45309;--c-red:#dc2626;--brand: var(--text);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius:8px;--radius-lg:10px;--radius-pill:999px;--ring: 0 0 0 3px var(--accent-weak);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0a0a0a;--surface:#111112;--surface-2:#1a1a1c;--text:#ededee;--muted:#8b8b92;--border:#242428;--border-strong:#2e2e33;--accent:#3ecf8e;--accent-fg:#06220f;--error:#ff6b6b;--error-bg:#2a1413;--code-bg:#161618;--c-purple:#b692f6;--c-blue:#5b9dff;--c-green:#3ecf8e;--c-yellow:#f5c452;--c-red:#ff7a7a}}:root[data-theme=dark]{--bg:#0a0a0a;--surface:#111112;--surface-2:#1a1a1c;--text:#ededee;--muted:#8b8b92;--border:#242428;--border-strong:#2e2e33;--accent:#3ecf8e;--accent-fg:#06220f;--error:#ff6b6b;--error-bg:#2a1413;--code-bg:#161618;--c-purple:#b692f6;--c-blue:#5b9dff;--c-green:#3ecf8e;--c-yellow:#f5c452;--c-red:#ff7a7a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--accent-weak)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.muted{color:var(--muted)}.tiny{font-size:12px}.brand{font-weight:650;letter-spacing:-.01em;color:var(--brand)}.brand .muted{font-weight:500}label{display:flex;flex-direction:column;gap:var(--space-2);font-size:12px;color:var(--muted)}input,select,textarea{padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}button{padding:9px 13px;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font-weight:550;font-size:14px;font-family:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}button:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--text);border-color:var(--border);font-weight:500}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card h1{font-size:19px;letter-spacing:-.02em;margin:var(--space-1) 0 0}.card p{margin:0}.error{background:var(--error-bg);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);border-radius:var(--radius);padding:8px 12px;font-size:13px}.reader{min-height:100vh;display:flex;flex-direction:column}.reader-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:10px var(--space-5);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.reader-top .brand{white-space:nowrap}.search{flex:1;max-width:520px;margin:0 auto 0 var(--space-2);background:var(--surface-2)}.top-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text);width:34px;height:34px;padding:0;border-radius:var(--radius);font-size:15px}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.reader-body{flex:1;display:grid;grid-template-columns:260px minmax(0,1fr);width:100%}.sidebar{border-right:1px solid var(--border);padding:var(--space-5) var(--space-3);overflow-y:auto}.side-section{margin-bottom:var(--space-5)}.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;padding:0 var(--space-2) var(--space-2)}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li button{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;background:transparent;color:var(--muted);border:0;border-radius:var(--radius-sm);padding:6px var(--space-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .1s ease,color .1s ease}.sidebar li button:hover{background:var(--surface-2);color:var(--text)}.sidebar li button.active{background:var(--accent-weak);color:var(--accent);font-weight:550}.side-empty{padding:var(--space-2)}.content{display:grid;grid-template-columns:minmax(0,760px) 220px;justify-content:start;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-7)}.content-main{min-width:0;max-width:760px}.article-head h1{font-size:28px;letter-spacing:-.02em;margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.article-head .lead{font-size:15px;margin:0 0 var(--space-2)}.draft-badge{font-size:11px;font-weight:600;color:var(--c-yellow);background:color-mix(in srgb,var(--c-yellow) 12%,transparent);border:1px solid color-mix(in srgb,var(--c-yellow) 40%,transparent);border-radius:var(--radius-pill);padding:1px 8px}.md-article{line-height:1.7;font-size:15px}.md-article .md-h{scroll-margin-top:72px;font-weight:650;line-height:1.3;letter-spacing:-.01em}.md-article .md-h2{font-size:21px;margin:30px 0 10px}.md-article .md-h3{font-size:17px;margin:24px 0 8px}.md-article .md-h4{font-size:15px;margin:18px 0 6px}.md-article p{margin:10px 0}.md-article ul,.md-article ol{margin:10px 0;padding-left:22px}.md-article li{margin:4px 0}.md-article a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.md-article a:hover{border-bottom-color:var(--accent)}.md-article code{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.88em;font-family:var(--font-mono)}.md-article pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);overflow:auto}.md-article pre code{background:none;border:0;padding:0}.md-article blockquote{margin:12px 0;padding:4px 14px;border-left:2px solid var(--border-strong);color:var(--muted)}.md-table-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--border);border-radius:var(--radius)}.md-article table{border-collapse:collapse;width:100%;font-size:14px}.md-article th,.md-article td{border-bottom:1px solid var(--border);padding:8px 12px;text-align:left}.md-article tr:last-child td{border-bottom:0}.md-article th{background:var(--surface-2);font-weight:600}.md-article hr{border:0;border-top:1px solid var(--border);margin:24px 0}.md-c-purple{color:var(--c-purple);font-weight:550}.md-c-blue{color:var(--c-blue);font-weight:550}.md-c-green{color:var(--c-green);font-weight:550}.md-c-yellow{color:var(--c-yellow);font-weight:550}.md-c-red{color:var(--c-red);font-weight:550}.md-callout{border:1px solid var(--border);border-left-width:2px;border-radius:var(--radius);padding:2px 16px;margin:16px 0}.md-callout-info{border-left-color:var(--c-blue);background:color-mix(in srgb,var(--c-blue) 7%,transparent)}.md-callout-warning{border-left-color:var(--c-yellow);background:color-mix(in srgb,var(--c-yellow) 8%,transparent)}.md-callout-success{border-left-color:var(--c-green);background:color-mix(in srgb,var(--c-green) 7%,transparent)}.toc-sticky{position:sticky;top:84px}.toc h3{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 var(--space-3);font-weight:600}.toc nav{display:flex;flex-direction:column;gap:9px;border-left:1px solid var(--border)}.toc nav button{background:transparent;border:0;color:var(--muted);text-align:left;font-size:13px;padding:0 0 0 var(--space-3);margin-left:-1px;cursor:pointer;transition:color .1s ease}.toc nav button:hover{color:var(--text)}.toc nav button.pl1{padding-left:24px}.toc nav button.pl2{padding-left:36px}.empty{padding:var(--space-7) 0}.empty h1{font-size:22px;letter-spacing:-.02em;margin:0 0 var(--space-2)}.manage{min-height:100vh;display:flex;flex-direction:column}.manage .reader-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.manage-error{margin:var(--space-3) var(--space-5) 0}.manage-body{flex:1;display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0}.manage-tree{border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);overflow-y:auto}.tree-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.tree-add input{flex:1}.tree-add button{padding:8px 12px}.tree-section{margin-bottom:var(--space-4)}.tree-section-head{display:flex;align-items:center;gap:var(--space-2);padding:2px 4px}.tree-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec-icon{margin-right:6px}.tree-actions{display:inline-flex;gap:2px}.tree-actions button{background:transparent;color:var(--muted);border:1px solid transparent;width:26px;height:26px;padding:0;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.tree-actions button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.tree-actions button:disabled{opacity:.3;cursor:default}.tree-articles{list-style:none;margin:var(--space-1) 0 0;padding:0}.tree-articles li{display:flex;align-items:center;gap:2px}.tree-article{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);text-align:left;background:transparent;color:var(--text);border:0;border-radius:var(--radius-sm);padding:6px var(--space-2);font-size:13.5px;font-weight:500;cursor:pointer}.tree-article:hover{background:var(--surface-2)}.tree-article.active{background:var(--accent-weak);color:var(--accent);font-weight:550}.ta-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{font-size:10px}.status-dot.published{color:var(--c-green)}.status-dot.draft{color:var(--c-yellow)}.tree-actions.inline button{width:24px;height:24px}.tree-add-article{width:100%;text-align:left;background:transparent;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:6px var(--space-2);font-size:13px;font-weight:550;margin-top:var(--space-1)}.tree-add-article:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.manage-editor{padding:var(--space-5) var(--space-5) var(--space-7);overflow-y:auto}.editor-empty{max-width:420px;margin:var(--space-7) auto;text-align:center}.editor-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.editor-row .grow{flex:1;min-width:0}.manage-editor label{display:flex;flex-direction:column;gap:var(--space-2);font-size:12px;color:var(--muted);margin-bottom:var(--space-3)}.manage-editor textarea{min-height:320px;resize:vertical;padding:var(--space-3) var(--space-4);font-size:13px;font-family:var(--font-mono);line-height:1.65}.toggle-row{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg{background:var(--bg);color:var(--muted);border:0;border-radius:0;padding:8px 14px;font-size:13px;font-weight:550}.seg:hover:not(.on){background:var(--surface-2);color:var(--text)}.seg.on{background:var(--accent);color:var(--accent-fg)}.visibility{margin:var(--space-1) 0 var(--space-4)}.group-checks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2)}.chk{flex-direction:row;align-items:center;gap:var(--space-2);font-size:14px;color:var(--text);margin:0;cursor:pointer}.chk input{width:auto;accent-color:var(--accent)}.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.editor-split .grow{margin-bottom:0}.preview{font-size:12px;color:var(--muted)}.preview-body{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--surface);min-height:320px;max-height:520px;overflow:auto}.preview-body .md-article{font-size:14px}.editor-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.editor-meta{margin-left:var(--space-1)}@media (max-width: 1100px){.editor-split{grid-template-columns:1fr}.preview-body{min-height:180px}}@media (max-width: 860px){.manage-body{grid-template-columns:1fr}.manage-tree{border-right:0;border-bottom:1px solid var(--border);max-height:40vh}.editor-row{flex-direction:column;gap:0}}@media (max-width: 1024px){.content{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (max-width: 720px){.reader-body{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:220px}.hide-sm{display:none}.search{margin-left:var(--space-2)}}