:root{--canvas:#ffffff;--sidebar:#f7f8fa;--surface:#eef0f3;--surface-active:#e7eaee;--ink:#14171a;--ink-mid:#3d434a;--ink-muted:#6e7681;--edge:#e4e7eb;--accent:#2e6fe8;--accent-ink:#ffffff;--overlay:rgba(20,23,26,0.4);--radius:8px}:root[data-theme=dark]{--canvas:#121418;--sidebar:#0c0e11;--surface:#1a1e24;--surface-active:#21262e;--ink:#f2f3f5;--ink-mid:rgba(255,255,255,0.88);--ink-muted:rgba(255,255,255,0.64);--edge:rgba(255,255,255,0.08);--accent:#3b76f6;--accent-ink:#ffffff;--overlay:rgba(0,0,0,0.55)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:272px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--edge);padding:12px 10px 16px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.workspace{display:flex;align-items:center;padding:10px 10px 16px}.workspace-logo{height:22px;display:block}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border-radius:var(--radius);color:var(--ink-mid);font-size:14.5px;font-weight:500;text-align:left}.nav-item svg{flex-shrink:0;color:var(--ink-muted)}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--surface-active);color:var(--ink)}.nav-doc{display:block;padding:4.5px 10px 4.5px 40px;border-radius:var(--radius);color:var(--ink-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-doc:hover{background:var(--surface);color:var(--ink)}.nav-doc.active{background:var(--surface-active);color:var(--ink)}.section-label{padding:18px 10px 6px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-muted)}.sidebar-footer{margin-top:auto;padding-top:16px}.main{flex:1 1;min-width:0}.topbar{justify-content:space-between;gap:16px;padding:16px 28px}.search-pill,.topbar{display:flex;align-items:center}.search-pill{gap:10px;width:320px;max-width:50vw;padding:8px 14px;border:1px solid var(--edge);border-radius:20px;color:var(--ink-muted);font-size:14px;background:var(--canvas);margin-left:auto}.search-pill:hover{border-color:var(--ink-muted)}.search-pill .kbd{margin-left:auto}.kbd{font-size:12px;color:var(--ink-muted);border:1px solid var(--edge);border-radius:4px;padding:0 5px;line-height:1.5}.content{max-width:780px;margin:0 auto;padding:40px 32px 96px}.page-title{font-size:38px;font-weight:700;letter-spacing:-.01em;margin-bottom:20px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--edge);margin-bottom:28px}.tab{padding:8px 0 10px;font-size:14.5px;font-weight:500;color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active,.tab:hover{color:var(--ink)}.tab.active{border-bottom-color:var(--ink)}.doc-row{display:flex;gap:12px;padding:12px 0;align-items:center;min-width:0}.doc-row svg{color:var(--ink-muted);flex-shrink:0}.doc-row-title{font-size:16px;font-weight:600;flex-shrink:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-row-title:hover{text-decoration:underline}.doc-row-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-byline,.doc-row-meta{font-size:13.5px;color:var(--ink-muted)}.doc-byline{margin:-12px 0 32px}.doc-byline a{color:var(--accent)}.prose{font-size:15.5px;color:var(--ink-mid)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);margin:1.6em 0 .5em;line-height:1.3}.prose h1{font-size:26px}.prose h2{font-size:21px}.prose h3{font-size:17px}.prose ol,.prose p,.prose ul{margin-bottom:1em}.prose ol,.prose ul{padding-left:1.4em}.prose li{margin-bottom:.3em}.prose a{color:var(--accent)}.prose a:hover{text-decoration:underline}.prose strong{color:var(--ink)}.prose hr{border:none;border-top:1px solid var(--edge);margin:2em 0}.prose blockquote{border-left:3px solid var(--edge);padding-left:16px;color:var(--ink-muted);margin-bottom:1em}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;border-radius:4px;padding:2px 5px}.prose code,.prose pre{background:var(--surface)}.prose pre{border-radius:var(--radius);padding:16px;overflow-x:auto;margin-bottom:1em}.prose pre code{background:none;padding:0}.prose table{display:block;overflow-x:auto;border-collapse:collapse;margin-bottom:1em}.prose td,.prose th{border:1px solid var(--edge);padding:8px 12px;text-align:left;font-size:14.5px}.prose th{color:var(--ink);background:var(--surface)}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--radius)}.btn-primary:hover{filter:brightness(1.08)}.ck-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;z-index:50}.ck-panel{width:620px;max-width:calc(100vw - 40px);background:var(--canvas);border:1px solid var(--edge);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25);overflow:hidden}.ck-input{width:100%;padding:16px 18px;border:none;border-bottom:1px solid var(--edge);background:transparent;color:var(--ink);font-size:16px;outline:none}.ck-results{max-height:46vh;overflow-y:auto;padding:6px}.ck-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius)}.ck-item.selected{background:var(--surface-active)}.ck-item-title{font-size:14.5px;font-weight:600;color:var(--ink)}.ck-item-meta{font-size:12.5px;color:var(--ink-muted)}.ck-empty{padding:20px;font-size:14px;color:var(--ink-muted)}.edit-head{justify-content:space-between;gap:16px;margin-bottom:18px}.edit-actions,.edit-head{display:flex;align-items:center}.edit-actions{gap:10px}.editor-area{width:100%;min-height:60vh;padding:18px;border:1px solid var(--edge);border-radius:var(--radius);background:var(--canvas);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7;resize:vertical;outline:none}.editor-area:focus{border-color:var(--accent)}.edit-hint{font-size:13.5px;color:var(--ink-muted);margin-bottom:14px}.edit-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.banner{border:1px solid var(--edge);border-radius:var(--radius);padding:10px 14px;font-size:14px;margin-bottom:14px}.banner a{color:var(--accent)}.banner-ok{border-color:#3a9b5c}.banner-err{border-color:#d64545;color:#d64545}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--sidebar);padding:20px}.login-card{width:320px;max-width:100%;background:var(--canvas);border:1px solid var(--edge);border-radius:14px;padding:24px;text-align:center}.login-input{width:100%;padding:10px 14px;border:1px solid var(--edge);border-radius:var(--radius);background:var(--canvas);color:var(--ink);font-size:15px;margin-bottom:12px;outline:none}.login-input:focus{border-color:var(--accent)}.login-card .btn-primary{width:100%;justify-content:center}.login-error{color:#d64545;font-size:13.5px;margin-bottom:12px}@media (max-width:860px){.sidebar{display:none}.content{padding:24px 20px 80px}}.nav-collection{cursor:pointer}.nav-collection-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-collection>svg:last-child{width:14px;height:14px;margin-right:-2px;transition:transform .14s ease;color:var(--ink-muted)}.nav-collection.open>svg:last-child{transform:rotate(90deg)}