:root{--bg:#fff;--bg-2:#f6f6f7;--bg-3:#ebebee;--bg-hover:#0000000d;--border:#e2e2e6;--text:#1f1f23;--text-muted:#5d5d66;--text-faint:#9a9aa3;--accent:#7a4fd6;--accent-soft:#7a4fd61f;--accent-text:#fff;--selection:#7a4fd633;--danger:#c93535;--success:#2f8a4f;--warning:#b7791f;--code:#b5462b;--code-bg:#f1f1f4;--syn-keyword:#8a3fbf;--syn-string:#2c7a4b;--syn-number:#b35c00;--syn-fn:#2563b0;--syn-type:#9a5b00;--graph-node:#8f8f99;--graph-link:#78788259;--graph-dim:#9696a040;--shadow:0 8px 30px #00000024;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Ubuntu, "Helvetica Neue", sans-serif;--font-text:var(--font-ui);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--editor-font-size:16px;--line-width:760px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1e1e21;--bg-2:#252529;--bg-3:#313136;--bg-hover:#ffffff0f;--border:#35353b;--text:#dddde2;--text-muted:#a6a6b0;--text-faint:#6e6e78;--accent:#a88bf5;--accent-soft:#a88bf529;--accent-text:#1a1325;--selection:#a88bf547;--danger:#f07070;--success:#5cc183;--warning:#e0a84a;--code:#f0a37f;--code-bg:#2b2b30;--syn-keyword:#c792ea;--syn-string:#9bd49b;--syn-number:#f2b36b;--syn-fn:#82aaff;--syn-type:#ffcb6b;--graph-node:#8d8d97;--graph-link:#a0a0aa4d;--graph-dim:#78788240;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button,input{font:inherit;color:inherit}kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-2);color:var(--text-muted);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.8em}.muted{color:var(--text-muted)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.boot-screen{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn.active{color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.danger:hover{color:var(--danger)}.btn{border:1px solid var(--border);background:var(--bg-2);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.btn:hover{background:var(--bg-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.08)}.btn.primary kbd{color:inherit;opacity:.7;background:0 0;border-color:currentColor}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn.small{padding:3px 10px;font-size:12px}.btn:disabled{opacity:.6;cursor:default}.link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0 4px;text-decoration:none}.link-btn.danger{color:var(--danger)}.app{flex-direction:column;height:100%;display:flex}.workspace{flex:1;min-height:0;display:flex;position:relative}.ribbon{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:46px;padding:10px 0;display:flex}.ribbon .icon-btn{width:34px;height:34px}.ribbon-spacer{flex:1}.sidebar{background:var(--bg-2);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.sidebar-left{border-right:1px solid var(--border);width:270px}.sidebar-right{border-left:1px solid var(--border);width:300px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.main-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:42px;padding:0 8px;display:flex}.header-left,.header-right{align-items:center;gap:2px;display:flex}.breadcrumb{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-muted);flex:1;font-size:13px;overflow:hidden}.crumb-folder{color:var(--text-faint);cursor:pointer}.crumb-title{color:var(--text)}.main-body{flex:1;min-height:0;position:relative}.mobile-only{display:none}.panel{flex-direction:column;height:100%;min-height:0;display:flex}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 8px 0 14px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:600}.panel-actions{display:flex}.empty-hint{color:var(--text-faint);padding:14px;font-size:13px;line-height:1.5}.tree{flex:1;padding:6px 6px 40px;overflow-y:auto}.tree.drop-root{background:var(--accent-soft)}.tree-row{cursor:pointer;height:28px;color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding-right:8px;display:flex}.tree-row:hover{background:var(--bg-hover);color:var(--text)}.tree-row.active{background:var(--accent-soft);color:var(--text)}.tree-row.folder{color:var(--text);font-weight:500}.tree-row.drop{background:var(--accent-soft);outline:1px dashed var(--accent)}.tree-row .chevron,.tree-row .tree-icon{color:var(--text-faint);flex-shrink:0;display:inline-flex}.tree-row.file .tree-name{color:var(--text-faint)}.tree-name{text-overflow:ellipsis;overflow:hidden}.inline-input{border:1px solid var(--accent);background:var(--bg);border-radius:4px;outline:none;flex:1;min-width:0;padding:2px 6px}.trash{border-top:1px solid var(--border);flex-direction:column;max-height:40%;display:flex}.trash-header{cursor:pointer;color:var(--text-muted);align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.trash-header span{flex:1}.trash-list{padding:0 6px 8px;overflow-y:auto}.trash-item{border-radius:5px;align-items:center;gap:2px;padding-left:8px;display:flex}.trash-item:hover{background:var(--bg-hover)}.trash-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.trash-name small,.search-title small,.switcher-item small{color:var(--text-faint);margin-left:8px;font-size:11px}.search-box{padding:10px}.search-box input,.modal input{border:1px solid var(--border);background:var(--bg);border-radius:7px;outline:none;width:100%;padding:8px 10px}.search-box input:focus,.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-results{flex:1;padding:0 6px 20px;overflow-y:auto}.search-count{color:var(--text-faint);padding:2px 8px 8px;font-size:12px}.search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px;display:block}.search-result:hover,.search-result.active{background:var(--bg-hover)}.search-title{margin-bottom:3px;font-weight:500}.search-snippet{color:var(--text-muted);overflow-wrap:anywhere;font-size:12.5px;line-height:1.45}mark{background:var(--accent-soft);color:var(--text);border-radius:3px;padding:0 1px}.note-view{flex-direction:column;height:100%;display:flex}.note-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mode-read .note-scroll,.file-view .note-scroll{overflow-y:auto}.note-title{width:100%;max-width:calc(var(--line-width) + 48px);overflow-wrap:anywhere;background:0 0;border:none;outline:none;flex-shrink:0;margin:0 auto;padding:28px 24px 10px;font-size:2em;font-weight:700;line-height:1.25}.note-title:focus{caret-color:var(--accent)}.editor-host{flex:1;min-height:0}.cm-wikilink{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px}.banner{background:var(--accent-soft);justify-content:center;align-items:center;gap:12px;padding:8px;font-size:13px;display:flex}.preview-wrap{padding:0 24px 30vh}.markdown-preview{max-width:var(--line-width);font-family:var(--font-text);font-size:var(--editor-font-size);overflow-wrap:break-word;margin:0 auto;line-height:1.7}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{margin:1.4em 0 .5em;line-height:1.3}.markdown-preview h1{font-size:1.6em}.markdown-preview h2{font-size:1.4em}.markdown-preview h3{font-size:1.2em}.markdown-preview>:first-child{margin-top:.4em}.markdown-preview a{color:var(--accent);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview a.unresolved{opacity:.6}.markdown-preview a.external:after{content:"↗";margin-left:2px;font-size:.75em}.markdown-preview code{font-family:var(--font-mono);background:var(--code-bg);color:var(--code);border-radius:4px;padding:.1em .35em;font-size:.88em}.markdown-preview pre{background:var(--code-bg);border-radius:8px;padding:12px 14px;overflow-x:auto}.markdown-preview pre code{color:var(--text);background:0 0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:1em 0;padding:.2em 1em}.markdown-preview table{border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);padding:6px 10px}.markdown-preview th{background:var(--bg-2)}.markdown-preview hr{border:none;border-top:1px solid var(--border);margin:2em 0}.markdown-preview img{border-radius:6px;max-width:100%}.markdown-preview .task-list-item{list-style:none}.markdown-preview .task-list-item input{accent-color:var(--accent);cursor:pointer;margin:0 .5em 0 -1.4em}.embed-note{border-left:3px solid var(--accent-soft);margin:1em 0;padding:4px 0 4px 14px}.embed-note-title{font-size:.9em;font-weight:600}.embed-missing,[data-file-id].missing{background:var(--bg-2);color:var(--text-faint);border-radius:5px;padding:4px 8px;font-size:.85em;display:inline-block}.pdf-frame{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;height:640px}.pdf-frame.tall{height:calc(100vh - 220px)}.embed-media{width:100%}.file-meta{max-width:calc(var(--line-width) + 48px);width:100%;color:var(--text-faint);margin:0 auto;padding:0 24px 16px;font-size:12.5px}.file-body{max-width:calc(var(--line-width) + 48px);width:100%;margin:0 auto;padding:0 24px 40px}.file-body img,.file-body video{border-radius:6px;max-width:100%}.file-body audio{width:100%}.links-panel{overflow-y:auto}.links-section{border-bottom:1px solid var(--border)}.section-header{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.section-header .count{background:var(--bg-3);border-radius:10px;margin-left:auto;padding:0 7px;font-weight:500}.section-body{padding:0 8px 10px}.section-body .empty-hint{padding:4px 8px 6px}.ref-list,.link-list{margin:0;padding:0;list-style:none}.ref-list li{margin-bottom:8px}.ref-title,.link-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;width:100%;padding:4px 6px;font-weight:500;display:flex}.ref-title:hover,.link-item:hover{background:var(--bg-hover)}.link-item{color:var(--text-muted);font-weight:400}.link-item.unresolved{color:var(--text-faint);font-style:italic}.ref-context{border-left:2px solid var(--border);color:var(--text-muted);cursor:pointer;overflow-wrap:anywhere;margin:2px 0 2px 6px;padding:4px 8px;font-size:12.5px;line-height:1.45}.ref-context:hover{border-left-color:var(--accent)}.graph-view,.graph-canvas{position:absolute;inset:0}.graph-empty{color:var(--text-faint);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.graph-hint{color:var(--text-faint);pointer-events:none;font-size:11.5px;position:absolute;bottom:10px;right:12px}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.welcome h1{margin:0 0 4px;font-size:2.2em}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 26px;display:flex}.tips{text-align:left;font-size:13px;line-height:2}.tips code{font-family:var(--font-mono);background:var(--code-bg);border-radius:4px;padding:1px 5px}.statusbar{border-top:1px solid var(--border);background:var(--bg-2);height:26px;color:var(--text-faint);flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:0 8px;font-size:12px;display:flex}.sync-pill{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.sync-pill:hover{background:var(--bg-hover)}.sync-pill .dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.sync-synced .dot{background:var(--success)}.sync-syncing .dot,.sync-connecting .dot{background:var(--accent);animation:1s ease-in-out infinite pulse}.sync-offline .dot{background:var(--warning)}.sync-auth .dot,.sync-error .dot{background:var(--danger)}.sync-auth,.sync-error{color:var(--danger)}@keyframes pulse{50%{opacity:.3}}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.switcher input{border:none;border-bottom:1px solid var(--border);border-radius:0;padding:14px 16px;font-size:16px;box-shadow:none!important}.switcher-list{max-height:50vh;padding:6px;overflow-y:auto}.switcher-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;display:flex}.switcher-item.selected{background:var(--accent-soft)}.switcher-item.create span{color:var(--accent)}.switcher-empty{color:var(--text-faint);padding:12px}.switcher-hint{border-top:1px solid var(--border);color:var(--text-faint);padding:8px 14px;font-size:11.5px}.modal.login{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.modal.login h2{margin:0;font-size:1.3em}.modal.login p{margin:0;line-height:1.5}.modal.login label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:6px;padding:8px 10px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.context-menu{z-index:60;background:var(--bg);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);border-radius:8px;padding:5px;position:fixed}.context-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:6px 10px;display:block}.context-menu button:hover:not(:disabled){background:var(--accent-soft)}.context-menu button:disabled{color:var(--text-faint);cursor:default;font-size:12px}.context-menu button.danger{color:var(--danger)}.menu-separator{background:var(--border);height:1px;margin:4px 6px}.toasts{z-index:70;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:38px;right:16px}.toast{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.45;animation:.15s ease-out toast-in}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.cm-tooltip.cm-tooltip-autocomplete{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.cm-tooltip.cm-tooltip-autocomplete>ul{font-family:var(--font-ui);min-width:260px;max-height:280px}.cm-tooltip.cm-tooltip-autocomplete>ul>li{padding:5px 10px}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent-soft);color:var(--text)}.cm-completionDetail{color:var(--text-faint);margin-left:10px;font-size:.85em;font-style:normal}.cm-completionMatchedText{color:var(--accent);font-weight:700;text-decoration:none}.cm-panels{background:var(--bg-2);color:var(--text);border-color:var(--border)!important}.cm-panel.cm-search input,.cm-panel.cm-search button{font-size:13px}@media (max-width:800px){.sidebar{z-index:20;box-shadow:var(--shadow);position:absolute;top:0;bottom:0}.sidebar-left{width:min(300px,100vw - 60px);left:46px}.sidebar-right{width:min(300px,100vw - 60px);right:0}.mobile-only{display:inline-flex}.note-title{padding:18px 16px 6px;font-size:1.6em}.statusbar span:not(.dot){display:none}}@media (max-width:520px){.ribbon{width:40px}.sidebar-left{left:40px}}.statusbar .busy{color:var(--accent);margin-right:auto}.frontmatter{border:1px solid var(--border);background:var(--bg-2);color:var(--text-muted);border-radius:8px;margin:.4em 0 1.2em;padding:6px 12px;font-size:.85em}.frontmatter table{margin:0;display:table}.frontmatter td{vertical-align:top;border:none;padding:2px 12px 2px 0}.frontmatter td:first-child{color:var(--text-faint);white-space:nowrap}