:root{--bg: #ffffff;--bg-soft: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--fg: #1b1f24;--muted: #667085;--accent: #2f6feb;--accent-soft: #e7efff;--danger: #c53434;--warn-bg: #fff6e0;--warn-fg: #6b4a00;--code-bg: #f4f5f7;--code-fg: #b3306b;--active-line: rgba(47, 111, 235, .06);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--radius: 8px;--topbar-h: 48px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #14171a;--bg-soft: #1a1e22;--surface: #1a1e22;--border: #2a2f36;--fg: #e6e9ed;--muted: #98a2b3;--accent: #6ea0ff;--accent-soft: #1d2a44;--danger: #ff7b72;--warn-bg: #3a2f14;--warn-fg: #f0d69a;--code-bg: #22272c;--code-fg: #f0a3c8;--active-line: rgba(110, 160, 255, .08)}}:root[data-theme=dark]{--bg: #14171a;--bg-soft: #1a1e22;--surface: #1a1e22;--border: #2a2f36;--fg: #e6e9ed;--muted: #98a2b3;--accent: #6ea0ff;--accent-soft: #1d2a44;--danger: #ff7b72;--warn-bg: #3a2f14;--warn-fg: #f0d69a;--code-bg: #22272c;--code-fg: #f0a3c8;--active-line: rgba(110, 160, 255, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.boot{display:grid;place-content:center;gap:12px;height:100%;color:var(--muted)}.boot__spinner{width:22px;height:22px;margin:0 auto;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 12px;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--surface)}.topbar__brand{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.topbar__logo{color:var(--accent);font-size:16px}.topbar__name{font-weight:600}@media (max-width: 600px){.topbar__name{display:none}}.topbar__title{flex:1;min-width:0;text-align:left;background:none;border:1px solid transparent;border-radius:6px;color:var(--fg);font:inherit;font-weight:600;font-size:14px;padding:4px 8px;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__title:hover{border-color:var(--border);background:var(--bg-soft)}.topbar__right{display:flex;align-items:center;gap:10px}.iconbtn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;font-size:14px;padding:4px 8px}.iconbtn:hover{color:var(--fg);background:var(--bg-soft)}.status{font-size:12px;color:var(--muted);white-space:nowrap}.status--dirty{color:var(--warn-fg)}.status--saving{color:var(--accent)}.status--saved{color:var(--muted)}.status--error,.status--conflict{color:var(--danger);font-weight:600}.tabs{display:flex;gap:4px;padding:6px 12px 0;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--surface)}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;padding:6px 12px 8px}.tab:hover:not(:disabled){color:var(--fg)}.tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab:disabled{opacity:.4;cursor:not-allowed}.banners{flex:0 0 auto}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.banner--warn{background:var(--warn-bg);color:var(--warn-fg)}.banner--error{background:color-mix(in srgb,var(--danger) 12%,var(--bg));color:var(--danger)}.workspace{flex:1 1 auto;display:flex;min-height:0}.pane{flex:1 1 auto;min-width:0;overflow:auto}.pane--read{padding:32px 24px 96px}.pane--edit:not([hidden]){display:flex}.pane--edit>.cm-editor{flex:1 1 auto;max-width:1100px;margin:0 auto;width:100%}.toc{flex:0 0 240px;padding:32px 16px;overflow:auto;border-right:1px solid var(--border);font-size:13px}@media (max-width: 1200px){.toc{display:none}}.toc__title{margin:0 0 8px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.toc__list{list-style:none;margin:0;padding:0}.toc__item{margin:2px 0}.toc__item--l3{padding-left:12px;font-size:12px}.toc a{color:var(--muted);text-decoration:none;display:block;padding:2px 6px;border-radius:4px}.toc a:hover{color:var(--accent);background:var(--accent-soft)}.prose{max-width:78ch;margin:0 auto;font-size:17px;line-height:1.65}.prose h1{font-size:1.9em;margin:0 0 .6em;line-height:1.2}.prose h2{font-size:1.45em;margin:1.8em 0 .5em;line-height:1.25;border-bottom:1px solid var(--border);padding-bottom:.25em}.prose h3{font-size:1.2em;margin:1.5em 0 .4em}.prose h4{font-size:1.05em;margin:1.3em 0 .3em}.prose p,.prose ul,.prose ol{margin:0 0 1em}.prose li{margin:.25em 0}.prose a{color:var(--accent)}.prose blockquote{margin:1em 0;padding:.4em 1em;color:var(--muted);border-left:3px solid var(--border)}.prose img{max-width:100%;height:auto;border-radius:var(--radius)}.prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}.prose code{background:var(--code-bg);color:var(--code-fg);padding:.15em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.88em}.prose pre.code-block{position:relative;overflow-x:auto;margin:0 0 1.2em;padding:14px 16px;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:13.5px;line-height:1.55}.prose pre.code-block code{background:none;color:inherit;padding:0;font-size:inherit}.copybtn{position:absolute;top:8px;right:8px;opacity:0;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-size:11px;padding:3px 8px;transition:opacity .15s}pre.code-block:hover .copybtn,.copybtn:focus{opacity:1}.prose table{border-collapse:collapse;margin:0 0 1.2em;width:100%;font-size:.94em}.prose th,.prose td{border:1px solid var(--border);padding:7px 10px;text-align:left}.prose thead th{background:var(--bg-soft);font-weight:600}.prose table{display:block;overflow-x:auto}.prose .task-list-item{list-style:none;margin-left:-1.4em}.prose .task-list-item input{margin-right:.5em}.frontmatter{max-width:78ch;margin:0 auto 1.5em;padding:8px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--muted)}.frontmatter summary{cursor:pointer}.frontmatter pre{margin:8px 0 0;font-family:var(--font-mono);white-space:pre-wrap}.mermaid-figure{margin:0 auto 1.4em;max-width:78ch;text-align:center}.mermaid-figure svg{max-width:100%;height:auto}.mermaid-figure--error pre{text-align:left;background:var(--code-bg);border:1px solid var(--danger);border-radius:var(--radius);padding:12px;font-size:12.5px;overflow-x:auto;color:var(--danger)}.statusbar{flex:0 0 auto;display:flex;justify-content:space-between;padding:6px 14px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px}.btn{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;font-size:13px;padding:7px 14px;text-decoration:none;display:inline-block}.btn:hover{background:var(--bg-soft)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.08);background:var(--accent)}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn--sm{padding:4px 10px;font-size:12px}.modal{max-width:460px;padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--fg);box-shadow:0 12px 40px #00000038}.modal::backdrop{background:#00000059}.modal__title{margin:0 0 8px;font-size:17px}.modal__body{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.55}.modal__label{display:block;margin:0 0 18px;font-size:13px;color:var(--muted)}.modal__input{display:block;width:100%;margin-top:6px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px}.modal__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fatal{display:grid;place-content:center;gap:14px;height:100%;padding:32px;text-align:center;max-width:560px;margin:0 auto}.fatal h1{margin:0;font-size:24px}.fatal p{margin:0;color:var(--muted);line-height:1.6}.fatal .btn{justify-self:center}.home{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-soft)}.home__card{width:100%;max-width:620px;padding:34px 34px 22px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0000000d}.home__brand{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.02em}.home__logo{color:var(--accent);font-size:16px}.home h1{margin:14px 0 10px;font-size:25px;line-height:1.25;text-wrap:balance}.home__lead{margin:0 0 22px;color:var(--muted);line-height:1.6}.home__steps{margin:0 0 24px;padding-left:1.2em;line-height:1.6}.home__steps li{margin:0 0 10px}.home__steps em{font-style:normal;color:var(--accent)}.home__steps code,.statuscard code{background:var(--code-bg);color:var(--code-fg);padding:.1em .35em;border-radius:4px;font-family:var(--font-mono);font-size:.88em}.home__steps kbd{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:.1em .4em;font-family:var(--font-mono);font-size:.85em}.home__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.statuscard{display:flex;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);font-size:13.5px}.statuscard__dot{flex:0 0 auto;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--muted)}.statuscard--ok{border-color:color-mix(in srgb,#2f9e44 40%,var(--border))}.statuscard--ok .statuscard__dot{background:#2f9e44}.statuscard--pending{background:var(--warn-bg);border-color:color-mix(in srgb,#d9a300 45%,var(--border))}.statuscard--pending .statuscard__dot{background:#d9a300}.statuscard--pending .statuscard__title,.statuscard--pending .statuscard__detail{color:var(--warn-fg)}.statuscard__title{margin:0 0 4px;font-weight:600}.statuscard__detail{margin:0;color:var(--muted);line-height:1.55}.home__foot{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;font-family:var(--font-mono)}.hljs-comment,.hljs-quote{color:var(--muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#a626a4}.hljs-string,.hljs-attr{color:#50a14f}.hljs-number,.hljs-built_in{color:#986801}.hljs-title,.hljs-section,.hljs-name{color:#4078f2}.hljs-variable,.hljs-template-variable{color:#e45649}:root[data-theme=dark] .hljs-keyword,:root[data-theme=dark] .hljs-selector-tag{color:#d2a8ff}:root[data-theme=dark] .hljs-string{color:#a5d6ff}:root[data-theme=dark] .hljs-title,:root[data-theme=dark] .hljs-name{color:#7ee787}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .hljs-keyword{color:#d2a8ff}:root:not([data-theme=light]) .hljs-string{color:#a5d6ff}:root:not([data-theme=light]) .hljs-title{color:#7ee787}}