:root{--bg: #fbfaf7;--bg-2: #f1efe9;--bg-3: #e7e4dc;--hover: #ece9e1;--active: #e2ded4;--fg: #1f1e1b;--fg-2: #4f4b45;--fg-3: #6a665d;--fg-4: #9a958b;--accent: #2b6cb0;--accent-bg: #e3edf8;--accent-fg: #ffffff;--danger: #b3261e;--ok: #2e7d32;--gold: #d9a400;--warn-bg: #fff4d6;--warn-border: #d69e2e;--border: #ddd9cf;--border-strong: #c8c3b6;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 24px;--s-8: 32px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(31, 30, 27, .06);--shadow-2: 0 4px 16px rgba(31, 30, 27, .14);--shadow-3: 0 16px 48px rgba(31, 30, 27, .22);--motion: .12s ease;--motion-slow: .18s cubic-bezier(.2, 0, 0, 1);--focus: var(--accent);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif: "Iowan Old Style", "Palatino", Georgia, serif;--ui-scale: 1;--left-w: 260px;--right-w: 280px;--top-h: 40px}@media(prefers-color-scheme:dark){:root{--bg: #1b1b1a;--bg-2: #232321;--bg-3: #2e2e2b;--hover: #2f2f2c;--active: #3a3a36;--fg: #e8e6e0;--fg-2: #b6b3aa;--fg-3: #97958d;--fg-4: #7d7a72;--accent: #7db3ee;--accent-bg: #23364a;--accent-fg: #10233a;--danger: #ff8a80;--ok: #81c995;--gold: #e3b341;--warn-bg: #4a3d14;--warn-border: #b98a1e;--border: #3a3a36;--border-strong: #4d4d47;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .45);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--fg);background:var(--bg);font-size:calc(14px * var(--ui-scale))}button{font:inherit;color:inherit;background:none;border:1px solid transparent;border-radius:var(--r-2);padding:var(--s-2) var(--s-4);cursor:pointer}button:hover{background:var(--hover)}button.primary{background:var(--accent);color:var(--accent-fg);padding:var(--s-4) var(--s-6)}button.on{background:var(--accent-bg);color:var(--accent)}button.small{padding:var(--s-1) var(--s-3);font-size:calc(12px * var(--ui-scale))}button.danger{color:var(--danger)}.muted{color:var(--fg-3)}.small{font-size:calc(12px * var(--ui-scale))}.warn{background:var(--warn-bg);padding:var(--s-4) var(--s-5);border-radius:var(--r-2)}code{font-family:var(--mono);font-size:.92em;background:var(--bg-3);padding:1px var(--s-2);border-radius:var(--r-1)}.welcome{max-width:480px;margin:12vh auto;padding:0 var(--s-7);display:flex;flex-direction:column;gap:var(--s-5)}.welcome h1{font-size:calc(40px * var(--ui-scale));margin:0}.welcome button{align-self:flex-start}.workspace{display:grid;height:100%;grid-template-rows:var(--top-h) auto 1fr;grid-template-columns:0 1fr 0;grid-template-areas:"top top top" "left tabs right" "left main right";transition:grid-template-columns .15s}.workspace{--left-shown: min(var(--left-w), calc(50vw - 160px) );--right-shown: min(var(--right-w), calc(50vw - 160px) )}.workspace.left-open{grid-template-columns:var(--left-shown) 1fr 0}.workspace.right-open{grid-template-columns:0 1fr var(--right-shown)}.workspace.left-open.right-open{grid-template-columns:var(--left-shown) 1fr var(--right-shown)}.topbar{grid-area:top;display:flex;align-items:center;gap:var(--s-1);padding:0 var(--s-4);border-bottom:1px solid var(--border);background:var(--bg-2)}.topbar .bar-spacer{flex:1;min-width:var(--s-4)}.seg{display:flex;border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden;margin:0 var(--s-3)}.seg button{border-radius:0;padding:var(--s-2) var(--s-4);font-size:calc(12px * var(--ui-scale))}.left{grid-area:left;overflow:hidden;border-right:1px solid var(--border);background:var(--bg-2);min-width:0}.right{grid-area:right;overflow:auto;border-left:1px solid var(--border);background:var(--bg-2);min-width:0}.workspace:not(.left-open) .left,.workspace:not(.right-open) .right{display:none}.pane-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);font-size:calc(12px * var(--ui-scale));color:var(--fg-2);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-2)}.pane-head span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.main.split{flex-direction:row}.main.split>.editor-host,.main.split>.preview{flex:1;min-width:0}.main.split>.preview{border-left:1px solid var(--border)}.empty-main{margin:auto;text-align:center}.banner{background:var(--warn-bg);padding:var(--s-4) var(--s-5);display:flex;gap:var(--s-4);align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border)}.banner button{border-color:var(--border)}.scrim{position:fixed;inset:var(--top-h) 0 0 0;background:#00000052;z-index:5}.workspace.narrow{grid-template-columns:0 1fr 0!important}.workspace.narrow .left,.workspace.narrow .right{position:fixed;top:var(--top-h);bottom:0;width:min(85vw,320px);z-index:6;box-shadow:var(--shadow-3)}.workspace.narrow .left{left:0}.workspace.narrow .right{right:0}.tree{padding:var(--s-2) 0 var(--s-8);font-size:calc(13px * var(--ui-scale));-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-row:hover{background:var(--hover)}.tree-row.active{background:var(--accent-bg);color:var(--accent)}.tree-row.dir{color:var(--fg);font-weight:600}.tree-row.file{color:var(--fg-2)}.tree-row.file.active{color:var(--accent)}.tree-row .chev{display:inline-block;width:12px;font-size:calc(10px * var(--ui-scale));color:var(--fg-4);opacity:0;transition:opacity var(--motion),transform var(--motion)}.tree-row.dir.open .chev{transform:rotate(90deg)}.tree-row.dir:hover .chev,.tree-row.dir:focus-visible .chev,.tree-row.dir:focus-within .chev{opacity:1}@media(hover:none){.tree-row .chev{opacity:1}}.tree-row .name{overflow:hidden;text-overflow:ellipsis}.tree-row.kind-image .name:before,.tree-row.kind-pdf .name:before,.tree-row.kind-other .name:before{content:"▫ ";color:var(--fg-4)}.tree-foot{display:block;padding:var(--s-5) var(--s-5);font-size:calc(11px * var(--ui-scale));color:var(--fg-3)}.ctx{position:fixed;z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:var(--s-2);display:flex;flex-direction:column;min-width:180px}.ctx button{text-align:left}.editor-host{flex:1;min-height:0;overflow:hidden;display:flex}.cm-editor{flex:1;height:100%;font-family:var(--editor-font, var(--mono));font-size:var(--editor-size, 14px);line-height:1.55}.cm-editor.cm-focused{outline:none}.editor-host .cm-editor .cm-scroller{font-family:var(--editor-font, monospace)}.cm-scroller{overflow:auto}.cm-content{padding:var(--s-6) 0 40vh;max-width:900px}.editor-host .cm-editor .cm-gutters{background:var(--bg);border-right:none;color:var(--fg-4)}.editor-host .cm-editor .cm-activeLineGutter{background:transparent;color:var(--fg-3)}.cm-activeLine{background:color-mix(in srgb,var(--bg-3) 50%,transparent)}.cm-activeLineGutter{background:transparent}.cm-h{font-weight:700;color:var(--fg)}.cm-h1{font-size:1.4em}.cm-h2{font-size:1.2em}.cm-h3{font-size:1.1em}.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-strike{text-decoration:line-through}.cm-link,.cm-url{color:var(--accent)}.cm-code{font-family:var(--mono);background:var(--bg-3)}.cm-quote{color:var(--fg-2)}.cm-meta{color:var(--fg-3)}.cm-hr{color:var(--fg-4)}.cm-wikilink{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}.cm-wikilink-missing{color:var(--fg-3);text-decoration-style:dotted}.cm-tooltip.cm-tooltip-autocomplete{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-3)}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--accent-bg);color:var(--accent)}.preview{flex:1;overflow:auto;padding:var(--s-7) var(--s-8) 40vh;font-family:var(--reading-font, var(--serif));font-size:var(--reading-size, 16px);line-height:1.6}.preview.empty{font-family:var(--sans);color:var(--fg-3)}.chunk-host{flex:1;min-width:0;min-height:0;overflow:auto}.main.split>.chunk-host{flex:1;min-width:0}.chunk-error,.chunk-loading{padding:var(--s-7) var(--s-8);font-family:var(--sans);color:var(--fg-2)}.chunk-error p{margin:0 0 var(--s-4)}.chunk-error button{margin-right:var(--s-4)}.preview .md{max-width:760px}.preview .md h1,.preview .md h2,.preview .md h3,.preview .md h4{font-family:var(--sans);line-height:1.25;margin:1.4em 0 .5em}.preview .md h1{font-size:1.8em}.preview .md h2{font-size:1.4em;border-bottom:1px solid var(--border);padding-bottom:var(--s-2)}.preview .md h3{font-size:1.15em}.preview .md pre{background:var(--bg-3);padding:var(--s-5);border-radius:var(--r-2);overflow-x:auto;font-size:.8125em}.preview .md pre code{background:none;padding:0}.preview .md code{font-size:.85em}.preview .md blockquote{border-left:3px solid var(--border);margin:0;padding:var(--s-1) var(--s-6);color:var(--fg-2)}.preview .md table{border-collapse:collapse;margin:1em 0;font-family:var(--sans);font-size:.875em;display:block;overflow-x:auto}.preview .md th,.preview .md td{border:1px solid var(--border);padding:var(--s-2) var(--s-5);text-align:left}.preview .md th{background:var(--bg-2)}.preview .md img{max-width:100%}.preview .md hr{border:none;border-top:1px solid var(--border)}.preview .md li.task{list-style:none;margin-left:-1.4em}.preview .md a{color:var(--accent)}.wikilink{color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}.wikilink.missing{color:var(--fg-3);text-decoration-style:dotted}.tag{font-family:var(--sans);font-size:.85em;color:var(--accent);background:var(--accent-bg);padding:1px var(--s-3);border-radius:var(--r-pill)}.callout{border-left-color:var(--accent)!important;background:var(--bg-2);border-radius:0 var(--r-2) var(--r-2) 0;padding:var(--s-4) var(--s-6)}.callout-title{font-family:var(--sans);font-weight:600;margin-bottom:var(--s-2)}.callout-warning,.callout-caution,.callout-danger{border-left-color:var(--warn-border)!important}.frontmatter{font-family:var(--sans);font-size:calc(13px * var(--ui-scale));border-collapse:collapse;margin-bottom:var(--s-6)}.frontmatter th{text-align:left;color:var(--fg-3);font-weight:500;padding:var(--s-1) var(--s-5) var(--s-1) 0;vertical-align:top}.frontmatter td{padding:var(--s-1) 0}.preview.attachment{text-align:center}.pdf{flex:1;border:none;width:100%}.side{display:flex;flex-direction:column;height:100%;font-size:calc(13px * var(--ui-scale))}.side.empty{padding:var(--s-5);color:var(--fg-3)}.tabs{display:flex;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-2)}.tabs button{flex:1;border-radius:0;padding:var(--s-3);font-size:calc(12px * var(--ui-scale))}.side-body{padding:var(--s-4) var(--s-2)}.side-body h4{margin:var(--s-4) var(--s-4) var(--s-2);font-size:calc(11px * var(--ui-scale));text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}.link-row,.outline-row{padding:var(--s-2) var(--s-4);cursor:pointer;border-radius:var(--r-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row:hover,.outline-row:hover{background:var(--hover)}.link-row.missing{color:var(--fg-3);cursor:default}.side-body .tags{display:flex;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-4)}.side-body .frontmatter{margin:var(--s-2) var(--s-4);width:calc(100% - 16px);table-layout:fixed}.side-body .frontmatter th{width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-body .frontmatter input[type=text],.side-body .frontmatter textarea{width:100%;box-sizing:border-box;font:inherit;font-size:calc(13px * var(--ui-scale));padding:var(--s-2) var(--s-3);border:1px solid transparent;border-radius:var(--r-1);background:transparent;color:inherit;outline:none;resize:vertical}.side-body .frontmatter input[type=text]:hover,.side-body .frontmatter textarea:hover{border-color:var(--border)}.side-body .frontmatter input[type=text]:focus,.side-body .frontmatter textarea:focus{border-color:var(--accent);background:var(--bg)}@media(max-width:799px){.side-body .frontmatter input[type=text],.side-body .frontmatter textarea{font-size:max(16px,calc(16px * var(--ui-scale)))}}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:30;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.palette{width:min(640px,92vw);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-4);box-shadow:var(--shadow-3);overflow:hidden}.palette input{width:100%;font:inherit;font-size:calc(16px * var(--ui-scale));padding:var(--s-5) var(--s-6);border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;outline:none}.palette-list{max-height:60vh;overflow:auto}.palette-row{padding:var(--s-4) var(--s-6);cursor:pointer}.palette-row.sel{background:var(--accent-bg)}.palette-row .title{font-weight:500}.palette-row .snippet{font-size:calc(12px * var(--ui-scale));color:var(--fg-2);margin-top:var(--s-1)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:var(--s-4) var(--s-6);border-radius:var(--r-3);z-index:40;max-width:90vw}.topbar .sync{display:inline-flex;align-items:center;gap:var(--s-2)}.topbar .sync.off{color:var(--fg-3)}.topbar .sync.running{color:var(--accent)}.topbar .sync.error,.topbar .sync.has-conflicts{color:var(--danger)}.topbar .sync-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace.narrow .topbar .sync-label{display:none}.banner.conflicts .conflict{display:inline-flex;gap:var(--s-1)}.banner.conflicts .conflict button:first-child{font-family:var(--mono);font-size:calc(12px * var(--ui-scale))}.tree-row.pending{color:var(--fg-3);font-style:italic}.palette.dialog{max-height:90vh;overflow:auto}.settings{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-6)}.settings h2{margin:0;font-size:calc(18px * var(--ui-scale))}.settings label{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);font-size:calc(13px * var(--ui-scale));color:var(--fg-2)}.settings label .lbl{display:block}.settings label .lbl code{display:inline}.settings label.check{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s-4);color:var(--fg)}.settings label.check input{width:auto;flex:none;margin:0}.settings label.check span{flex:1;text-align:left}.settings input[type=text],.settings input[type=password],.settings input:not([type]){font:inherit;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg);color:inherit;width:100%;box-sizing:border-box}.settings .row{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.settings .row input{flex:1;width:auto;min-width:0}.settings .actions{margin-top:var(--s-2)}.settings .ok{color:var(--ok)}.settings .err{color:var(--danger)}.welcome .settings{padding:0}.settings button:not(.primary){border-color:var(--border)}.palette.dialog input{font-size:inherit;border-bottom:1px solid var(--border)}.workspace.narrow{grid-template-rows:var(--top-h) auto 1fr var(--bottom-h);grid-template-areas:"top top top" "left tabs right" "left main right" "bottom bottom bottom";--bottom-h: calc(48px + env(safe-area-inset-bottom)) }.bottombar{grid-area:bottom;display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);background:var(--bg-2);padding:0 var(--s-2) env(safe-area-inset-bottom)}.workspace.narrow .topbar{padding-left:max(var(--s-4),env(safe-area-inset-left));padding-right:max(var(--s-4),env(safe-area-inset-right))}.workspace.narrow .topbar button{min-width:40px;min-height:36px}.workspace.narrow .left,.workspace.narrow .right,.workspace.narrow .scrim{bottom:var(--bottom-h)}.workspace.narrow .cm-editor{font-size:var(--editor-size-narrow, 16px)}.workspace.narrow .cm-content{padding:var(--s-5) 0 30vh}.workspace.narrow .preview{padding:var(--s-6) var(--s-6) 30vh;font-size:var(--reading-size-narrow, 17px)}.workspace.narrow .toast{bottom:calc(var(--bottom-h) + 12px)}.workspace.narrow .banner{font-size:calc(13px * var(--ui-scale))}.workspace.narrow .banner.conflicts .conflict button:first-child{max-width:60vw;overflow:hidden;text-overflow:ellipsis}@media(max-width:799px){.palette-backdrop{padding-top:4vh}.palette input,.settings input{font-size:max(16px,calc(16px * var(--ui-scale)))}}.palette.commands .title{display:flex;align-items:center;gap:var(--s-5)}.palette.commands .keys{margin-left:auto;font-size:calc(12px * var(--ui-scale));color:var(--fg-3);font-family:var(--sans)}.tag.clickable{cursor:pointer}.tag-row{display:flex;align-items:center}.tag-row .count{margin-left:auto;font-size:calc(11px * var(--ui-scale))}.side-body h4 button.small{float:right;font-size:calc(11px * var(--ui-scale));padding:0 var(--s-3);text-transform:none;letter-spacing:0}.embed-note{display:block;margin:var(--s-5) 0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--r-2) var(--r-2) 0;background:var(--bg-2)}.embed-note .embed-title{display:block;font-family:var(--sans);font-size:calc(12px * var(--ui-scale));padding:var(--s-2) var(--s-5);border-bottom:1px solid var(--border);color:var(--fg-2)}.embed-note .embed-title .wikilink{text-decoration:none}.embed-note .embed-body{display:block;padding:var(--s-2) var(--s-5)}.embed-note .embed-body.muted{font-family:var(--sans);font-size:calc(12px * var(--ui-scale))}.embed-note .embed-body>*:first-child{margin-top:.4em}.embed-note .embed-note{margin:var(--s-4) 0}.topbar .bookmark-btn.on,.topbar .bookmark-btn:hover{color:var(--gold)}.bookmarks{border-bottom:1px solid var(--border);margin-bottom:var(--s-2);padding-bottom:var(--s-2)}.tree-row.bookmark .muted{font-size:calc(11px * var(--ui-scale))}.side-body.trash h4{display:flex;align-items:center;gap:var(--s-3)}.side-body.trash h4 button.small{float:none;margin-left:auto}.side-body.trash h4 button.small+button.small{margin-left:0}.trash-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--r-1)}.trash-row:hover{background:var(--hover)}.trash-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-actions{display:flex;gap:var(--s-2);flex-shrink:0}.panel-resizer{position:fixed;top:var(--top-h);bottom:0;width:6px;z-index:4;cursor:col-resize;touch-action:none;outline:none}.panel-resizer.left{left:calc(var(--left-shown) - 1px)}.panel-resizer.right{right:calc(var(--right-shown) - 5px)}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:transparent;transition:background .1s}.panel-resizer:after{left:0}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,.panel-resizer.dragging:after{background:var(--accent)}body.resizing-panel{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-panel .workspace{transition:none}body.resizing-panel iframe{pointer-events:none}.settings select{font:inherit;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg);color:inherit;width:100%;box-sizing:border-box}.settings .appearance-area{border:1px solid var(--border);border-radius:var(--r-3);margin:0;padding:var(--s-4) var(--s-5) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.settings .appearance-area legend{padding:0 var(--s-2);font-weight:600;color:var(--fg)}.settings .appearance-area .row{align-items:flex-end;flex-wrap:nowrap}.settings .appearance-area label.grow{flex:1;min-width:0}.settings .appearance-area label:not(.grow){flex:none;width:13em;max-width:45%}.font-sample{padding:var(--s-4) var(--s-5);background:var(--bg-2);border-radius:var(--r-2);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}@media(max-width:799px){.settings select{font-size:max(16px,calc(16px * var(--ui-scale)))}.settings .appearance-area .row{flex-wrap:wrap}.settings .appearance-area label.grow,.settings .appearance-area label:not(.grow){flex:1 1 100%;width:auto;max-width:none}}.settings-tabs{display:flex;align-items:stretch;gap:var(--s-2);padding:var(--s-3) var(--s-3) 0;border-bottom:1px solid var(--border);background:var(--bg-2)}.settings-tabs button[role=tab]{border-radius:var(--r-2) var(--r-2) 0 0;border:1px solid transparent;border-bottom:none;padding:var(--s-3) var(--s-5);color:var(--fg-2);font-weight:500;margin-bottom:-1px}.settings-tabs button[role=tab]:hover{color:var(--fg)}.settings-tabs button[role=tab].on{background:var(--bg);border-color:var(--border);color:var(--fg);font-weight:600}.settings-tabs .settings-close{margin-left:auto;align-self:center;color:var(--fg-3);font-size:calc(16px * var(--ui-scale));line-height:1;padding:var(--s-1) var(--s-3)}.settings-tabs .settings-close:hover{color:var(--fg)}.palette.dialog:has(.settings-tabs){overflow:hidden;display:flex;flex-direction:column}.settings-panel{overflow:auto;min-height:0}.kb-view-mount{display:block;margin:var(--s-5) 0}.kb-view-box{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg-2);overflow:hidden}.kb-view-box.muted{padding:var(--s-5) var(--s-5)}.kb-view-error{border-color:var(--danger)}.kb-view-error-title{font-family:var(--mono);font-size:.9em;color:var(--fg-2);margin-bottom:var(--s-2)}.kb-view-error>div:last-child{padding-bottom:var(--s-1)}.kb-view-error{padding:var(--s-5) var(--s-5)}.kb-view-tabs{display:flex;gap:var(--s-1);padding:var(--s-3) var(--s-4) 0;border-bottom:1px solid var(--border)}.kb-view-tabs button{border:none;background:none;padding:var(--s-3) var(--s-5);border-radius:var(--r-2) var(--r-2) 0 0;color:var(--fg-2)}.kb-view-tabs button.active{background:var(--bg);color:var(--fg)}.kb-view-head{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);font-size:calc(12px * var(--ui-scale));border-bottom:1px solid var(--border)}.kb-view-name{font-weight:600}.kb-view-refresh{margin-left:auto;border:1px solid var(--border);background:var(--bg-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-2);font-size:inherit}.kb-view-empty{padding:var(--s-5)}.kb-view-group-label{padding:var(--s-4) var(--s-5) var(--s-2);font-size:calc(12px * var(--ui-scale));color:var(--fg-2);font-weight:600}.kb-table{width:100%;border-collapse:collapse;background:var(--bg)}.kb-table th,.kb-table td{text-align:left;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border);vertical-align:top}.kb-table th{font-size:calc(12px * var(--ui-scale));color:var(--fg-2);font-weight:600;background:var(--bg-2);position:sticky;top:0}.kb-table tr:last-child td{border-bottom:none}.kb-table-leaving{opacity:.55}.kb-cell-title{white-space:nowrap}.kb-cell-title:has(.kb-task){white-space:normal;min-width:22ch}.kb-task{display:flex;gap:var(--s-2);align-items:baseline;flex-wrap:wrap}.kb-task-box{flex:0 0 auto;margin:0;cursor:pointer;align-self:center}.kb-task-box:disabled{cursor:progress}.kb-task-text{flex:1 1 18ch;min-width:0}.kb-task-note{flex:0 0 auto;font-size:calc(12px * var(--ui-scale))}.kb-task:has(.kb-task-box:checked) .kb-task-text{text-decoration:line-through;color:var(--fg-3)}.kb-cell{cursor:text}.kb-cell-ro{cursor:default;color:var(--fg-2)}.kb-cell:not(.kb-cell-ro):hover{background:var(--bg-2)}.kb-cell-busy{opacity:.5}.kb-cell-input{width:100%;min-width:90px;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--accent);border-radius:var(--r-1);padding:var(--s-1) var(--s-2)}select.kb-cell-input,input[type=date].kb-cell-input{border-color:transparent;background:none}.kb-cell:hover select.kb-cell-input,.kb-cell:hover input[type=date].kb-cell-input{border-color:var(--border);background:var(--bg)}.kb-cell-multi{position:relative;cursor:pointer}.kb-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.kb-chip{background:var(--bg-3);border-radius:var(--r-pill);padding:1px var(--s-4);font-size:calc(12px * var(--ui-scale))}.kb-popover{position:absolute;z-index:20;top:100%;left:6px;min-width:160px;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-2)}.kb-popover label{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) var(--s-2);cursor:pointer;white-space:nowrap}.kb-view-list{margin:0;padding:var(--s-3) var(--s-5) var(--s-5) var(--s-8)}.kb-view-list li{margin:var(--s-1) 0}.kb-board{display:flex;gap:var(--s-5);align-items:flex-start;overflow-x:auto;padding:var(--s-4) var(--s-5) var(--s-5)}.kb-board-col{flex:0 0 auto;width:220px;display:flex;flex-direction:column;gap:var(--s-3);background:var(--bg-2);border-radius:var(--r-3);padding:var(--s-4)}.kb-board-col-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:calc(12px * var(--ui-scale));font-weight:600}.kb-board-col-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-board-leaving{opacity:.55}.kb-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:var(--s-1)}.kb-card-title{font-weight:600}.kb-card-field{display:flex;gap:var(--s-3);align-items:baseline;font-size:calc(12px * var(--ui-scale))}.kb-card-label{flex:0 0 auto;min-width:64px;color:var(--fg-2)}.kb-card-field .kb-cell{flex:1 1 auto;min-width:0}.kb-card-move{margin-top:var(--s-1);border-top:1px solid var(--border);padding-top:var(--s-2)}.kb-new-row{display:block;width:100%;text-align:left;padding:var(--s-3) var(--s-5);background:none;border:none;color:var(--fg-2);cursor:pointer;font:inherit;font-size:calc(13px * var(--ui-scale))}.kb-new-row:hover{background:var(--bg-2);color:var(--fg)}.kb-new-row-form{padding:var(--s-2) var(--s-5)}@media(max-width:799px){.kb-view-box{overflow-x:auto}.kb-cell-input{font-size:max(16px,calc(14px * var(--ui-scale)))}}.tree-pane{display:flex;flex-direction:column;height:100%;min-height:0}.tree-pane .tree{flex:1;overflow:auto;min-height:0}.tree-filter{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);color:var(--fg-4)}.tree-filter input{flex:1;min-width:0;font:inherit;font-size:calc(13px * var(--ui-scale));padding:var(--s-2) 0;border:none;background:none;color:var(--fg);outline:none}.tree-filter input::placeholder{color:var(--fg-3)}.tree-filter input::-webkit-search-cancel-button{display:none}.tree-filter:focus-within{color:var(--accent)}.tree-empty{padding:var(--s-5) var(--s-4)}.tree-row{position:relative}.tree-row .row-actions{margin-left:auto;display:flex;gap:0;opacity:0;transition:opacity var(--motion)}.tree-row:hover .row-actions,.tree-row:focus-visible .row-actions,.tree-row:focus-within .row-actions{opacity:1}.tree-row .row-actions button{min-width:22px;min-height:22px;padding:0;color:var(--fg-3);display:inline-flex;align-items:center;justify-content:center}.tree-row .row-actions button:hover{color:var(--fg);background:var(--active)}@media(hover:none){.tree-row .row-actions{opacity:1}}.tree-row.draft{padding-top:0;padding-bottom:0}.tree-draft-input{flex:1;min-width:0;font:inherit;font-size:calc(13px * var(--ui-scale));padding:var(--s-2) var(--s-3);margin:var(--s-1) var(--s-3) var(--s-1) 0;border:1px solid var(--accent);border-radius:var(--r-1);background:var(--bg);color:inherit;outline:none}@media(max-width:799px){.tree-filter input,.tree-draft-input{font-size:max(16px,calc(13px * var(--ui-scale)))}}.tree-foot{display:flex;align-items:center;gap:var(--s-3)}.bookmarks .tree-row{width:100%;text-align:left;border:none;border-radius:0;font:inherit}.icon{display:block;flex:none}.topbar button,.bottombar button,.pane-head button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-width:28px;min-height:28px;padding:var(--s-2);color:var(--fg-2)}.topbar button:hover,.pane-head button:hover{color:var(--fg)}.topbar button.on,.bottombar button.on{background:var(--accent-bg);color:var(--accent)}.topbar .bar-group{display:flex;align-items:center;gap:var(--s-1)}.topbar .bar-group+.bar-group,.topbar .seg+.bar-group{padding-left:var(--s-4);margin-left:var(--s-2);position:relative}.topbar .bar-group+.bar-group:before,.topbar .seg+.bar-group:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--border-strong)}.topbar .seg{align-self:center}.topbar .seg button{min-height:24px;padding:var(--s-1) var(--s-4);color:var(--fg-2)}.topbar .seg button.on{color:var(--accent)}.note-tabs .dirty{display:inline-block;width:6px;height:6px;border-radius:var(--r-pill);background:var(--accent);margin-left:var(--s-3);vertical-align:middle}.topbar .bookmark-btn{color:var(--fg-4)}.topbar .bookmark-btn.on{color:var(--gold)}.topbar .bookmark-btn.on .icon{fill:var(--gold)}.topbar .bookmark-btn:hover{color:var(--gold)}.pane-head button.small{min-width:24px;min-height:24px;padding:var(--s-1);color:var(--fg-4)}.bottombar button{min-width:44px;min-height:40px;padding:var(--s-4) var(--s-5)}.bottombar .icon{width:20px;height:20px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}.cm-editor:focus-visible,.cm-editor .cm-content:focus-visible{outline:none}.tree-row:focus-visible,.link-row:focus-visible,.outline-row:focus-visible,.palette-row:focus-visible,.trash-row:focus-visible{outline-offset:-2px}button,.tree-row,.link-row,.outline-row,.palette-row,.trash-row,.kb-cell,.kb-new-row,.wikilink,.tag.clickable{transition:background-color var(--motion),color var(--motion),border-color var(--motion),box-shadow var(--motion)}button:active{transform:translateY(.5px)}button.primary:hover{background:color-mix(in srgb,var(--accent) 88%,black)}.tree-row.active,.tree-row.file.active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.tree-row.dir:active,.tree-row.file:active{background:var(--active)}.palette-row.sel{box-shadow:inset 2px 0 0 var(--accent)}.topbar{box-shadow:var(--shadow-1);position:relative;z-index:3}.ctx,.kb-popover{animation:pop var(--motion) both}.palette-backdrop{animation:fade var(--motion) both}.palette{animation:rise var(--motion-slow) both}.toast{box-shadow:var(--shadow-2);animation:rise var(--motion-slow) both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(var(--s-4))}to{opacity:1;transform:none}}.toast{animation-name:rise-centered}@keyframes rise-centered{0%{opacity:0;transform:translate(-50%,var(--s-4))}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.workspace{transition:none}}.note-tabs{grid-area:tabs;display:flex;align-items:stretch;gap:2px;min-width:0;padding:0 var(--s-2);background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.note-tabs::-webkit-scrollbar{display:none}.note-tab{display:flex;align-items:center;min-width:0;flex:0 0 auto;max-width:220px;border-radius:var(--r-2) var(--r-2) 0 0;border:1px solid transparent;border-bottom:none;color:var(--fg-3)}.note-tab:hover{background:var(--hover);color:var(--fg-2)}.note-tab.on{background:var(--bg);border-color:var(--border);color:var(--fg);margin-bottom:-1px;padding-bottom:1px}.note-tab .tab-name{display:flex;align-items:center;min-width:0;gap:0;padding:var(--s-2) var(--s-1) var(--s-2) var(--s-3);background:none;border:none;color:inherit;font:inherit;cursor:pointer}.note-tab .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-tabs .dirty{margin-left:var(--s-2)}.note-tab .tab-close{display:flex;align-items:center;padding:var(--s-1);margin-right:var(--s-2);border:none;border-radius:var(--r-1);background:none;color:var(--fg-4);cursor:pointer;opacity:0}.note-tab:hover .tab-close,.note-tab.on .tab-close,.note-tab .tab-close:focus-visible{opacity:1}.note-tab .tab-close:hover{background:var(--active);color:var(--danger)}@media(hover:none){.note-tab .tab-close{opacity:1}}