:root,[data-theme=light]{--bg:#fff;--side:#f6f6f7;--line:#e5e5e7;--text:#1d1d1f;--muted:#6e6e73;--faint:#aeaeb2;--accent:#007aff;--hover:#0000000b;--sel:#e4e4e7;--code:#0000000d;--sheet:#fff;--input:#fff;--shadow:#00000029}[data-theme=dark]{--bg:#1e1e20;--side:#252527;--line:#333336;--text:#ececee;--muted:#9a9aa0;--faint:#5e5e64;--accent:#0a84ff;--hover:#ffffff0d;--sel:#38383c;--code:#ffffff14;--sheet:#29292c;--input:#1e1e20;--shadow:#00000080}[data-theme=midnight]{--bg:#141a26;--side:#1a2130;--line:#29324a;--text:#e6eaf2;--muted:#9aa4b8;--faint:#56607a;--accent:#6ea8fe;--hover:#ffffff0d;--sel:#2a3550;--code:#ffffff12;--sheet:#1c2434;--input:#141a26;--shadow:#0000008c}[data-theme=mist]{--bg:#f7f9fc;--side:#eef2f8;--line:#dfe5ee;--text:#1e2633;--muted:#667085;--faint:#a6afbf;--accent:#3a6fd8;--hover:#1e325a0d;--sel:#dee6f2;--code:#1e325a0f;--sheet:#fff;--input:#fff;--shadow:#141e3c26}[data-theme=mint]{--bg:#f6faf7;--side:#edf4ef;--line:#dce7df;--text:#1f2a24;--muted:#5f7168;--faint:#a3b3aa;--accent:#2f8f5b;--hover:#143c280d;--sel:#dceae1;--code:#143c280f;--sheet:#fff;--input:#fff;--shadow:#0a281926}[data-theme=muted]{--bg:#faf9f5;--side:#f2f0e9;--line:#e4e0d4;--text:#2b2a27;--muted:#7a766c;--faint:#b2ad9f;--accent:#c96442;--hover:#3c321e0d;--sel:#e8e3d6;--code:#3c321e0f;--sheet:#fbfaf7;--input:#fff;--shadow:#281e0a2e}:root{--side-w:260px;--ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--body:var(--ui);--mono:ui-monospace, "SF Mono", Menlo, monospace}[data-font=serif]{--body:"Iowan Old Style", Palatino, Georgia, serif}[data-font=mono]{--body:var(--mono)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;user-select:none;cursor:default}input,textarea,.cm-content{user-select:text}button{font-family:inherit}.window{height:100vh;display:flex;position:relative}.sidebar{width:var(--side-w);background:var(--side);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;transition:width .25s,opacity .2s;display:flex;overflow:hidden}.sidebar-hidden .sidebar{opacity:0;border-right-width:0;width:0}.side-head{height:calc(52px / var(--zoom,1));padding:0 10px 0 calc(84px / var(--zoom,1));min-width:var(--side-w);flex-shrink:0;align-items:center;display:flex}.side-head .actions{gap:2px;margin-left:auto;display:flex}.icon-btn{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn svg{width:16px;height:16px}.tree{min-width:var(--side-w);outline:none;flex:1;padding:0 8px 12px;overflow-y:auto}.tree-empty{color:var(--faint);padding:8px 10px;font-size:12.5px;line-height:1.5}.row{height:30px;padding-left:calc(8px + var(--d) * 16px);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding-right:6px;font-size:13.5px;display:flex}.row:hover{background:var(--hover)}.row.sel{background:var(--sel)}.row .chev{width:14px;height:14px;color:var(--faint);flex-shrink:0;transition:transform .15s}.row.open .chev{transform:rotate(90deg)}.row .ico{width:16px;height:16px;color:var(--muted);flex-shrink:0}.row.folder .ico{color:var(--accent)}.row.note .ico,.row.tab .ico{color:var(--heading,var(--muted))}.row .spacer{flex-shrink:0;width:14px}.row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.row .add{opacity:0;width:22px;height:22px}.row .add svg{width:14px;height:14px}.row:hover .add{opacity:1}.row input{font:inherit;color:var(--text);min-width:0;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.row input::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}.row.sect{height:26px;color:var(--faint);margin-top:14px;font-size:12px;font-weight:600}.section:first-child .row.sect,.loose+.section .row.sect{margin-top:2px}.loose{margin-bottom:10px}.row.sect .chev{opacity:0;width:12px;height:12px}.row.sect:hover .chev{opacity:1}.row.sect input{color:var(--muted);font-weight:600}.row.archive-head{margin-top:2px;padding-left:10px}.row .from{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;max-width:45%;font-size:11.5px;overflow:hidden}.tree.drop-root{box-shadow:inset 0 -2px 0 var(--accent)}.search{opacity:0;background:var(--hover);height:0;min-width:calc(var(--side-w) - 20px);visibility:hidden;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;margin:0 10px;padding:0 8px;transition:height .22s cubic-bezier(.2,.8,.2,1),margin .22s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .22s,visibility 0s .22s;display:flex;overflow:hidden;transform:translateY(-4px)scale(.98)}.searching .search{opacity:1;visibility:visible;height:28px;margin-bottom:8px;transition-delay:0s;transform:none}.search span{color:var(--faint);display:grid}.search svg{width:14px;height:14px}.search input{min-width:0;font:13px var(--ui);color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--faint)}.row.hit{height:auto;margin-bottom:1px;padding:6px 10px;display:block}.hit-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.hit-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.hit-path{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.row.hit mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit;border-radius:2px}.row.sect.sel{color:var(--muted)}.row.more{color:var(--faint);font-size:12.5px}.row.more:hover{color:var(--muted)}.row.dragging{opacity:.45}.row.drop-into{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.row.drop-before{box-shadow:inset 0 2px 0 var(--accent);border-radius:0}.row.drop-after{box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.kids.closed{display:none}.side-foot{min-width:var(--side-w);gap:2px;padding:8px 10px;display:flex}.side-foot .icon-btn.on{background:var(--sel);color:var(--text)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:calc(52px / var(--zoom,1));flex-shrink:0;align-items:center;gap:8px;padding:0 16px;transition:padding .25s;display:flex}.sidebar-hidden .topbar{padding-left:calc(84px / var(--zoom,1))}.crumbs{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.crumbs b{color:var(--muted);font-weight:500}.topbar .meta{color:var(--faint);white-space:nowrap;font-size:12px}.crumbs,.topbar .meta{opacity:0;transition:opacity .25s}.main:hover .crumbs,.main:hover .topbar .meta{opacity:1}.status{height:34px;color:var(--faint);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.status .info{gap:16px;display:none}.show-info .status .info{display:flex}#infoBtn{width:24px;height:24px;color:var(--faint);position:absolute;right:10px}#infoBtn:hover,.show-info #infoBtn{color:var(--muted)}#infoBtn svg{width:15px;height:15px}.empty{color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;display:none}.no-note .panes,.no-vault .panes{display:none}.no-note:not(.no-vault) #noNote,.no-vault #welcome{display:flex}.no-vault .status,.no-note .status{visibility:hidden}.welcome b{color:var(--text);font-size:15px;font-weight:600}.welcome p{text-align:center;max-width:320px;color:var(--muted);margin:0 0 6px;line-height:1.5}.editor-host{flex:1;min-height:0}#panes .editor-host .cm-editor{background:0 0;height:100%}#panes .editor-host .cm-editor.cm-focused{outline:none}#panes .editor-host .cm-scroller{font-family:var(--body);font-size:16px;line-height:1.65}[data-font=mono] #panes .editor-host .cm-scroller{font-size:14.5px}#panes .editor-host .cm-content{max-width:640px;caret-color:var(--accent);color:var(--text);margin:0 auto;padding:24px 48px 40vh}#panes .editor-host .cm-line{padding:0}:is(#panes .editor-host,.snippet-editor) .cm-editor .cm-cursor{border-left:2px solid var(--accent)}:is(#panes .editor-host,.snippet-editor) .cm-editor .cm-selectionBackground,:is(#panes .editor-host,.snippet-editor) .cm-editor.cm-focused .cm-selectionBackground,:is(#panes .editor-host,.snippet-editor) .cm-editor .cm-content ::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)!important}:is(#panes .editor-host,.snippet-editor) .cm-h1,:is(#panes .editor-host,.snippet-editor) .cm-h2,:is(#panes .editor-host,.snippet-editor) .cm-h3{letter-spacing:-.015em;color:var(--heading,inherit);font-weight:650}:is(#panes .editor-host,.snippet-editor) .cm-h1{font-size:30px;line-height:1.25;padding:8px 0 14px!important}:is(#panes .editor-host,.snippet-editor) .cm-h2{font-size:21px;line-height:1.3;padding:22px 0 6px!important}:is(#panes .editor-host,.snippet-editor) .cm-h3{font-size:17px;line-height:1.4;padding:16px 0 4px!important}:is(#panes .editor-host,.snippet-editor) .cm-placeholder{color:var(--faint);pointer-events:none}:is(#panes .editor-host,.snippet-editor) .cm-mk{color:var(--faint);font-style:normal;font-weight:400}:is(#panes .editor-host,.snippet-editor) .cm-strong{font-weight:650}:is(#panes .editor-host,.snippet-editor) .cm-em{font-style:italic}:is(#panes .editor-host,.snippet-editor) .cm-strike{color:var(--muted);text-decoration:line-through}:is(#panes .editor-host,.snippet-editor) .cm-link{color:var(--accent);cursor:pointer}#panes .editor-host .cm-link:hover{text-underline-offset:2px;text-decoration:underline}#panes .editor-host .cm-notelink.cm-missing{opacity:.65;text-underline-offset:3px;text-decoration:underline dotted}:is(#panes .editor-host,.snippet-editor) .cm-code{font-family:var(--mono);background:var(--code);border-radius:4px;padding:1px 4px;font-size:.86em}:is(#panes .editor-host,.snippet-editor) .cm-codeblock{font-family:var(--mono);background:var(--code);font-size:13.5px;padding:0 12px!important}:is(#panes .editor-host,.snippet-editor) .cm-quote{border-left:2px solid var(--heading,var(--accent));color:var(--muted);padding-left:16px!important}:is(#panes .editor-host,.snippet-editor) .cm-done{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--faint)}:is(#panes .editor-host,.snippet-editor) .cm-bullet{vertical-align:middle;background:var(--text);border-radius:50%;width:5px;height:5px;margin:0 10px 0 6px;display:inline-block;position:relative;top:-2px}:is(#panes .editor-host,.snippet-editor) .cm-rule{border-top:1px solid var(--line);vertical-align:middle;width:100%;display:inline-block}:is(#panes .editor-host,.snippet-editor) .cm-task{appearance:none;border:1.5px solid var(--faint);vertical-align:-2px;cursor:default;border-radius:4px;width:15px;height:15px;margin:0 8px 0 2px}:is(#panes .editor-host,.snippet-editor) .cm-task:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 12px no-repeat;border-color:var(--accent)}:is(#panes .editor-host,.snippet-editor) .cm-table{width:fit-content;max-width:100%;font-family:var(--body);grid-template-rows:auto 20px;grid-template-columns:minmax(0,max-content) 20px;margin:6px 0 2px;display:grid}:is(#panes .editor-host,.snippet-editor) .cm-table-scroll{min-width:0;overflow-x:auto}:is(#panes .editor-host,.snippet-editor) .cm-table table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;font-size:14.5px;line-height:1.5;overflow:hidden}:is(#panes .editor-host,.snippet-editor) .cm-table th,:is(#panes .editor-host,.snippet-editor) .cm-table td{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:pre-wrap;word-break:break-word;outline:none;min-width:90px;max-width:320px;padding:7px 12px;font-weight:400}:is(#panes .editor-host,.snippet-editor) .cm-table tr>:last-child{border-right:0}:is(#panes .editor-host,.snippet-editor) .cm-table tr:last-child>*{border-bottom:0}:is(#panes .editor-host,.snippet-editor) .cm-table tr:first-child>:first-child{border-top-left-radius:9px}:is(#panes .editor-host,.snippet-editor) .cm-table tr:first-child>:last-child{border-top-right-radius:9px}:is(#panes .editor-host,.snippet-editor) .cm-table tr:last-child>:first-child{border-bottom-left-radius:9px}:is(#panes .editor-host,.snippet-editor) .cm-table tr:last-child>:last-child{border-bottom-right-radius:9px}:is(#panes .editor-host,.snippet-editor) .cm-table th{background:var(--hover);font-weight:600}:is(#panes .editor-host,.snippet-editor) .cm-table :is(th,td):focus{box-shadow:inset 0 0 0 1.5px var(--accent)}:is(#panes .editor-host,.snippet-editor) .cm-table button{color:var(--faint);opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;margin:0;padding:0;transition:opacity .15s;display:grid}:is(#panes .editor-host,.snippet-editor) .cm-table.hover button{opacity:1}:is(#panes .editor-host,.snippet-editor) .cm-table button:hover{background:var(--hover);color:var(--text)}:is(#panes .editor-host,.snippet-editor) .cm-table button svg{width:13px;height:13px}:is(#panes .editor-host,.snippet-editor) .cm-table-addcol{margin-left:3px!important}:is(#panes .editor-host,.snippet-editor) .cm-table-addrow{grid-column:1;margin-top:3px!important}:is(#panes .editor-host,.snippet-editor) .cm-tablesrc{font-family:var(--mono);font-size:13.5px}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-tooltip.cm-tooltip-autocomplete{background:var(--sheet);box-shadow:0 0 0 .5px var(--line), 0 10px 30px var(--shadow);border:0;border-radius:9px;padding:5px}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-tooltip.cm-tooltip-autocomplete>ul{font-family:var(--ui);min-width:240px;max-width:320px;max-height:280px}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-tooltip.cm-tooltip-autocomplete>ul>li{color:var(--text);border-radius:6px;flex-direction:column;gap:1px;padding:6px 10px;line-height:1.3;display:flex}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent);color:#fff}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-completionLabel{font-size:13px;font-weight:500}:is(#panes .editor-host,.snippet-editor,.snippet-tooltips) .cm-completionDetail{opacity:.65;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-style:normal;overflow:hidden}.settings{z-index:4;background:var(--bg);display:none;position:absolute;inset:0}.settings-open .settings{display:flex}.set-nav{width:var(--side-w);background:var(--side);border-right:1px solid var(--line);flex-shrink:0;padding:0 8px}.set-nav button{text-align:left;width:100%;font:13.5px var(--ui);color:var(--text);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.set-nav button:hover{background:var(--hover)}.set-nav button.on{background:var(--sel)}.set-nav .side-head{min-width:0}.set-nav .set-back{color:var(--muted);margin-bottom:10px}.set-nav svg{width:15px;height:15px}.set-body{flex:1;padding:0 48px 60px;position:relative;overflow-y:auto}.set-drag{height:calc(44px / var(--zoom,1))}.set-page{max-width:600px;margin:0 auto;display:none}.set-page.on{display:block}.set-page h1{letter-spacing:-.01em;margin:0 0 20px;font-size:22px;font-weight:650}.set-page h3{color:var(--muted);margin:28px 0 10px;font-size:12.5px;font-weight:600}.set-page h1+h3{margin-top:0}.set-page .lead{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.5}.set-page .setting-row>span:first-child{color:var(--muted);font-size:12.5px;font-weight:600}.set-page kbd,.set-page code{font:11.5px var(--mono);background:var(--code);border-radius:4px;padding:1px 5px}.palettes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.palette{box-shadow:0 0 0 1px var(--line);font:12.5px var(--ui);color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;display:flex}.palette:hover{background:var(--hover)}.palette.on{box-shadow:0 0 0 2px var(--accent);font-weight:500}.palette .dots{flex-shrink:0;display:flex}.palette .dots span{width:14px;height:14px;box-shadow:0 0 0 1.5px var(--bg);border-radius:50%}.palette .dots span+span{margin-left:-4px}.custom-colours{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.custom-colours[hidden]{display:none}.custom-colours label{background:var(--hover);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:11.5px;line-height:1.35;display:flex}.custom-colours b{color:var(--text);font-size:12.5px;font-weight:500;display:block}.custom-colours input{appearance:none;cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 1px var(--line);background:0 0;border:0;border-radius:50%;flex-shrink:0;padding:0}.custom-colours input::-webkit-color-swatch-wrapper{padding:0}.custom-colours input::-webkit-color-swatch{border:0;border-radius:50%}.themes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.theme-opt{font:12px var(--ui);color:var(--muted);text-align:center;background:0 0;border:0;padding:0}.swatch{height:60px;box-shadow:0 0 0 1px var(--line);border-radius:8px;margin-bottom:6px;display:flex;overflow:hidden}.swatch span:first-child{width:32%}.swatch span:last-child{flex:1;position:relative}.swatch span:last-child:before,.swatch span:last-child:after{content:"";opacity:.55;background:currentColor;border-radius:2px;height:4px;position:absolute;left:10px}.swatch span:last-child:before{opacity:.8;width:55%;top:16px}.swatch span:last-child:after{width:40%;top:28px}.theme-opt.on{color:var(--text);font-weight:500}.theme-opt.on .swatch{box-shadow:0 0 0 2px var(--accent)}.sw-system{background:linear-gradient(135deg,#fff 50%,#1e1e20 50%)}.seg{background:var(--hover);border-radius:8px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px 7px;display:flex}.seg .aa{color:var(--text);font-size:18px;line-height:1.2}.seg .lbl{font:11.5px var(--ui)}.seg button.on{background:var(--sheet);box-shadow:0 1px 2px #0000001f, 0 0 0 .5px var(--line)}.setting-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.switch{background:var(--line);border:0;border-radius:11px;flex-shrink:0;width:38px;height:22px;padding:2px;transition:background .2s}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 1px 2px #0003}.switch.on{background:#34c759}.switch.on span{transform:translate(16px)}.layouts{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.layout-opt{font:12px var(--ui);color:var(--muted);text-align:center;background:0 0;border:0;padding:0;line-height:1.4}.layout-pic{background:var(--bg);height:76px;box-shadow:0 0 0 1px var(--line);border-radius:8px;margin-bottom:6px;transition:box-shadow .15s;display:flex;overflow:hidden}.layout-opt:hover .layout-pic{box-shadow:0 0 0 1px var(--faint)}.layout-opt.on .layout-pic{box-shadow:0 0 0 2px var(--accent)}.layout-opt.on{color:var(--text)}.layout-pic>span{flex-direction:column;gap:5px;padding:10px 8px;display:flex}.lp-side{background:var(--side);border-right:1px solid var(--line);width:22%}.lp-list{border-right:1px solid var(--line);width:30%;gap:7px!important}.lp-note{flex:1}.layout-pic i{background:var(--line);border-radius:2px;height:4px;display:block}.lp-list i{background:var(--hover);height:9px;box-shadow:inset 0 3px 0 var(--line);border-radius:3px}.lp-note i:first-child{background:var(--faint);width:55%;height:6px}.lp-note i:nth-child(2){width:85%}.lp-note i:nth-child(3){width:70%}.select{font:13px var(--ui);color:var(--text);background:var(--sheet);box-shadow:0 0 0 .5px var(--line), 0 1px 1px #0000000f;border:0;border-radius:6px;padding:4px 8px}.btn{font:500 13px var(--ui);background:var(--sheet);color:var(--text);box-shadow:0 0 0 .5px var(--line), 0 1px 1px #0000000f;border:0;border-radius:6px;flex-shrink:0;padding:5px 12px}.btn.primary{background:var(--accent);color:#fff;box-shadow:none}.note-small{color:var(--faint);margin-top:6px;font-size:11.5px;line-height:1.45}.vault-row{background:var(--hover);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.vault-row svg{width:16px;height:16px;color:var(--muted);display:block}.path{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.files{box-shadow:0 0 0 1px var(--line);border-radius:10px}.files div{gap:12px;padding:9px 12px;font-size:13px;display:flex}.files div+div{border-top:1px solid var(--line)}.files .path{flex:0 0 190px}.files span:last-child{color:var(--muted)}.snippets{box-shadow:0 0 0 1px var(--line);border-radius:10px;overflow:hidden}.snippet+.snippet{border-top:1px solid var(--line)}.snippet-head{text-align:left;width:100%;font:13px var(--ui);color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;display:flex}.snippet-head:hover,.snippet-head:focus-visible{background:var(--hover)}.snippet-head:focus{outline:none}.snippet-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;font-weight:500;overflow:hidden}.snippet-preview{min-width:0;color:var(--faint);font:12px var(--mono);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;overflow:hidden}.snippet-head .chev{width:14px;height:14px;color:var(--faint);flex-shrink:0;transition:transform .15s}.snippet.open .snippet-head .chev{transform:rotate(90deg)}.snippet.open .snippet-preview{visibility:hidden}.snippet-body{flex-direction:column;gap:8px;padding:0 14px 12px;animation:.18s ease-out both unfold;display:flex}.snippet-name-input{min-width:0;font:500 13px var(--ui);color:var(--text);caret-color:var(--accent);cursor:text;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.snippet-name-input::placeholder{color:var(--faint)}div.snippet-head{cursor:default}.snippet-foot{justify-content:flex-end;display:flex}.link.danger{color:#d93d35}.snippet-empty{color:var(--faint);padding:14px;font-size:13px}.snippet-add{margin-top:10px;font-size:13px}.snippet-problem{padding:14px;font-size:13px;line-height:1.5}.snippet-problem p{color:var(--muted);margin:4px 0 10px}.snippet-problem div{gap:8px;display:flex}.toast{z-index:8;opacity:0;pointer-events:none;background:var(--text);color:var(--bg);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:80%;padding:7px 12px;font-size:12.5px;transition:all .2s;position:absolute;bottom:44px;left:50%;overflow:hidden;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.archived-note .topbar .meta,.archived-note .crumbs{opacity:1}@keyframes row-in{0%{opacity:0;max-height:0;transform:translate(-8px)}to{opacity:1;max-height:40px;transform:none}}@keyframes block-in{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:600px;transform:none}}@keyframes unfold{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.row.enter{animation:.26s cubic-bezier(.2,.8,.2,1) both row-in;overflow:hidden}.section.enter{animation:.3s cubic-bezier(.2,.8,.2,1) both block-in;overflow:hidden}.tree.fade{animation:.2s ease-out both fade-in}.leaving{opacity:0;transition:height .2s cubic-bezier(.4,0,.2,1),margin .2s,opacity .15s,transform .2s;overflow:hidden;transform:translate(-8px);height:0!important;margin-top:0!important;margin-bottom:0!important}.row.hit{animation:.18s ease-out both unfold}.resizer{top:0;bottom:0;left:calc(var(--side-w) - 3px);cursor:col-resize;z-index:3;width:6px;position:absolute}.sidebar-hidden:not(.settings-open) .resizer{display:none}.settings-open .resizer{z-index:5}.resizing,.resizing *{cursor:col-resize!important}.resizing .sidebar,.resizing .side-head,.resizing .tree{transition:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.link{color:var(--accent);font:12.5px var(--ui);background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.text-size{margin-top:28px}.stepper{box-shadow:0 0 0 1px var(--line);border-radius:7px;align-items:center;display:flex;overflow:hidden}.stepper button{background:var(--sheet);width:30px;height:26px;color:var(--text);font:15px var(--ui);border:0}.stepper button:hover{background:var(--hover)}.stepper span{text-align:center;min-width:52px;font:12.5px var(--ui);color:var(--muted);border-left:1px solid var(--line);border-right:1px solid var(--line);line-height:26px}.theme-preview{background:var(--bg);box-shadow:0 0 0 1px var(--line);font-family:var(--body);color:var(--text);border-radius:10px;font-size:15px;line-height:1.6;transition:background .2s,color .2s;display:flex;overflow:hidden}.pv-note{flex:1;min-width:0;padding:22px 26px 24px}.pv-side{background:var(--side);border-right:1px solid var(--line);width:34%;max-width:190px;font:12px/1.3 var(--ui);color:var(--text);flex-shrink:0;padding:14px 8px;transition:background .2s}.pv-sect{color:var(--faint);margin:10px 0 4px;padding:0 8px;font-size:11px;font-weight:600}.pv-sect:first-child{margin-top:0}.pv-row{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;align-items:center;gap:6px;height:24px;padding:0 8px;display:flex;overflow:hidden}.pv-row.pv-in{padding-left:22px}.pv-row.pv-sel{background:var(--sel)}.pv-row svg{width:13px;height:13px;color:var(--heading,var(--muted));flex-shrink:0}.pv-row.pv-folder svg{color:var(--accent)}[data-font=mono] .theme-preview{font-size:13.5px}.theme-preview p{margin:0 0 10px}.pv-h1,.pv-h2{color:var(--heading,var(--text));letter-spacing:-.015em;font-weight:650}.pv-h1{margin-bottom:8px;font-size:24px;line-height:1.25}.pv-h2{margin:14px 0 4px;font-size:18px}.pv-link{color:var(--accent)}.pv-task,.pv-bullet{align-items:center;display:flex}.pv-task.done{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--faint)}.pv-box{border:1.5px solid var(--faint);border-radius:4px;flex-shrink:0;width:14px;height:14px;margin:0 9px 0 2px}.pv-task.done .pv-box{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center / 11px no-repeat;border-color:var(--accent)}.pv-dot{background:var(--text);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin:0 12px 0 6px}.pv-quote{border-left:2px solid var(--heading,var(--accent));color:var(--muted);margin-top:12px;padding-left:14px}#panes .editor-host .cm-image{width:fit-content;max-width:100%;margin:6px 0;line-height:0;display:block;position:relative}#panes .editor-host .cm-image img{border-radius:6px;max-width:100%;height:auto;display:block}#panes .editor-host .cm-image-handle{cursor:nwse-resize;background:var(--sheet);width:14px;height:14px;box-shadow:0 0 0 .5px var(--line), 0 1px 3px var(--shadow);opacity:0;border-radius:4px;transition:opacity .15s;position:absolute;bottom:4px;right:4px}#panes .editor-host .cm-image-handle:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);position:absolute;inset:4px}#panes .editor-host .cm-image:hover .cm-image-handle,#panes .editor-host .cm-image.resizing .cm-image-handle{opacity:1}#panes .editor-host .cm-image.resizing img{outline:1.5px solid var(--accent);outline-offset:2px}#panes .editor-host .cm-image.missing{line-height:1.5;font:12.5px var(--ui);color:var(--faint);background:var(--code);border-radius:6px;padding:8px 10px}.snippet-editor{background:var(--hover);border-radius:6px}.snippet-editor .cm-editor.cm-focused{box-shadow:0 0 0 1.5px var(--accent);border-radius:6px;outline:none}.snippet-editor .cm-scroller{font-family:var(--body);font-size:14px;line-height:1.55}.snippet-editor .cm-content{min-height:72px;caret-color:var(--accent);color:var(--text);padding:8px 10px}.snippet-editor .cm-line{padding:0}.snippet-editor .cm-h1{font-size:20px;padding:2px 0 6px!important}.snippet-editor .cm-h2{font-size:16.5px;padding:8px 0 2px!important}.snippet-editor .cm-h3{font-size:14.5px;padding:6px 0 2px!important}.cm-token{font:500 11.5px/18px var(--ui);vertical-align:1px;color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:9px;padding:0 7px;display:inline-block}.icon-picker{z-index:20;background:var(--sheet);box-shadow:0 0 0 .5px var(--line), 0 8px 24px var(--shadow);border-radius:10px;padding:8px;animation:.15s ease-out both unfold;position:fixed}.icon-search{background:var(--hover);width:100%;font:12.5px var(--ui);color:var(--text);border:0;border-radius:6px;outline:none;margin-bottom:6px;padding:5px 8px;display:block}.icon-search::placeholder{color:var(--faint)}.icon-search:focus{box-shadow:0 0 0 1.5px var(--accent)}.icon-grid{grid-template-columns:repeat(8,28px);grid-auto-rows:28px;align-content:start;gap:2px;height:208px;display:grid;overflow-y:auto}.icon-none{color:var(--faint);grid-column:1/-1;padding:8px 2px;font-size:12.5px}.icon-grid button{width:28px;height:28px;color:var(--tint,var(--muted));background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-grid button:hover{background:var(--hover);color:var(--tint,var(--text))}.icon-grid button.on{background:var(--sel);color:var(--tint,var(--text))}.icon-colours{justify-content:space-between;padding:2px 4px 8px;display:flex}.icon-colours button{background:var(--c,transparent);width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent);border:0;border-radius:50%;padding:0}.icon-colours button[data-colour=""]{box-shadow:inset 0 0 0 2px var(--c);background:0 0}.icon-colours button[data-colour=""].on{box-shadow:inset 0 0 0 2px var(--c), 0 0 0 2px var(--sheet), 0 0 0 3.5px var(--c)}.icon-colours button.on{box-shadow:0 0 0 2px var(--sheet), 0 0 0 3.5px var(--c,var(--faint))}.icon-grid .ico{width:16px;height:16px}.icon-reset{width:100%;font:12.5px var(--ui);color:var(--muted);background:0 0;border:0;border-radius:6px;margin-top:6px;padding:5px 0;display:block}.icon-reset:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-reset:disabled{opacity:.45}.window:not(.has-favourites) #openFavourites,.window:not(.has-tags) #openTags{display:none}.side-head .icon-btn.on{background:var(--sel);color:var(--text)}.setting-row+.setting-row{margin-top:28px}.main{position:relative}.findbar{top:calc(48px / var(--zoom,1));z-index:6;background:var(--sheet);box-shadow:0 0 0 .5px var(--line), 0 6px 18px var(--shadow);opacity:0;pointer-events:none;visibility:hidden;border-radius:9px;align-items:center;gap:2px;padding:4px 4px 4px 10px;transition:opacity .16s,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s .2s;display:flex;position:absolute;right:16px;transform:translateY(-6px)scale(.98)}.finding .findbar{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}.findbar input{width:180px;font:13px var(--ui);color:var(--text);background:0 0;border:0;outline:none}.findbar input::placeholder{color:var(--faint)}.find-count{color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:4px;font-size:11.5px}.findbar.none .find-count{color:#d9534f}.findbar .icon-btn{width:24px;height:24px}.findbar .icon-btn svg{width:14px;height:14px}#panes .editor-host .cm-find{background:#ffd60a59;border-radius:2px}#panes .editor-host .cm-find-current{background:#ff9f0a8c}.cmd-back{z-index:30;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.cmd-box{background:var(--sheet);width:min(520px,100vw - 32px);box-shadow:0 0 0 .5px var(--line), 0 18px 50px var(--shadow);border-radius:12px;animation:.16s cubic-bezier(.2,.8,.2,1) both cmd-in;overflow:hidden}@keyframes cmd-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.cmd-input{border:0;border-bottom:1px solid var(--line);width:100%;font:15px var(--ui);color:var(--text);background:0 0;outline:none;padding:14px 16px;display:block}.cmd-input::placeholder{color:var(--faint)}.cmd-list{max-height:320px;padding:6px;overflow-y:auto}.cmd-item{height:34px;color:var(--text);cursor:default;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13.5px;display:flex}.cmd-item.on{background:var(--sel)}.cmd-item kbd{font:11.5px var(--ui);color:var(--faint)}.cmd-empty{color:var(--faint);padding:10px;font-size:13px}[data-platform=web] .side-head{padding-left:10px}:root:not([data-platform=web]) .web-only,[data-platform=web] .desktop-only{display:none}.ctx-menu{z-index:20;background:var(--sheet);min-width:200px;box-shadow:0 0 0 .5px var(--line), 0 10px 30px var(--shadow);font:13px var(--ui);border-radius:9px;padding:5px;position:fixed}.ctx-item{width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;outline:none;align-items:center;padding:4px 10px 4px 4px;display:flex}.ctx-item:not(:disabled):is(:hover,:focus){background:var(--accent);color:#fff}.ctx-item:disabled{color:var(--faint)}.ctx-check{text-align:center;flex-shrink:0;width:18px;font-size:12px}.ctx-more{margin-left:auto;padding-left:16px}.ctx-sep{background:var(--line);height:1px;margin:5px 10px}.dialog-back{z-index:10;background:#0000002e;place-items:center;display:grid;position:absolute;inset:0}.dialog{background:var(--sheet);text-align:center;width:300px;box-shadow:0 0 0 .5px var(--line), 0 20px 50px var(--shadow);border-radius:12px;padding:20px}.dialog b{font-size:14px;font-weight:600;display:block}.dialog p{color:var(--muted);margin:8px 0 18px;font-size:12.5px;line-height:1.45}.dialog-buttons{gap:8px;display:flex}.dialog-buttons .btn{flex:1;padding:6px 12px}.btn.primary.danger{background:#d93d35}.unsupported{text-align:center;height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.unsupported b{color:var(--text);font-size:17px;font-weight:600}.unsupported p{max-width:360px;margin:0;line-height:1.5}.row .name:has(+.fav-star){flex:0 auto}.row .fav-star{color:var(--muted);flex-shrink:0;margin-right:auto;display:grid}.row .fav-star svg{width:10px;height:10px}.panes{flex:1;min-height:0;display:flex}.pane{flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}.pane+.pane{border-left:1px solid var(--line)}.pane.enter{animation:.24s cubic-bezier(.2,.8,.2,1) both pane-in}@keyframes pane-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.split #panes .editor-host .cm-content{padding-left:28px;padding-right:28px}.pane-drop{z-index:5;pointer-events:none;background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:10px;animation:.12s ease-out both fade-in;position:absolute;top:6px;bottom:6px}.pane-drop[data-side=left]{width:calc(50% - 9px);left:6px}.pane-drop[data-side=right]{width:calc(50% - 9px);right:6px}.pane-drop[data-side=all]{left:6px;right:6px}.sessions{padding-top:2px}.session+.session{margin-top:8px}.session .row.sect{color:var(--muted);gap:6px;margin-top:2px}.session-head .ico{width:13px;height:13px;color:var(--accent);flex-shrink:0}.session.enter{animation:.3s cubic-bezier(.2,.8,.2,1) both block-in;overflow:hidden}.row.tab .tab-sep{vertical-align:-1px;background:var(--line);width:1px;height:12px;margin:0 8px;display:inline-block}.row.tab.sel .tab-sep{background:color-mix(in srgb, var(--text) 18%, transparent)}.session-empty{color:var(--faint);padding:2px 10px 6px 30px;font-size:12px;line-height:1.45}.sessions-line{background:var(--line);height:1px;margin:8px 10px 12px}.sessions-line+.section .row.sect{margin-top:2px}:root{--ic-red:#e5484d;--ic-orange:#ec6a1f;--ic-yellow:#d4a017;--ic-green:#2f9e5b;--ic-teal:#0e9a94;--ic-blue:#3b73e6;--ic-purple:#8b5cf6;--ic-pink:#db4b95;--ic-brown:#9c6b3e;--ic-grey:#8e8e93}[data-tone=dark]{--ic-red:#ff6369;--ic-orange:#ff8b3e;--ic-yellow:#f5c443;--ic-green:#4cc38a;--ic-teal:#2bc3bb;--ic-blue:#6e9bff;--ic-purple:#a88bfa;--ic-pink:#f47cb8;--ic-brown:#c49464;--ic-grey:#a1a1a6}.conflict-bar{background:color-mix(in srgb, var(--accent) 9%, var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text);border-radius:10px;align-items:center;gap:8px;margin:8px 16px 0;padding:8px 8px 8px 14px;font-size:13px;animation:.2s ease-out both unfold;display:none}.conflict-bar span{flex:1}.pane.conflicted .conflict-bar{display:flex}.row.tag-row .count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:6px;font-size:11.5px}:is(#panes .editor-host,.snippet-editor) .cm-tag{cursor:pointer;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent);border-radius:5px;padding:0 4px;font-size:.92em}.notelist{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:none}.with-list .notelist{display:flex}.sidebar-hidden .notelist,.no-vault .notelist{display:none}.notelist-head{height:calc(52px / var(--zoom,1));flex-shrink:0;align-items:center;gap:8px;padding:0 10px 0 16px;display:flex}#noteListTitle{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.notelist-items{flex:1;padding:0 8px 12px;overflow-y:auto}.notelist-item{cursor:default;border-radius:8px;padding:9px 10px}.notelist-item+.notelist-item{margin-top:1px}.notelist-item:hover{background:var(--hover)}.notelist-item.on{background:var(--sel)}.notelist-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.notelist-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.45em;margin-top:3px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.notelist-where{color:var(--faint);margin-right:6px}.notelist-empty{color:var(--faint);padding:14px 10px;font-size:13px}.layouts+.setting-row{margin-top:28px}.row.sect .ico{width:13px;height:13px;color:var(--accent);flex-shrink:0}