:root{--bg:#fff;--fg:#1c1c1c;--muted:#9b9b9b;--border:#ececec;--sidebar-bg:#f7f7f5;--hover:#ececea;--active:#e4e4e1;--accent:#4569d4;--selection:#d5e2fb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-quick:.12s;--dur-menu:.18s;--dur-menu-out:.12s;--dur-modal:.22s;--dur-modal-out:.14s;--dur-drawer:.26s;--dur-drawer-out:.18s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#1b1b1d;--fg:#e6e6e4;--muted:#7b7b7a;--border:#2a2a2c;--sidebar-bg:#202022;--hover:#2a2a2d;--active:#313134;--accent:#7d9bee;--selection:#32415f}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1b1b1d;--fg:#e6e6e4;--muted:#7b7b7a;--border:#2a2a2c;--sidebar-bg:#202022;--hover:#2a2a2d;--active:#313134;--accent:#7d9bee;--selection:#32415f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=vesper]{--bg:#101010;--fg:#fff;--muted:#8b8b8b;--border:#232323;--sidebar-bg:#141414;--hover:#282828;--active:#232323;--accent:#ffc799;--selection:#ffffff26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row:focus-visible{outline-offset:-2px}.btn,.icon-btn,.menu-item,.seg-btn,.vault-name{transition:transform var(--dur-press) var(--ease-out)}.btn:active,.icon-btn:active,.menu-item:active,.seg-btn:active,.vault-name:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.btn,.icon-btn,.menu-item,.seg-btn,.vault-name,.chevron,.sidebar,.dialog,.menu,.row-actions{transition-property:opacity,background-color,color!important;transform:none!important}}html,body,#root{height:100%;height:100dvh}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.app{height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor{flex:1;min-height:0}.editor>.cm-editor{height:100%}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;font-size:13px;display:flex;position:relative}.resizer{cursor:col-resize;z-index:20;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:-3px}.resizer:hover{background:var(--accent);opacity:.35}.resizer.left{left:-3px;right:auto}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:12px 10px 4px;font-size:11px;font-weight:600}.sidebar-header{align-items:center;gap:2px;padding:10px 8px 8px 14px;display:flex}.vault-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex:1;padding:0;font-size:12px;font-weight:600;overflow:hidden}.vault-name:hover{color:var(--fg)}.search-box{background:var(--hover);height:30px;color:var(--muted);border-radius:7px;flex-shrink:0;align-items:center;gap:6px;margin:0 8px 6px;padding:0 4px 0 8px;display:flex}.search-box:focus-within{box-shadow:inset 0 0 0 1px var(--accent);color:var(--fg)}.search-input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--muted)}.row.hit{height:auto;min-height:28px;padding:5px 4px 5px 10px}.hit-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hit-line{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.row.hit mark{background:var(--selection);color:inherit;border-radius:2px}.tree{flex:1;padding:0 6px 24px;overflow-y:auto}.row{cursor:pointer;height:28px;color:var(--fg);transition:background-color var(--dur-quick) ease;border-radius:5px;align-items:center;gap:4px;padding-right:4px;display:flex;position:relative}.row:hover{background:var(--hover);--row-bg:var(--hover)}.row.active{background:var(--active);--row-bg:var(--active)}.row.dir{color:var(--muted);font-weight:500}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chevron{transition:transform var(--dur-menu) var(--ease-out);opacity:.7;flex-shrink:0;display:inline-flex;transform:rotate(90deg)}.chevron.collapsed{transform:rotate(0)}.row.is-dragging{opacity:.4}.sidebar.dragging{cursor:grabbing}.drop-into{box-shadow:inset 0 0 0 2px var(--accent);border-radius:5px}.tree.drop-into{box-shadow:inset 0 0 0 2px var(--accent)}.drop-line{background:var(--accent);pointer-events:none;border-radius:1px;height:2px;margin-right:4px}.sidebar.dragging .row:hover{background:0 0}.sidebar.dragging .row.active:hover{background:var(--active)}.sort-menu{display:inline-flex;position:relative}.menu{z-index:40;border:1px solid var(--border);background:var(--bg);transform-origin:100% 0;min-width:172px;transition:opacity var(--dur-menu) var(--ease-out), transform var(--dur-menu) var(--ease-out);will-change:opacity, transform;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000002e}@starting-style{.menu{opacity:0;transform:scale(.97)}}.menu.is-closing{opacity:0;pointer-events:none;transition:opacity var(--dur-menu-out) var(--ease-out), transform var(--dur-menu-out) var(--ease-out);transform:scale(.99)}.menu-item{width:100%;height:30px;color:var(--fg);font:inherit;text-align:left;border-radius:5px;align-items:center;gap:8px;padding:0 8px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item.selected{color:var(--accent)}.menu-note{border-top:1px solid var(--border);color:var(--muted);margin-top:4px;padding:6px 8px 3px;font-size:11px;line-height:1.35}.row-actions{background:linear-gradient(to right, transparent, var(--row-bg,var(--sidebar-bg)) 16px);opacity:0;pointer-events:none;transition:opacity var(--dur-quick) ease, transform var(--dur-quick) var(--ease-out);border-radius:0 5px 5px 0;align-items:center;gap:4px;padding:0 4px 0 16px;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(3px)}.row:hover .row-actions,.row:focus-within .row-actions,.row.active .row-actions{opacity:1;pointer-events:auto;transform:none}.sidebar.dragging .row-actions{opacity:0;pointer-events:none}.row:has(.rename-input) .row-actions{opacity:0;pointer-events:none}.icon-btn{width:22px;height:22px;color:var(--muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--hover);color:var(--fg)}.sidebar-toggle{z-index:10;position:absolute;top:10px;left:10px}.rename-input{min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--accent);border-radius:4px;outline:none;flex:1;padding:2px 5px}.status-bar{color:var(--muted);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:flex-end;gap:14px;padding:5px 14px;font-size:11.5px;display:flex}.empty-state{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:48px 24px;display:flex}.welcome>*{animation:rise .5s var(--ease-out) backwards}.welcome>:nth-child(2){animation-delay:40ms}.welcome>:nth-child(3){animation-delay:80ms}.welcome>:nth-child(4){animation-delay:.12s}@keyframes rise{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.welcome>*{animation:none}}.welcome h1{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.2}.tagline{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.6}.welcome-actions{gap:12px;display:flex}.btn{border:1px solid var(--border);border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500}.btn:hover{background:var(--hover)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{opacity:.85}.unsupported{color:var(--muted);max-width:26rem;font-size:12.5px;line-height:1.6}.welcome-foot{max-width:30rem;color:var(--muted);flex-direction:column;gap:14px;margin-top:32px;font-size:12.5px;line-height:1.6;display:flex}.welcome-foot a{color:inherit;text-underline-offset:2px;text-decoration:underline}.welcome-foot a:hover{color:var(--fg)}.connect{text-align:left;flex-direction:column;gap:10px;width:min(340px,100%);display:flex}.connect .check-row{margin:2px 0 6px}.connect-row{gap:8px;display:flex}.grow{flex:1;min-width:0}.port{flex:0 0 64px}.file-btn{cursor:pointer;align-items:center;display:flex}.key-loaded{color:var(--muted);align-items:center;padding:0 2px;font-size:13px}.link-btn{color:var(--muted);padding:0;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--fg)}.check-row{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.text-input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;min-width:0;padding:8px 12px}.text-input:focus{border-color:var(--accent)}.connect-error{color:#d66;font-size:12.5px}.settings-overlay,.dialog-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--dur-modal) var(--ease-out);padding:16px}.dialog-overlay.is-closing{opacity:0;transition:opacity var(--dur-modal-out) var(--ease-out)}.dialog{background:var(--bg);border:1px solid var(--border);transform-origin:50%;width:min(380px,100%);transition:opacity var(--dur-modal) var(--ease-out), transform var(--dur-modal) var(--ease-out);will-change:opacity, transform;border-radius:12px;padding:20px;box-shadow:0 12px 40px #00000040}@starting-style{.dialog-overlay{opacity:0}.dialog{opacity:0;transform:scale(.96)}}.dialog-overlay.is-closing .dialog{opacity:0;transition:opacity var(--dur-modal-out) var(--ease-out), transform var(--dur-modal-out) var(--ease-out);transform:scale(.96)}.dialog-message{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.dialog .text-input{width:100%;margin-top:14px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions .btn{padding:7px 16px}.settings-panel{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:340px;padding:18px 20px 20px;box-shadow:0 12px 40px #00000040}.settings-title{margin-bottom:16px;font-size:14px;font-weight:650}.settings-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-label{font-size:13px}.segmented{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:flex}.seg-btn{color:var(--muted);border-radius:5px;padding:3px 10px;font-size:12.5px}.seg-btn:hover{color:var(--fg)}.seg-btn.selected{background:var(--active);color:var(--fg)}.outline{border-left:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;font-size:12.5px;display:flex;position:relative}.outline-scroll{flex:1;min-height:0;padding:4px 8px 24px;overflow-y:auto}.outline-item{height:26px;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding-right:6px;line-height:26px;display:block;overflow:hidden}.outline-item:hover{background:var(--hover);color:var(--fg)}.outline-item.active{color:var(--fg);font-weight:550}.cm-placeholder{color:var(--muted)}.cm-quote-line{border-left:2px solid var(--active);padding-left:12px}.cm-codeblock{background:var(--sidebar-bg)}.cm-hr{vertical-align:middle;border-top:1px solid var(--border);width:100%;display:inline-block}.cm-listmark{color:var(--muted)}input.cm-task{accent-color:var(--accent);vertical-align:-1.5px;cursor:pointer;margin:0 6px 0 0}img.cm-image{vertical-align:middle;cursor:default;border-radius:6px;max-width:100%;max-height:500px}img.cm-image-broken{color:var(--muted);font-size:.85em;font-style:italic}.cm-wikilink{color:var(--accent);cursor:pointer}.cm-wikilink:hover{text-decoration:underline}.cm-table-wrap{cursor:default;padding:4px 0}.cm-table{border-collapse:collapse;font-size:.92em}.cm-table th,.cm-table td{border:1px solid var(--border);text-align:left;padding:5px 12px}.cm-table th{background:var(--sidebar-bg);font-weight:600}.cm-table-link{color:var(--accent)}@media (hover:none),(any-pointer:coarse){.row-actions{opacity:1;pointer-events:auto;transform:none}.resizer:after{content:"";background:var(--muted);opacity:.5;border-radius:1px;width:2px;height:26px;margin:-13px 0 0 -1px;position:absolute;top:50%;left:50%}}@media (any-pointer:coarse){.resizer{width:22px;right:-11px}.resizer.left{left:-11px;right:auto}.row{height:38px}.row.hit{min-height:38px}.search-box{height:40px}.outline-item{height:34px;line-height:34px}.icon-btn{width:32px;height:32px;font-size:16px}.rename-input,.search-input,.text-input{font-size:16px}}.scrim{display:none}@media (max-width:700px){.sidebar{z-index:30;transition:transform var(--dur-drawer) var(--ease-drawer);will-change:transform;position:fixed;top:0;bottom:0;left:0;box-shadow:0 0 40px #0000004d;width:min(310px,84vw)!important}@starting-style{.sidebar{transform:translate(-100%)}}.sidebar.is-closing{transition:transform var(--dur-drawer-out) var(--ease-drawer);transform:translate(-100%)}.resizer,.outline{display:none}.scrim{z-index:25;transition:opacity var(--dur-drawer) var(--ease-out);background:#00000059;display:block;position:fixed;inset:0}@starting-style{.scrim{opacity:0}}.scrim.is-closing{opacity:0;transition:opacity var(--dur-drawer-out) var(--ease-out)}.sidebar-toggle{border:1px solid var(--border);background:var(--sidebar-bg);width:40px;height:40px;color:var(--fg);border-radius:9px;font-size:18px}.welcome-actions{flex-direction:column;width:min(340px,100%)}.settings-panel{width:min(340px,100vw - 28px)}.status-bar{padding-right:10px}}