:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.375rem;--space-s:.5rem;--space-m:.75rem;--space-l:1rem;--gutter:var(--space-l);--bar-block:var(--space-m);--row-block:var(--space-s);--control:1.75rem;--control-inline:var(--space-s);--bg:#fff;--fg:#111827;--muted:#6b7280;--surface:#f3f4f6;--border:#e5e7eb;--mark:#fde68a;--find-match:#fde68a;--find-current:#fdba74;--ok:#16a34a;--warn:#b45309;--bad:#dc2626;--code-surface:#f5f6f8;--code-inline-fg:#be123c;--tok-keyword:#7c3aed;--tok-string:#0f766e;--tok-literal:#b45309;--tok-comment:#4b5563;--tok-function:#2563eb;--tok-type:#0e7490;--tok-property:#9333ea;--tok-tag:#b91c1c;--tok-operator:#6b7280;--tok-meta:#64748b;--tok-invalid:#dc2626;--drop:#2563eb;--accent:#2563eb;--brand:#007aff;--on-brand:#fff;--on-bg:color-mix(in srgb, var(--accent) 14%, transparent);--on-fg:var(--accent);--hover-bg:color-mix(in srgb, var(--fg) 8%, transparent);--ring:color-mix(in srgb, var(--accent) 70%, transparent);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0f19;--fg:#e5e7eb;--muted:#9ca3af;--surface:#161b26;--border:#262c3a;--mark:#4d3f12;--find-match:#4d3f12;--find-current:#7c4a12;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--drop:#60a5fa;--accent:#60a5fa;--code-surface:#11161f;--code-inline-fg:#fda4af;--tok-keyword:#c4b5fd;--tok-string:#5eead4;--tok-literal:#fcd34d;--tok-comment:#9ca3af;--tok-function:#93c5fd;--tok-type:#67e8f9;--tok-property:#d8b4fe;--tok-tag:#fca5a5;--tok-operator:#9ca3af;--tok-meta:#94a3b8;--tok-invalid:#f87171}}*{box-sizing:border-box}.app-frame.compact{--gutter:var(--space-m);--bar-block:var(--space-s)}@container note (width<36rem){.note-view>*{--gutter:var(--space-m)}}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ring);outline-offset:1px}button.row:focus-visible,.source-tab:focus-visible,.toolbar-item:focus-visible{outline-offset:-2px}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--brand)}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0}.shell{max-width:42rem;margin:0 auto;padding:3rem 1.25rem;line-height:1.6}.muted{color:var(--muted)}.wrap-anywhere{overflow-wrap:anywhere}code{background:var(--code-surface);border:1px solid var(--border);color:var(--code-inline-fg);overflow-wrap:break-word;border-radius:.25rem;padding:.05em .3em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em}.tok-keyword{color:var(--tok-keyword)}.tok-string,.tok-regexp{color:var(--tok-string)}.tok-literal{color:var(--tok-literal)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-function{color:var(--tok-function)}.tok-type{color:var(--tok-type)}.tok-property{color:var(--tok-property)}.tok-tag{color:var(--tok-tag)}.tok-operator{color:var(--tok-operator)}.tok-meta{color:var(--tok-meta)}.tok-invalid{color:var(--tok-invalid);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.update-prompt,.toast{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;box-shadow:0 8px 24px #0000001f}.update-prompt{max-width:28rem;margin-inline:auto;position:fixed;inset-block-end:1rem;inset-inline:1rem}.update-prompt span,.toast span{flex:1}.update-prompt button,.toast button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem}.update-prompt button.ghost,.toast button.ghost{color:var(--muted);background:0 0;border-color:#0000}.source-tabs{padding-inline:calc(var(--gutter) - var(--tab-inline)) var(--gutter);border-block-end:1px solid var(--border);background:var(--surface);align-items:flex-end;gap:.25rem;display:flex}.source-tabs nav{scrollbar-width:none;flex:0 auto;min-width:0;overflow-x:auto}.source-tabs nav::-webkit-scrollbar{display:none}.source-tabs ul{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.source-tabs{--tab-line:1.36rem;--tab-inline:var(--space-m)}.source-tab{min-width:0;max-width:14rem;padding:var(--space-s) var(--tab-inline);font:inherit;font-size:.85rem;line-height:var(--tab-line);white-space:nowrap;color:var(--muted);border:0;cursor:pointer;background:0 0;border-block-end:2px solid #0000;align-items:baseline;display:flex}@media (hover:hover){.source-tab:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 6%, transparent)}}.source-tab-active{color:var(--fg);border-block-end-color:var(--fg);font-weight:600}.source-tab-name{flex:0 auto;grid-template-columns:minmax(0,1fr);min-width:0;display:inline-grid}.source-tab-name>span,.source-tab-name:after{white-space:nowrap;grid-area:1/1;overflow:hidden}.source-tab-name>span{text-overflow:ellipsis}.source-tab-name:after{content:attr(data-name);visibility:hidden;pointer-events:none;font-weight:600}.source-tab-detached{white-space:pre;color:var(--warn);flex:none;font-weight:400}.source-tab-editing{cursor:text}@media (hover:hover){.source-tab-editing:hover{background:0 0}}.source-tab-rename{width:100%;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.source-tab-rename:focus-visible{outline:none}.source-add{align-items:flex-end;display:flex;position:relative}.source-add-button{font:inherit;font-size:1rem;line-height:var(--tab-line);color:var(--muted);cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;padding:.5rem .6rem}@media (hover:hover){.source-add-button:hover{color:var(--fg);background:var(--hover-bg)}}.source-add-label{white-space:nowrap;font-size:.85rem}.source-add-button-on{color:var(--fg);background:color-mix(in srgb, var(--fg) 14%, transparent)}.source-add-heading,.source-add-menu .muted{color:var(--muted);margin:0;padding:.4rem .6rem;font-size:.75rem}.source-add-heading{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding-block-end:.2rem;font-weight:600}.connect-gate,.connect-gate-note{max-width:18rem;margin:0;padding:.4rem .6rem;font-size:.8rem}.connect-gate{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.connect-gate p{margin:0}.connect-gate .link-button{text-align:start}.connect-gate-note{color:var(--muted)}.connect-choices{display:contents}.source-panel-connect .connect-gate,.source-panel-connect .connect-gate-note{max-width:none;padding-inline:var(--gutter)}.source-search{flex:1;justify-content:flex-end;align-items:center;min-width:0;padding-block:.3rem;padding-inline-start:.5rem;display:flex}.source-search .search-box{width:100%;min-width:6rem;max-width:20rem;display:flex;position:relative}.search-box [role=search]{flex:1;min-width:0;display:flex}.search-results{z-index:30;overscroll-behavior:contain;background:var(--bg);flex-direction:column;display:flex;position:absolute;overflow-y:auto}.source-search .search-results{width:min(28rem, calc(100vw - 2 * var(--gutter)));border:1px solid var(--border);border-radius:.5rem;max-height:min(36rem,70dvh);inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0;box-shadow:0 8px 24px #0000001f}.compact-bar{position:relative}.compact-bar .search-results{border-block-start:1px solid var(--border);height:calc(100dvh - 100%);padding-block-end:env(safe-area-inset-bottom);inset-block-start:100%;inset-inline:0}.search-results ul{margin:0;padding:0;list-style:none;display:block}.search-result{padding:var(--row-block) var(--gutter);color:var(--fg);cursor:pointer;flex-direction:column;gap:.15rem;display:flex}.search-result.active{background:var(--hover-bg)}.app,.app-frame,.app-shell{height:100dvh}.app-frame{flex-direction:column;display:flex;overflow:hidden}.app-shell{grid-template-columns:clamp(11rem,19.2vw,15rem) clamp(14rem,24.32vw,19rem) minmax(0,1fr);display:grid;overflow:hidden}.app-frame>.app-shell{flex:1;height:auto;min-height:0}.sidebar,.note-list{border-inline-end:1px solid var(--border);background:var(--surface);overflow-y:auto}.pane-header{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--bar-block) var(--gutter);background:inherit;border-block-end:1px solid var(--border);display:flex;position:sticky;top:0}.pane-header h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;font-weight:600;overflow:hidden}button.icon{width:1.75rem;height:1.75rem;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.375rem;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex}button.icon.icon-quiet{color:var(--muted);background:0 0;border-color:#0000}@media (hover:hover){button.icon.icon-quiet:not(:disabled):hover{color:var(--fg);background:var(--hover-bg)}}button.icon:disabled{opacity:.4;cursor:default}.tree,.note-list ul,.tree ul{margin:0;padding:0;list-style:none}button.row{width:100%;padding:var(--row-block) var(--gutter);font:inherit;text-align:start;border:0;color:var(--fg);cursor:pointer;background:0 0;border-block-end:1px solid #0000;flex-direction:column;gap:.15rem;display:flex}.tree button.row{flex-direction:row;justify-content:space-between;align-items:center}@media (hover:hover){button.row:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}}button.row.selected{background:color-mix(in srgb, var(--fg) 11%, transparent);font-weight:600}button.row:disabled{opacity:.45;cursor:default}button.row.moving{opacity:.5}button.row.drop-over{outline:2px solid var(--drop);outline-offset:-2px;background:color-mix(in srgb, var(--drop) 12%, transparent)}.pane-actions{flex:none;align-items:center;gap:.25rem;display:flex}.options-menu{align-items:center;display:flex;position:relative}.toolbar-panel.options-menu-items{z-index:40;position:fixed;inset:auto}button.danger{color:var(--bad)}.row-editing{box-sizing:border-box;width:100%;padding:var(--row-block) var(--gutter);cursor:text;display:block}.row-rename{width:100%;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.row-rename:focus-visible{outline:none}.move-hint{padding:var(--space-s) var(--gutter);color:var(--muted);background:color-mix(in srgb, var(--drop) 8%, transparent);border-block-end:1px solid var(--border);margin:0;font-size:.8rem}.link-button{font:inherit;color:var(--brand);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.count{color:var(--muted);flex:none;font-size:.75rem;font-weight:400}.placeholder{padding:var(--space-m) var(--gutter);margin:0;font-size:.85rem}.placeholder:empty{padding:0}.note-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;display:flex;overflow:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:.4rem;height:.4rem}.note-meta{color:var(--muted);font-size:.75rem;font-weight:400}.note-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:400;overflow:hidden}.note-search{min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:.375rem;flex:1;padding:.35rem .5rem;font-size:.85rem}.note-excerpt{-webkit-line-clamp:3;color:var(--muted);-webkit-box-orient:vertical;font-size:.8rem;font-weight:400;line-height:1.35;display:-webkit-box;overflow:hidden}.note-excerpt mark{background:var(--mark);color:var(--fg);border-radius:.2em;padding:0 .1em}.note-view{flex-direction:column;min-width:0;display:flex;overflow:hidden;container:note/inline-size}.note-view.empty{justify-content:center;align-items:center}.note-header{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--bar-block) var(--gutter);border-block-end:1px solid var(--border);display:flex}.note-title-input{min-width:8rem;font:inherit;color:var(--fg);background:0 0;border:0;flex:20rem;padding:0;font-size:1.15rem;font-weight:600;line-height:1.75rem}@supports (field-sizing:content){.note-title-input{field-sizing:content;flex-basis:auto}}.note-title-input:focus{outline:2px solid var(--border);outline-offset:.25rem;border-radius:.25rem}.note-actions{display:contents}.note-actions .path{text-overflow:ellipsis;white-space:nowrap;flex:0 1000 auto;min-width:4rem;max-width:24rem;font-size:.75rem;overflow:hidden}.note-actions button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.375rem;flex:none;padding:.3rem .7rem;font-size:.85rem}.note-actions .note-icon,.mode-tabs button{height:var(--control);color:var(--muted);place-items:center;padding:0;display:grid}.note-actions .note-icon{width:calc(1rem + 2 * var(--control-inline));background:0 0;border-color:#0000}.note-actions>:last-child{margin-inline-end:calc(-1 * var(--control-inline))}.note-actions .note-icon[aria-pressed=true],.mode-tabs button[aria-pressed=true]{color:var(--on-fg);background:var(--on-bg)}@media (hover:hover){.note-actions .note-icon:not([aria-pressed=true]):hover,.mode-tabs button:not(:disabled,[aria-pressed=true]):hover{color:var(--fg);background:var(--hover-bg)}}.mode-tabs{border:1px solid var(--border);border-radius:.5rem;flex:none;gap:1px;padding:1px;display:flex}.note-actions .mode-tabs button{background:0 0;border:0;border-radius:.375rem;width:1.5rem;height:1.5rem}.note-actions .mode-tabs button[aria-pressed=true]{background:var(--on-bg)}.mode-tabs button:disabled{opacity:.4;cursor:not-allowed}@container note (width<36rem){.note-actions .path{display:none}}@container note (width<20rem){.note-header{flex-wrap:wrap;justify-content:flex-start}.note-title-input{flex-basis:100%}}.editor{flex:1;min-height:0;overflow:auto}.editor .cm-editor{height:100%}.editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9rem;line-height:1.6}.editor .cm-focused{outline:none}.editor .cm-content{padding-block:var(--gutter)}.editor .cm-gutters{border-inline-end:1px solid var(--border);background:var(--surface);color:var(--muted)}.editor-rich{flex-direction:column;display:flex;overflow:hidden}.editor-rich [data-milkdown-root]{flex:auto;min-height:0;overflow-y:auto}.editor-rich [data-milkdown-root],.editor-rich .milkdown{flex-direction:column;display:flex}.editor-rich .milkdown,.editor-rich-surface{flex:1 0 auto}.editor-rich-surface{padding:var(--gutter) var(--gutter) 4rem;outline:none;line-height:1.7;overflow:visible}.editor-rich-surface>*+*{margin-block-start:.85em}.editor-rich-surface>:first-child{margin-block-start:0}.editor-rich-surface h1,.editor-rich-surface h2,.editor-rich-surface h3,.editor-rich-surface h4{margin-block:1.4em .4em;line-height:1.3}.editor-rich-surface h1{font-size:1.6rem}.editor-rich-surface h2{font-size:1.3rem}.editor-rich-surface h3{font-size:1.1rem}.editor-rich-surface ul,.editor-rich-surface ol{padding-inline-start:1.5rem}.editor-rich-surface li>*+*{margin-block-start:.4em}.editor-rich-surface li>p{margin-block:0}.editor-rich-surface li+li{margin-block-start:.25em}.editor-rich-surface li[data-item-type=task]{list-style:none;position:relative}.editor-rich-surface .task-checkbox{width:.95rem;height:.95rem;accent-color:var(--fg);cursor:pointer;margin:0;position:absolute;inset-block-start:.35em;inset-inline-start:-1.35rem}.editor-rich-surface li[data-item-type=task][data-checked=true]>p{color:var(--muted);text-decoration:line-through}.editor-rich-surface blockquote{border-inline-start:3px solid var(--border);color:var(--muted);margin-inline:0;padding-inline-start:1rem}.editor-rich-surface code{font-size:.9em}.editor-rich-surface pre{background:0 0;margin:0;padding:.6rem 1rem;overflow-x:auto}.editor-rich-surface pre code{color:inherit;background:0 0;border:0;padding:0}.editor-rich-surface .code-block{border:1px solid var(--border);background:var(--code-surface);border-radius:.5rem;line-height:1.55;position:relative}.editor-rich-surface .code-block code{font-size:.875em}.code-block-tools{z-index:2;border:1px solid var(--border);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:.375rem;align-items:center;gap:.125rem;margin-block-start:.25rem;padding:.2rem .25rem;display:none;position:absolute;inset-block-start:100%;inset-inline-end:0;box-shadow:0 .5rem 1.5rem #0000001f}.editor-rich-surface .code-block-active .code-block-tools{display:flex}.code-tool-language{font:inherit;max-inline-size:9rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;padding:.15rem .2rem;font-size:.75rem}.code-tool-language:focus-visible{border-color:var(--border);color:var(--fg)}@media (hover:hover){.code-tool-language:hover{border-color:var(--border);color:var(--fg)}}.code-tool{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.25rem;align-items:center;padding:.25rem;display:inline-flex}@media (hover:hover){.code-tool:hover{background:var(--hover-bg);color:var(--fg)}}.code-tool[aria-pressed=true]{background:var(--on-bg);color:var(--on-fg)}.code-tool[data-copied=true]{color:var(--ok)}.editor-rich-surface .code-block-wrap pre{overflow-x:visible}.editor-rich-surface .code-block-wrap code{white-space:pre-wrap;overflow-wrap:anywhere}.editor-rich-surface .code-block-numbered pre{padding-inline-start:3.25rem}.code-line-number{text-align:end;inline-size:2.5rem;color:var(--muted);opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset-inline-start:0}.editor-rich-surface .editor-tail{cursor:text;background:0 0;border:1px dashed #0000;border-radius:.375rem;width:100%;min-height:2.5rem;margin-block-start:.35em;padding:0;display:block}@media (hover:hover){.editor-rich-surface .editor-tail:hover{border-color:var(--border)}}.editor-rich-surface .editor-tail:focus-visible{border-style:solid;border-color:var(--drop);outline:none}.editor-rich-surface hr{border:0;border-block-start:1px solid var(--border)}.editor-rich-surface table{border-collapse:collapse;width:100%}.editor-rich-surface th,.editor-rich-surface td{border:1px solid var(--border);text-align:start;padding:.35rem .6rem}.editor-rich-surface th{background:var(--surface)}.editor-rich-surface a{color:inherit}.editor-rich-surface img{max-width:100%}.slash-menu,.inline-toolbar{z-index:20;border:1px solid var(--border);background:var(--bg);border-radius:.5rem;position:absolute;box-shadow:0 .5rem 1.5rem #0000001f}.slash-menu:not([data-show=true]),.inline-toolbar:not([data-show=true]){display:none}.slash-menu{flex-direction:column;min-width:12rem;max-height:16rem;padding:.25rem;display:flex;overflow-y:auto}.slash-item{font:inherit;text-align:start;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.4rem .6rem;font-size:.9rem}.slash-item.selected{background:color-mix(in srgb, var(--fg) 8%, transparent)}.inline-toolbar{gap:.125rem;padding:.25rem;display:flex}.toolbar-button{font:inherit;padding:.3rem var(--control-inline);color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.2rem;min-height:1.75rem;font-size:.8rem;display:inline-flex}@media (hover:hover){.toolbar-button:hover:not(:disabled){background:var(--hover-bg)}}.toolbar-button-on{color:var(--on-fg);background:var(--on-bg)}.toolbar-button:disabled{color:var(--muted);opacity:.5;cursor:default}.format-toolbar{align-items:center;gap:var(--space-2xs);min-width:0;padding:var(--space-2xs) calc(var(--gutter) - var(--space-2xs) - var(--control-inline));background:var(--surface);border-block-end:1px solid var(--border);flex-wrap:nowrap;flex:none;display:flex}.format-toolbar-bottom{border-block-end:0;border-block-start:1px solid var(--border);padding-block-end:max(.25rem, env(safe-area-inset-bottom))}.format-toolbar-bottom .toolbar-panel{inset-block:auto calc(100% + .25rem)}.toolbar-group{align-items:center;gap:var(--space-3xs);padding-inline:var(--space-2xs);display:flex}.toolbar-slot{align-items:center;gap:.125rem;display:flex}.toolbar-overflow{margin-inline-start:auto}.toolbar-overflow .toolbar-panel{inset-inline:auto 0}.toolbar-group+.toolbar-group{border-inline-start:1px solid var(--border)}.toolbar-icon{flex:none;display:block}.toolbar-style{white-space:nowrap;font-size:.85rem}.toolbar-popover-host{display:flex;position:relative}.toolbar-panel{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;min-width:11rem;padding:.25rem;display:flex;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:0;box-shadow:0 .5rem 1.5rem #0000001f}.toolbar-item{width:100%;font:inherit;text-align:start;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;display:flex}@media (hover:hover){.toolbar-item:hover{background:var(--hover-bg)}}.toolbar-item>.toolbar-icon:last-child{margin-inline-start:auto}.toolbar-sample-1{font-size:1.25rem;font-weight:600}.toolbar-sample-2{font-size:1.1rem;font-weight:600}.toolbar-sample-3{font-size:1rem;font-weight:600}.toolbar-sample-4,.toolbar-sample-5,.toolbar-sample-6{font-size:.9rem;font-weight:600}.toolbar-link{flex-direction:column;gap:.35rem;min-width:15rem;padding:.35rem;display:flex}.toolbar-link label{color:var(--muted);font-size:.75rem}.toolbar-link input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:.375rem;padding:.35rem .5rem;font-size:.9rem}.toolbar-link-actions{gap:.35rem;display:flex}.toolbar-link-actions button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:.375rem;padding:.3rem .7rem;font-size:.85rem}.toolbar-link-actions button:disabled{color:var(--muted);cursor:default}.banner{padding:var(--space-s) var(--gutter);color:var(--muted);border-block-end:1px solid var(--border);background:var(--surface);margin:0;font-size:.85rem}.banner-alert{color:var(--fg);font-weight:600}.sidebar{flex-direction:column;display:flex;overflow-y:hidden}.sidebar .tree{flex:1;min-height:0;overflow-y:auto}.account{padding:var(--space-m) var(--gutter);border-block-start:1px solid var(--border);flex-direction:column;flex:none;gap:.5rem;font-size:.85rem;display:flex}.account p{margin:0}.account a.button,.account button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);text-align:center;cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;text-decoration:none}.account button.ghost{color:var(--muted);background:0 0;border-color:#0000}.account button:disabled{opacity:.5;cursor:default}.account-confirm{flex-wrap:wrap;gap:.5rem;display:flex}.account-confirm p{flex-basis:100%}.compact .app-shell{grid-template-columns:minmax(0,1fr);position:relative}.compact .source-panel,.compact .sidebar,.compact .note-list{z-index:15;overscroll-behavior:contain;border-inline-end:0;padding-block-end:env(safe-area-inset-bottom);display:none;position:absolute;inset:0}.compact .app-shell[data-panel=notebooks]>.sidebar,.compact .app-shell[data-panel=sources]>.source-panel{display:flex}.source-panel{background:var(--surface);flex-direction:column;overflow-y:auto}.source-panel-foot{margin-block-start:auto}.source-panel ul{margin:0;padding:0;list-style:none}.source-panel-connect{border-block-start:1px solid var(--border);flex-direction:column;padding-block:.5rem;display:flex}.source-panel-connect .source-add-heading{padding-inline:var(--gutter)}.compact .app-shell[data-panel=notes]>.note-list{display:block}.compact .note-excerpt{-webkit-line-clamp:2}.compact-bar{align-items:center;gap:var(--space-xs);padding:var(--space-xs) calc(var(--gutter) - var(--control-inline));border-block-end:1px solid var(--border);background:var(--surface);display:flex}.compact-picker{min-width:0;padding:.35rem calc(var(--control-inline) - 1px);font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:.375rem;flex:1 1 0;align-items:center;gap:.25rem;font-size:.85rem;display:flex}.compact-picker[aria-expanded=true]{background:color-mix(in srgb, var(--fg) 8%, var(--bg))}.compact-picker-label{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:auto;min-width:0;overflow:hidden}.compact-picker .toolbar-icon{color:var(--muted)}.compact-icon{width:calc(1rem + 2 * var(--control-inline));height:2rem;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover){.compact-icon:hover{background:var(--hover-bg)}}.compact-search,.compact-search .search-box{flex:1;min-width:0;display:flex}.compact-search-beside{flex:0 16rem;min-width:10rem}.compact-search .note-search{font-size:1rem}.compact-search .note-search::-webkit-search-cancel-button{display:none}.new-folder{width:calc(100% - 2 * var(--gutter));margin:var(--space-s) var(--gutter);font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:.375rem;padding:.35rem .5rem;font-size:.85rem}.palette-backdrop{z-index:20;background:#00000059;justify-content:center;align-items:flex-start;padding:4rem 1rem 1rem;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;flex-direction:column;width:min(32rem,100%);max-height:min(24rem,100dvh - 6rem);display:flex;overflow:hidden;box-shadow:0 1rem 2.5rem #00000040}.palette-field{font:inherit;border:0;border-block-end:1px solid var(--border);color:var(--fg);background:0 0;flex:none;padding:.75rem;font-size:.95rem}.palette ul{flex:auto;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.palette-row{color:var(--fg);cursor:pointer;border-radius:.375rem;align-items:baseline;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.palette-row.active{background:var(--surface)}.palette-row[aria-disabled=true]{color:var(--muted);cursor:default}.palette-label{flex:auto}.palette-group{color:var(--muted);flex:none;font-size:.75rem}.palette-chord{border:1px solid var(--border);color:var(--muted);border-radius:.25rem;flex:none;padding:.1rem .35rem;font-family:inherit;font-size:.75rem}.note-body{flex:1;min-width:0;min-height:0;display:flex;position:relative}.outline{border-inline-start:1px solid var(--border);padding:calc(var(--gutter) - .2rem) calc(var(--gutter) - .35rem);flex:0 0 13rem;overflow:auto}.outline ol{margin:0;padding:0;list-style:none}.outline button{text-align:left;width:100%;font:inherit;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:.25rem;padding:.2rem .35rem;font-size:.85rem;display:block;overflow:hidden}.outline button:focus-visible{background:var(--surface);color:var(--fg)}@media (hover:hover){.outline button:hover{background:var(--surface);color:var(--fg)}}.outline.outline-flyout{z-index:20;border:1px solid var(--border);background:var(--bg);border-radius:.5rem;width:min(18rem,100% - 2rem);max-height:calc(100% - 1rem);padding:.35rem;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;box-shadow:0 .5rem 1.5rem #0000001f}.outline-flyout button{padding-block:.45rem;font-size:.95rem}.outline-h1 button{color:var(--fg);font-weight:600}.outline-h2 button{padding-inline-start:1rem}.outline-h3 button{padding-inline-start:1.75rem}.outline-h4 button{padding-inline-start:2.5rem}.outline-h5 button{padding-inline-start:3.25rem}.outline-h6 button{padding-inline-start:4rem}.find-bar{padding:var(--space-s) var(--gutter);border-block-end:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.35rem;display:flex}.find-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.find-input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--fg);border-radius:4px;flex:8rem;padding:.25rem .5rem}.find-count{color:var(--muted);text-align:end;min-width:5.5rem;font-size:.85em}.find-row button[aria-pressed=true]{background:var(--find-current);color:#111827}.find-match{background:var(--find-match);border-radius:2px}.find-current{background:var(--find-current)}.error-screen{max-width:36rem;margin:0 auto;padding:3rem 1.25rem;line-height:1.6}.error-screen h1{margin:0 0 .5rem;font-size:1.25rem}.error-actions{gap:.5rem;margin-block:1.25rem;display:flex}.error-actions button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem}.error-screen details{color:var(--muted);font-size:.85rem}.error-screen summary{cursor:pointer}.error-screen pre{border:1px solid var(--border);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.375rem;margin:.5rem 0 0;padding:.6rem .75rem}.tab-gate{display:contents}.tab-notice-backdrop,.modal-backdrop{z-index:100;background:#0006;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tab-notice,.modal{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;max-width:28rem;padding:1.25rem 1.5rem;line-height:1.6;box-shadow:0 8px 24px #0000001f}.tab-notice h2,.modal h2{margin:0 0 .5rem;font-size:1.1rem}.tab-notice button,.modal button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem}.tab-notice-actions,.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.modal{font-size:.9rem}.modal p{margin:0 0 1rem}.modal button.primary{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.import-dialog{width:min(28rem,100vw - 2rem)}.import-body p{margin:0 0 .75rem}.import-bar{width:100%;height:.5rem;accent-color:var(--brand);margin:0 0 .25rem;display:block}.import-body .import-file{min-width:0;color:var(--muted);white-space:nowrap;margin:0 0 1rem;font-size:.8125rem;display:flex}.import-file-start{text-overflow:ellipsis;min-width:0;overflow:hidden}.import-file-end{flex:none}.import-problem{color:var(--bad)}.modal button.danger,.account button.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, var(--border))}.tab-stale-bar{z-index:40;inset-block-end:9rem}.toast-stack{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;inset-block-end:5rem;inset-inline:1rem}.toast-stack>*{pointer-events:auto;width:100%;max-width:28rem}.toast-success,.toast-warning,.toast-error{border-inline-start:4px solid var(--toast-accent);background:color-mix(in srgb, var(--toast-accent) 10%, var(--surface))}.toast-success{--toast-accent:var(--ok)}.toast-warning{--toast-accent:var(--warn)}.toast-error{--toast-accent:var(--bad)}.toast-warning span,.toast-error span{font-weight:600}@media (pointer:coarse){:root{--tap:2.75rem;--control:var(--tap);--control-inline:calc((var(--tap) - 1rem) / 2)}.app-frame,.app-frame.compact{--bar-block:var(--space-2xs)}button.icon,.compact-icon{width:var(--tap);height:var(--tap)}.note-actions .mode-tabs button{width:var(--tap);height:calc(var(--tap) - 4px);min-height:0}.note-header{gap:var(--space-2xs)}.note-title-input{min-height:var(--tap)}button.row{min-height:var(--tap);justify-content:center}.tree button.row{justify-content:space-between}.source-tab,.source-add-button{min-height:var(--tap);align-items:center}.compact-picker,.toolbar-button,.toolbar-item,.slash-item,.outline button,.code-tool-language,.toolbar-link-actions button,.toolbar-link input,.note-actions button,.account a.button,.account button,.toast button,.update-prompt button,.tab-notice button,.modal button,.error-actions button,.find-row button,.find-input,.note-search,.compact-search .note-search,.editor-rich-surface .editor-tail{min-height:var(--tap)}.toolbar-button{min-width:var(--tap);justify-content:center}.code-tool{min-width:var(--tap);min-height:var(--tap);justify-content:center}.note-search,.find-input,.toolbar-link input{font-size:1rem}.editor-rich-surface li[data-item-type=task]{padding-inline-start:var(--space-xs)}.editor-rich-surface .task-checkbox{width:1.5rem;height:1.5rem;inset-block-start:.1em;inset-inline-start:-1.5rem}}