:where(:root){--brand:var(--accent);--on-brand:#fff}@media (prefers-color-scheme:dark){:where(:root){--on-brand:#111827}}: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);--radius-xs:.25rem;--radius-s:.375rem;--radius-m:.5rem;--radius-l:.75rem;--radius-pill:999px;--shadow-s:0 1px 3px #00000014;--shadow-m:0 2px 8px #0000001f;--shadow-l:0 .5rem 1.5rem #0000001f;--shadow-xl:0 1rem 2.5rem #00000040;--text-field-floor:1rem;--text-xs:.75rem;--text-s:.8125rem;--text-m:.875rem;--text-body:1rem;--text-l:1.125rem;--text-xl:1.25rem;--z-sheet:15;--z-sheet-over:16;--z-popover:20;--z-float:30;--z-menu:40;--z-drop:90;--z-dialog:100;--z-dialog-menu:110;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-glide:cubic-bezier(.3, .7, .2, 1);--duration-state:.12s;--duration-s:.12s;--duration-m:.18s;--duration-l:.24s;--duration-xl:.3s;--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;--on-bg:color-mix(in srgb, var(--accent) 14%, transparent);--on-fg:var(--accent);--hover-bg:color-mix(in srgb, var(--fg) 8%, transparent);--pinned-bg:color-mix(in srgb, var(--accent) 9%, transparent);--ring:color-mix(in srgb, var(--accent) 70%, transparent);font-family:var(--font-sans)}@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}}@media (prefers-reduced-motion:reduce){:root{--duration-s:0s;--duration-m:0s;--duration-l:0s;--duration-xl:0s}}*{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}:where(button,a,input,select,textarea,[role=button]){transition-property:color,background-color,border-color,box-shadow,opacity;transition-duration:var(--duration-state);transition-timing-function:var(--ease-out)}.slash-item{transition:none}@keyframes arrive{0%{opacity:0;translate:0 var(--arrive-y,0);scale:var(--arrive-scale,1)}}@keyframes fade-in{0%{opacity:0}}@keyframes dim-in{0%{background-color:#0000}}.toolbar-panel,.slash-menu[data-show=true],.inline-toolbar[data-show=true],.source-search .search-results{--arrive-y:-.25rem;--arrive-scale:.98;transform-origin:top;animation:arrive var(--duration-m) var(--ease-out)}.inline-toolbar[data-show=true],.format-toolbar-bottom .toolbar-panel,.toolbar-panel.options-menu-rises{--arrive-y:.25rem;transform-origin:bottom}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{font-family:var(--font-mono);background:var(--code-surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--code-inline-fg);overflow-wrap:break-word;padding:.05em .3em;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}.slash-menu,.inline-toolbar,.toolbar-panel,.outline.outline-flyout,.source-search .search-results,.palette{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);box-shadow:var(--shadow-l)}.modal,.update-prompt,.toast{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-l)}.update-prompt button,.toast button,.connect-code-form button,.toolbar-link .dialog-actions button,.install-banner button.install-banner-install{font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);cursor:pointer}.connect-code-form input,.toolbar-link input,.passwords-filter input,.password-form input,.password-form select,.password-form textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg)}.toolstrip{z-index:2;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);box-shadow:var(--shadow-l);-webkit-user-select:none;user-select:none;margin-block-start:var(--space-2xs);position:absolute}.toolstrip-button{padding:var(--space-2xs);border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.toolstrip-button[hidden]{display:none}@media (hover:hover){.toolstrip-button:hover{background:var(--hover-bg);color:var(--fg)}}.update-prompt,.toast{gap:var(--space-s);padding:var(--space-m) var(--space-l);align-items:center;display:flex}.update-prompt{max-width:28rem;margin-inline:auto;position:fixed;inset-block-end:1rem;inset-inline:1rem}.update-prompt,.toast-stack>*{--arrive-y:.5rem;animation:arrive var(--duration-l) var(--ease-out)}.update-prompt span,.toast span{overflow-wrap:anywhere;flex:1;min-width:0}.update-prompt button,.toast button{padding:var(--space-xs) var(--space-m);flex:none}.update-prompt button.ghost,.toast button.ghost{color:var(--muted);background:0 0;border-color:#0000}.toast{--toast-close:1.75rem;padding-inline-end:calc(var(--toast-close) + var(--space-m));position:relative}.toast button.toast-close{position:absolute;inset-block-start:.375rem;inset-inline-end:.375rem}.source-tabs{align-items:flex-end;gap:var(--space-2xs);padding-inline:calc(var(--gutter) - var(--tab-inline)) var(--gutter);border-block-end:1px solid var(--border);background:var(--surface);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:var(--space-2xs);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:var(--text-m);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)}}.provider-icon{flex:none;width:1rem;height:1rem;display:block}.provider-icon-alert{flex:none;display:block;position:relative}.provider-icon-badge{background:var(--bad);width:.5rem;height:.5rem;box-shadow:0 0 0 1.5px var(--surface);border-radius:50%;position:absolute;inset-block-start:-.1875rem;inset-inline-end:-.1875rem}.source-tab>.provider-icon,.source-tab>.provider-icon-alert{align-self:center;margin-inline-end:var(--space-xs)}.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-editing .row-rename{width:100%}.source-add{align-items:flex-end;display:flex;position:relative}.source-add-button{padding:var(--space-s);font:inherit;font-size:var(--text-body);line-height:var(--tab-line);color:var(--muted);cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000}@media (hover:hover){.source-add-button:hover{color:var(--fg);background:var(--hover-bg)}}.source-add-label{font-size:var(--text-m);white-space:nowrap}.source-add-button-on{color:var(--fg);background:color-mix(in srgb, var(--fg) 14%, transparent)}.source-add-heading,.source-add-menu .muted{padding:var(--space-xs) var(--space-s);font-size:var(--text-xs);color:var(--muted);margin:0}.source-add-heading{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding-block-end:var(--space-2xs);font-weight:600}.connect-gate,.connect-gate-note{padding:var(--space-xs) var(--space-s);max-width:18rem;font-size:var(--text-s);margin:0}.connect-gate{align-items:flex-start;gap:var(--space-xs);flex-direction:column;display:flex}.connect-gate p{margin:0}.connect-gate .link-button{text-align:start}.connect-gate-note{color:var(--muted)}.connect-code-form{gap:var(--space-2xs);flex-direction:column;align-self:stretch;display:flex}.connect-code-form label{color:var(--muted)}.connect-code-said{color:var(--bad)}.connect-code-row{gap:var(--space-xs);display:flex}.connect-code-form input{min-width:0;font-size:var(--text-m);padding:var(--space-xs) var(--space-s);flex:1}.connect-code-form button{padding:var(--space-xs) var(--space-m)}.connect-code-use{align-items:center;display:grid}.connect-code-use>span{grid-area:1/1}.connect-code-use>[aria-hidden=true]{visibility:hidden}.connect-code-form button:disabled{color:var(--muted);cursor:default}.connect-code-line{gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);font-size:var(--text-s);color:var(--muted);white-space:nowrap;flex-direction:column;margin:0;display:flex}.connect-code-line code{text-overflow:ellipsis;vertical-align:bottom;max-width:10rem;color:var(--fg);display:inline-block;overflow:hidden}.connect-choices{display:contents}.source-search{min-width:0;padding-block:var(--space-2xs);flex:1;justify-content:flex-end;align-items:center;padding-inline-start:var(--space-s);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:var(--z-float);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)));max-height:min(36rem,70dvh);inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0}.compact-bar{position:relative}.compact-bar .search-results{border-block-start:1px solid var(--border);height:calc(100dvh - 100%);animation:fade-in var(--duration-s) var(--ease-out);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{gap:var(--space-3xs);padding:var(--row-block) var(--gutter);color:var(--fg);cursor:pointer;flex-direction:column;display:flex}.search-heading{padding:var(--space-s) var(--gutter) var(--space-2xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-weight:600}.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{z-index:1;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{font-size:var(--text-s);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}button.icon{width:1.75rem;height:1.75rem;font:inherit;font-size:var(--text-l);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;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}.note-group-name{padding:var(--space-s) var(--gutter) var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-block-start:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.pane-header+.note-rows>.note-group:first-child .note-group-name{border-block-start:0}.tree ul{animation:fade-in var(--duration-m) var(--ease-out)}button.row,.row-editing{gap:var(--space-3xs);width:100%;padding:var(--row-block) var(--gutter);font:inherit;text-align:start;color:var(--fg);cursor:pointer;background:0 0;border:0;border-block-end:1px solid #0000;flex-direction:column;display:flex}.tree button.row,.tree .row-editing{flex-direction:row;justify-content:space-between;align-items:center}@media (hover:hover){button.row:hover,.row-item:hover>button.row:not(:disabled){background:color-mix(in srgb, var(--fg) 6%, transparent)}}.row-item{--row-options:1.75rem;position:relative}.row-item>button.row,.row-item>.row-editing{padding-inline-end:calc(var(--gutter) + var(--row-options) + var(--space-xs))}.tree.nested{--disclosure:.85rem}.row-disclosure{--chevron:.875rem;--chevron-inset:calc(var(--chevron) * 8.5 / 24);--disclosure-reach:var(--chevron-inset);z-index:1;width:calc(var(--disclosure-reach) + var(--disclosure,.85rem));color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center start;padding:0;padding-inline-start:calc(var(--disclosure-reach) - var(--chevron-inset));display:grid;position:absolute;inset-block:0}.row-disclosure .toolbar-icon{width:var(--chevron);height:var(--chevron);transform:rotate(-90deg)}.row-disclosure[aria-expanded=true] .toolbar-icon{transform:none}.row-disclosure .toolbar-icon{transition:transform var(--duration-m) var(--ease-out)}.row-options{align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--gutter)}button.row.selected:where(:not(.compact :is(.sidebar,.note-list) *)),.row-editing.selected:where(:not(.compact :is(.sidebar,.note-list) *)){background:color-mix(in srgb, var(--fg) 11%, transparent);font-weight:600}button.row.pinned{background:var(--pinned-bg)}@media (hover:hover){button.row.pinned:hover,.row-item:hover>button.row.pinned:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent)}}button.row.pinned.selected:where(:not(.compact :is(.sidebar,.note-list) *)){background:color-mix(in srgb, var(--accent) 19%, transparent)}@media (forced-colors:active){button.row.pinned:not(:focus-visible){outline-offset:-1px;outline:1px solid canvastext}}.pinned-bottom-rule:before{content:"";margin-inline:var(--rule-start,var(--gutter)) var(--gutter);border-block-start:1px solid var(--border);display:block}button.row:disabled{opacity:.45;cursor:default}.tree button.row:disabled{pointer-events:none}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{align-items:center;gap:var(--space-2xs);flex:none;display:flex}.pane-actions .source-add-menu{max-width:calc(100vw - 2 * var(--gutter));inset-inline:auto 0}.options-menu{align-items:center;display:flex;position:relative}.toolbar-panel.options-menu-items{z-index:var(--z-menu);position:fixed;inset:auto}button.danger{color:var(--bad)}.row-editing{cursor:text}.row-rename{min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1 1 0;margin:0;padding:0;display:block}.row-rename:focus-visible{outline:none}.move-hint{padding:var(--space-s) var(--gutter);font-size:var(--text-s);color:var(--muted);background:color-mix(in srgb, var(--drop) 8%, transparent);border-block-end:1px solid var(--border);margin:0}.link-button{font:inherit;color:var(--brand);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.row-marked{align-items:center;gap:var(--space-s);min-width:0;display:flex}.row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.count{font-size:var(--text-xs);color:var(--muted);flex:none;font-weight:400}.placeholder{padding:var(--space-m) var(--gutter);font-size:var(--text-m);margin:0}.placeholder:empty{padding:0}.note-title{align-items:center;gap:var(--space-xs);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:.4rem;height:.4rem}.note-meta{font-size:var(--text-xs);color:var(--muted);font-weight:400}.note-preview{font-size:var(--text-s);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.note-search{min-width:0;padding:var(--space-xs) var(--space-s);font:inherit;font-size:var(--text-m);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);flex:1}.note-excerpt{-webkit-line-clamp:3;font-size:var(--text-s);color:var(--muted);-webkit-box-orient:vertical;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;font-size:var(--text-l);color:var(--fg);background:0 0;border:0;flex:20rem;padding:0;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:var(--radius-xs)}.note-actions{display:contents}.note-actions .path{min-width:4rem;max-width:24rem;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:0 1000 auto;overflow:hidden}.note-actions button{font:inherit;font-size:var(--text-m);padding:var(--space-2xs) var(--space-m);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);cursor:pointer;flex:none}.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 .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:var(--radius-m);flex:none;gap:1px;padding:1px;display:flex}.note-actions .mode-tabs button{border-radius:var(--radius-s);background:0 0;border:0;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:var(--font-mono);font-size:.9rem;line-height:1.6}.editor .cm-focused{outline:none}.editor .cm-content{padding-block:var(--gutter)}.editor .cm-editor .cm-content{caret-color:var(--fg)}.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:var(--space-l)}.editor-rich-surface code{font-size:.9em}.editor-rich-surface pre{padding:.6rem var(--space-l);background:0 0;margin:0;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);border-radius:var(--radius-m);background:var(--code-surface);line-height:1.55;position:relative}.editor-rich-surface .code-block code{font-size:.875em}.editor-rich-surface .secret-block{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--code-surface)}.editor-rich-surface .secret-block[data-selected]{outline:2px solid var(--ring);outline-offset:1px}.secret-bar{gap:var(--space-s);padding:var(--space-xs) var(--space-m);display:flex}.secret-line{align-items:center;gap:var(--space-s);flex-wrap:wrap;flex:1;min-inline-size:0;display:flex}.secret-label{align-items:center;gap:var(--space-xs);min-inline-size:0;max-inline-size:100%;color:var(--muted);font-size:var(--text-m);display:inline-flex}.secret-label svg{flex:none;width:1em;height:1em}.secret-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secret-label[data-named]{color:var(--fg)}.secret-label-row{align-items:center;gap:var(--space-s);color:var(--muted);font-size:var(--text-s);display:flex}.secret-label-field{min-inline-size:0;padding:var(--space-xs) var(--space-s);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--fg);font:inherit;font-size:var(--text-m);flex:1}.secret-label-hint{color:var(--muted);font-size:var(--text-xs);margin:-.25rem 0 0}.secret-reveal,.secret-add-key{font:inherit;font-size:var(--text-m)}.secret-note{color:var(--muted);font-size:var(--text-s)}.secret-note:empty{display:none}.attachment-actions.secret-actions{box-shadow:none;align-self:flex-start;margin:0;position:static}.attachment-actions.secret-actions[hidden]{visibility:hidden;display:flex}.secret-panel{gap:var(--space-s);padding:0 var(--space-m) var(--space-m);-webkit-user-select:text;user-select:text;flex-direction:column;display:flex}.editor-rich-surface .secret-draft{border:1px dashed var(--border);border-radius:var(--radius-m);background:var(--code-surface);padding-block-start:var(--space-m)}.secret-words{box-sizing:border-box;inline-size:100%;padding:var(--space-s);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--fg);font-family:var(--font-mono);font-size:var(--text-m);resize:vertical;line-height:1.5}.secret-said{color:var(--muted);font-size:var(--text-s);margin:0}.secret-said:empty{display:none}.editor-raw .secret-raw-bar{align-items:baseline;gap:var(--space-s);font-family:var(--font-sans);margin-inline-start:var(--space-m);display:inline-flex}.editor-raw .secret-raw-bar .secret-reveal,.editor-raw .secret-raw-bar .secret-add-key{font-size:var(--text-s);padding-block:0;line-height:1.25}.editor-raw .secret-raw-panel{margin:var(--space-2xs) 2px var(--space-2xs) 6px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--code-surface);font-family:var(--font-sans);white-space:normal;padding-block-start:var(--space-m)}.code-block-tools{display:none;inset-block-start:100%;inset-inline-end:0}.editor-rich-surface .code-block-active .code-block-tools{display:flex}.code-tool-language{font:inherit;font-size:var(--text-xs);max-inline-size:9rem;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000}.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[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{border-radius:var(--radius-s);cursor:text;background:0 0;border:1px dashed #0000;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%}.editor-rich-surface .note-image{vertical-align:bottom;border-radius:var(--radius-xs);max-width:100%;display:inline-block;position:relative}.editor-rich-surface .note-image img{height:auto;display:block}.editor-rich-surface .note-image:not([data-state=ready]) img{display:none}.editor-rich-surface .note-image[data-state=loading]{background:var(--surface);min-block-size:4rem;min-inline-size:6rem}.editor-rich-surface .note-image[data-state=loading][data-sized]{min-block-size:0;min-inline-size:0;inline-size:min(100%, var(--note-image-width));aspect-ratio:var(--note-image-ratio)}.editor-rich-surface .note-image:not([data-state=ready],[data-state=loading]){align-items:center;gap:var(--space-2xs) var(--space-s);padding:var(--space-2xs) var(--space-s);border:1px dashed var(--border);background:var(--surface);flex-wrap:wrap;display:inline-flex}.note-image-status{font-size:var(--text-m);color:var(--muted)}.note-image-action{font:inherit;font-size:var(--text-s);padding:var(--space-3xs) var(--space-s);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg);color:var(--fg);cursor:pointer}@media (hover:hover){.note-image-action:hover{background:var(--hover-bg)}}.editor-rich-surface .note-image.ProseMirror-selectednode{outline:2px solid var(--ring);outline-offset:2px}.editor-rich-surface .attachment{max-width:100%;margin:var(--space-3xs);vertical-align:bottom;display:inline-block;position:relative}.editor-rich-surface .ProseMirror-separator:first-child+.attachment,.editor-rich-surface br+.ProseMirror-separator+.attachment{margin-inline-start:0}.editor-rich-surface .attachment+.ProseMirror-separator+.attachment{margin-inline-start:calc(var(--space-3xs) + .26em)}.attachment-chip{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);max-width:100%;color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3em;padding:0 .4em;line-height:1.6;display:inline-flex}.attachment-icon{color:var(--muted);flex:none;display:inline-flex}.attachment-icon svg{width:1em;height:1em}.attachment-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.attachment-chip:hover{background:var(--hover-bg)}}.editor-rich-surface .attachment[data-selected] .attachment-chip{outline:2px solid var(--ring);outline-offset:1px}.editor-rich-surface .attachment[aria-busy=true] .attachment-chip{cursor:progress;opacity:.6}.attachment-actions{display:flex;inset-block-start:100%;inset-inline-start:0}.attachment-actions[data-align=end]{inset-inline:auto 0}.attachment-actions[hidden]{display:none}.attachment-actions.note-image-actions{margin-block-start:0;inset-block-start:.375rem;inset-inline:auto .375rem}.editor-rich-surface .note-image:not([data-state=ready]) .note-image-actions{box-shadow:none;margin:0;position:static}.editor-rich .milkdown{position:relative}.link-chip{z-index:2;-webkit-user-select:none;user-select:none;max-width:100%;position:absolute}.editor-raw .cm-tooltip.link-chip{background:0 0;border:0}.editor-rich .milkdown:not(:focus-within)>.link-chip,.editor-raw .cm-editor:not(:focus-within) .link-chip{display:none}.link-chip-open{max-width:min(24rem,100%);padding:var(--space-2xs) var(--space-s);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);box-shadow:var(--shadow-l);color:var(--fg);font:inherit;font-size:var(--text-m);cursor:pointer;align-items:center;gap:.4em;line-height:1.5;display:inline-flex}.link-chip-open .toolbar-icon{color:var(--muted);flex:none}.link-chip-address{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.link-chip-hint{color:var(--muted);flex:none;font-size:.85em}@media (hover:hover){.link-chip-open:hover{background-image:linear-gradient(var(--hover-bg), var(--hover-bg))}.link-chip-open:hover .link-chip-address{text-decoration:underline}}@media (hover:none),(pointer:coarse){.link-chip-hint{display:none}}.attachment-pending{border:1px dashed var(--border);border-radius:var(--radius-s);color:var(--muted);cursor:progress;-webkit-user-select:none;user-select:none;align-items:center;gap:.3em;padding:0 .4em;line-height:1.6;display:inline-flex}.attachment-pending svg{width:1em;height:1em}.drop-cursor{background:var(--ring)}@media (forced-colors:active){.drop-cursor{forced-color-adjust:none;background:highlight}}.slash-menu,.inline-toolbar{z-index:var(--z-popover);position:absolute}.slash-menu:not([data-show=true]),.inline-toolbar:not([data-show=true]){display:none}.slash-menu{min-width:12rem;max-height:16rem;padding:var(--space-2xs);flex-direction:column;display:flex;overflow-y:auto}.slash-item{font:inherit;font-size:var(--text-m);text-align:start;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);color:var(--fg);cursor:pointer;background:0 0;border:0}.slash-item.selected{background:color-mix(in srgb, var(--fg) 8%, transparent)}.inline-toolbar{gap:var(--space-3xs);padding:var(--space-2xs);display:flex}.toolbar-button{font:inherit;font-size:var(--text-s);padding:var(--space-2xs) var(--control-inline);border-radius:var(--radius-s);color:var(--fg);cursor:pointer;align-items:center;gap:var(--space-2xs);background:0 0;border:0;min-height:1.75rem;display:inline-flex}@media (hover:hover){.toolbar-button:hover:not(:disabled,[aria-disabled=true]){background:var(--hover-bg)}}.toolbar-button-on{color:var(--on-fg);background:var(--on-bg)}.toolbar-button:disabled,.toolbar-button[aria-disabled=true]{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(var(--space-2xs), 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:var(--space-3xs);display:flex}.toolbar-overflow{margin-inline-start:calc(var(--space-3xs) - 2 * var(--space-2xs))}.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{font-size:var(--text-m);white-space:nowrap}.toolbar-popover-host{display:flex;position:relative}.toolbar-panel{z-index:var(--z-popover);min-width:11rem;padding:var(--space-2xs);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:0}.toolbar-panel[popover]{overscroll-behavior:contain;color:var(--fg);margin:0;position:fixed;inset:auto;overflow-y:auto}.toolbar-item{align-items:center;gap:var(--space-s);width:100%;padding:var(--space-xs) var(--space-s);font:inherit;font-size:var(--text-m);text-align:start;color:var(--fg);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;display:flex}@media (hover:hover){.toolbar-item:hover:not(:disabled){background:var(--hover-bg)}}.toolbar-item:disabled{color:var(--muted);opacity:.5;cursor:default}.toolbar-item>.toolbar-icon:last-child{margin-inline-start:auto}[data-sample-level="1"]{font-size:var(--text-xl);font-weight:600}[data-sample-level="2"]{font-size:var(--text-l);font-weight:600}[data-sample-level="3"]{font-size:var(--text-body);font-weight:600}[data-sample-level="4"],[data-sample-level="5"],[data-sample-level="6"]{font-size:var(--text-m);font-weight:600}.toolbar-link{gap:var(--space-xs);min-width:15rem;padding:var(--space-xs);flex-direction:column;display:flex}.toolbar-link label{font-size:var(--text-xs);color:var(--muted)}.toolbar-link input{font-size:var(--text-m);padding:var(--space-xs) var(--space-s)}.toolbar-link .dialog-actions{gap:var(--space-xs)}.toolbar-link .dialog-actions button{font-size:var(--text-m);padding:var(--space-2xs) var(--space-m)}.toolbar-link .dialog-actions button:disabled{color:var(--muted);cursor:default}.banner{padding:var(--space-s) var(--gutter);font-size:var(--text-m);color:var(--muted);border-block-end:1px solid var(--border);background:var(--surface);margin:0}.install-banner{align-items:center;gap:var(--space-s);padding-block:var(--space-2xs);color:var(--fg);display:flex}.install-banner-text{flex:1;min-width:0}.install-banner button.install-banner-install{padding:var(--space-2xs) var(--space-m);flex:none}.install-banner button.icon{flex:none}.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);font-size:var(--text-m);border-block-start:1px solid var(--border);gap:var(--space-s);flex-direction:column;flex:none;display:flex;position:relative}.account p,.clipboard p{margin:0}.account a.button,.account button:not(.icon),.clipboard button:not(.icon){font:inherit;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);color:var(--fg);text-align:center;cursor:pointer;text-decoration:none}.account button.ghost{color:var(--muted);background:0 0;border-color:#0000}.account button:disabled{opacity:.5;cursor:default}.account-line{align-items:center;gap:var(--space-2xs);display:flex}.account-status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.account .account-status .account-status-button{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:inherit;color:inherit;text-align:start;text-underline-offset:.2em;border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:block;overflow:hidden}@media (hover:hover){.account .account-status .account-status-button:hover{color:var(--fg)}}.account-bar{--bar:.375rem;width:calc(100% - 2 * var(--gutter));height:var(--bar);accent-color:var(--brand);margin:0;display:block;position:absolute;inset-block-end:calc((var(--space-m) - var(--bar)) / 2);inset-inline-start:var(--gutter)}button.icon.account-devices-count{gap:var(--space-2xs);width:auto;padding-inline:var(--space-xs);font-size:var(--text-s)}.account-confirm{gap:var(--space-s);flex-wrap:wrap;display:flex}.account-confirm p,.account-confirm .dialog-actions{flex-basis:100%}.import-line{display:block}.import-line+.import-line{margin-block-start:var(--space-s)}.account-devices{gap:var(--space-xs);flex-direction:column;display:flex}.account-devices ul{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.account-devices li{align-items:center;gap:var(--space-s);display:flex}.account-devices li>span{flex:1;min-width:0}.account-devices li>button{flex:none}.clipboard{--clipboard-bg:var(--bg);--clipboard-featured-bg:linear-gradient(160deg, var(--bg) 0%, color-mix(in srgb, var(--brand) 9%, var(--bg)) 100%);--clipboard-glow:22%;--clipboard-glow-more:30%;padding:var(--space-m) var(--gutter);font-size:var(--text-m);background:var(--clipboard-bg);box-shadow:inset 0 1px 0 var(--border);flex:none;position:relative}@media (prefers-color-scheme:dark){.clipboard{--clipboard-bg:color-mix(in srgb, var(--fg) 4%, var(--surface));--clipboard-featured-bg:linear-gradient(160deg, color-mix(in srgb, var(--brand) 22%, var(--surface)) 0%, var(--surface) 78%);--clipboard-glow:28%;--clipboard-glow-more:32%}}.clipboard>:not(:first-child){margin-block-start:var(--space-xs)}.clipboard>.clipboard-said:empty{margin:0}.clipboard:focus{outline:none}.clipboard-filled,.clipboard-drop-ready{background:var(--clipboard-featured-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 42%, transparent), 0 0 12px color-mix(in srgb, var(--brand) var(--clipboard-glow), transparent)}.clipboard-drop-ready{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brand) 65%, transparent), 0 0 20px color-mix(in srgb, var(--brand) var(--clipboard-glow-more), transparent)}.clipboard-drop-over{box-shadow:inset 0 0 0 3px var(--brand), 0 0 24px color-mix(in srgb, var(--brand) 60%, transparent)}.clipboard{transition:box-shadow var(--duration-state) var(--ease-out)}.clipboard-window-drop{z-index:var(--z-drop);padding:var(--space-l) var(--gutter) calc(var(--space-l) + env(safe-area-inset-bottom));box-shadow:inset 0 0 0 3px var(--brand);pointer-events:none;animation:fade-in var(--duration-s) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.clipboard-window-drop>.clipboard-drop-hint{padding:var(--space-s) var(--space-l);border-radius:var(--radius-pill);text-align:center;color:color-mix(in srgb, var(--brand) 70%, var(--fg));background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 42%, transparent), 0 0 20px color-mix(in srgb, var(--brand) 30%, transparent);margin:0;font-weight:600}.clipboard>.clipboard-said-quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.clipboard-head{align-items:center;gap:var(--space-2xs);display:flex}.clipboard-title{flex:1;font-weight:600}.clipboard-empty{padding:var(--space-m);border:2px dotted color-mix(in srgb, var(--muted) 55%, transparent);border-radius:var(--radius-m);text-align:center}.clipboard-items{gap:var(--space-xs);flex-direction:column;max-height:16rem;margin-block-end:0;padding:0;list-style:none;display:flex;overflow-y:auto}.clipboard-item{align-items:flex-start;gap:var(--space-2xs);animation:fade-in var(--duration-m) var(--ease-out);display:flex}.clipboard-cell{flex:1;min-width:0;display:flex;position:relative}.clipboard button.clipboard-choose{align-items:center;gap:var(--space-3xs) var(--space-s);min-width:0;padding:var(--space-xs) var(--space-s);text-align:start;background:var(--surface);flex-wrap:wrap;flex:1;display:flex}@media (hover:hover){.clipboard button.clipboard-choose:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--border));background:color-mix(in srgb, var(--brand) 7%, var(--surface))}}.clipboard-pending .clipboard-choose{opacity:.45;filter:grayscale()}.clipboard button.clipboard-choose{transition-property:color,background-color,border-color,box-shadow,opacity,filter;transition-duration:var(--duration-state), var(--duration-state), var(--duration-state), var(--duration-state), var(--duration-m), var(--duration-m);transition-timing-function:var(--ease-out)}.clipboard-progress{border:2px solid color-mix(in srgb, var(--brand) 25%, transparent);border-block-start-color:var(--brand);pointer-events:none;border-radius:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;position:absolute;inset-block-start:50%;inset-inline-start:50%}.clipboard-done{justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-s);color:color-mix(in srgb, var(--brand) 70%, var(--fg));background:color-mix(in srgb, var(--surface) 88%, transparent);pointer-events:none;animation:fade-in var(--duration-s) var(--ease-out);font-weight:600;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.clipboard-progress{animation:.8s linear infinite clipboard-spin}@keyframes clipboard-spin{to{transform:rotate(360deg)}}}.clipboard-text{-webkit-line-clamp:3;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex-basis:100%;display:-webkit-box;overflow:hidden}.clipboard-thumb{border-radius:var(--radius-xs);object-fit:contain;max-width:100%;max-height:6rem;display:block}.clipboard-icon{color:var(--muted);display:flex}.clipboard-name{overflow-wrap:anywhere;flex:1;min-width:0}.clipboard-size{font-size:var(--text-s);white-space:nowrap}.clipboard-remove{flex:none}:root{--scratch-red:#dc2626;--scratch-orange:#ea580c;--scratch-yellow:#ca8a04;--scratch-green:#16a34a;--scratch-teal:#0d9488;--scratch-blue:#2563eb;--scratch-purple:#9333ea;--scratch-pink:#db2777}@media (prefers-color-scheme:dark){:root{--scratch-red:#f87171;--scratch-orange:#fb923c;--scratch-yellow:#facc15;--scratch-green:#4ade80;--scratch-teal:#2dd4bf;--scratch-blue:#60a5fa;--scratch-purple:#c084fc;--scratch-pink:#f472b6}}[data-color=red]{--tint:var(--scratch-red)}[data-color=orange]{--tint:var(--scratch-orange)}[data-color=yellow]{--tint:var(--scratch-yellow)}[data-color=green]{--tint:var(--scratch-green)}[data-color=teal]{--tint:var(--scratch-teal)}[data-color=blue]{--tint:var(--scratch-blue)}[data-color=purple]{--tint:var(--scratch-purple)}[data-color=pink]{--tint:var(--scratch-pink)}.scratch-editor{background:var(--bg)}.scratch-card[data-color],.scratch-editor[data-color]{--scratch-glow:22%;background:linear-gradient(160deg, var(--bg) 0%, color-mix(in srgb, var(--tint) 14%, var(--bg)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 42%, transparent), 0 0 12px color-mix(in srgb, var(--tint) var(--scratch-glow), transparent)}@media (prefers-color-scheme:dark){.scratch-card[data-color],.scratch-editor[data-color]{--scratch-glow:28%;background:linear-gradient(160deg, color-mix(in srgb, var(--tint) 24%, var(--surface)) 0%, var(--surface) 78%)}}@media (forced-colors:active){.scratch-card[data-color],.scratch-editor[data-color]{outline-offset:-2px;outline:2px solid canvastext}}.swatch{background:var(--tint,transparent);width:1rem;height:1rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 25%, transparent);border-radius:50%;flex:none}.toolbar-item[aria-pressed=true]{font-weight:600}.toolbar-item[aria-pressed=true]>.swatch{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--fg)}.scratchpad-row{border-block-end:1px solid var(--border)}.passwords-row{border-block-start:1px solid var(--border)}.place-row>button.row{justify-content:start;align-items:center;gap:var(--space-s);min-block-size:calc(var(--control) + 2 * var(--bar-block));flex-direction:row}.place-row .toolbar-icon{color:var(--muted);flex:none}.passwords button.row{justify-content:start;align-items:center;gap:var(--space-s);flex-direction:row}.passwords button.row .toolbar-icon{color:var(--muted);flex:none}.passwords-filter{align-items:center;gap:var(--space-s);min-block-size:calc(var(--control) + 2 * var(--bar-block) + 1px);padding:0 var(--gutter);border-block-end:1px solid var(--border);color:var(--muted);display:flex}.passwords-filter input{min-width:0;padding:var(--space-xs) var(--space-s);flex:1}.password-label{align-items:center;gap:var(--space-s);min-width:0;font-size:var(--text-l);margin:0;font-weight:600;line-height:1.75rem;display:flex}.password-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.password-label .toolbar-icon{color:var(--muted);flex:none}.password-header-actions{gap:var(--space-s);flex:none;display:flex}.password-body{min-height:0;padding:var(--space-m) var(--gutter);flex:1;overflow:auto}.password-fields{gap:var(--space-m);max-width:36rem;margin:0;display:grid}.password-field dt{color:var(--muted);font-size:var(--text-s)}.password-field dd{align-items:center;gap:var(--space-xs);min-height:1.75rem;margin:0;display:flex}.password-value{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;min-width:0}.password-shown{font-family:var(--font-mono)}.password-notes{white-space:pre-wrap}.password-said{margin-block:var(--space-m) 0}.password-said:empty{margin:0}.password-form{gap:var(--space-xs);max-width:36rem;display:grid}.password-form label{color:var(--muted);font-size:var(--text-s);margin-block-start:var(--space-s)}.password-form input,.password-form select,.password-form textarea{inline-size:100%;min-width:0;padding:var(--space-xs) var(--space-s)}.password-form textarea{resize:vertical}.password-entry{align-items:center;gap:var(--space-xs);display:flex}.password-entry input{font-family:var(--font-mono);flex:1}.password-entry input.password-masked{-webkit-text-security:disc}.password-generator{align-items:center;gap:var(--space-xs) var(--space-s);flex-wrap:wrap;display:flex}.password-form .password-generator label{margin:0}.password-form .password-generator input[type=number]{inline-size:4.5rem}.password-form .password-generator-symbols{align-items:center;gap:var(--space-xs);display:inline-flex}.password-form .password-generator-symbols input{inline-size:auto}.password-link{box-shadow:none;margin-block-end:var(--space-m)}.password-hint{color:var(--muted);font-size:var(--text-xs);margin:0}.password-form .password-use-site{font-size:var(--text-s);justify-self:start}.password-actions{justify-content:end;gap:var(--space-s);margin-block-start:var(--space-m);display:flex}.scratchpad{background:var(--bg);flex-direction:column;grid-column:2/-1;min-width:0;display:flex;overflow-y:auto}.scratchpad-scroll{gap:var(--space-l);padding:var(--space-l) var(--gutter) 4rem;flex-direction:column;display:flex}.take-note{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);width:100%;max-width:36rem;box-shadow:var(--shadow-s);transition:box-shadow var(--duration-state) var(--ease-out);margin-inline:auto;position:relative}.take-note-inner{border-radius:inherit}.take-note.taking{box-shadow:0 4px 16px #00000024}.take-note-prompt{width:100%;padding:var(--space-m) var(--gutter);font:inherit;text-align:start;color:var(--muted);border-radius:inherit;cursor:text;background:0 0;border:0;display:block}.focus-keeper{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;inset-block-start:0;inset-inline-start:0}.scratch-editor .note-header{border-block-end:0;padding-block-end:0}.scratch-editor .note-title-input::placeholder{color:var(--muted);font-weight:600}.scratch-editor .format-toolbar{background:0 0}.scratch-editor .format-toolbar-bottom{padding-block-end:var(--space-2xs)}.scratch-editor .editor-rich-surface{padding-block-end:var(--gutter)}.take-note .scratch-editor{border-radius:inherit;overflow:visible}.take-note .note-body,.take-note .editor-rich [data-milkdown-root]{flex:none;overflow:visible}.take-note .editor{overflow:visible}.take-note .editor-rich-surface{min-height:4.5rem}.editor-toolbar-row{border-block-start:1px solid var(--border);align-items:center;display:flex}.editor-toolbar-row .format-toolbar{border-block-start:0;flex:1 1 0;width:0}.editor-toolbar-row .scratch-bar{border-inline-start:1px solid var(--border);flex:none;padding-inline-start:var(--space-2xs)}.scratch-bar{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) calc(var(--gutter) - var(--control-inline));display:flex}.card-sheet .editor-toolbar-row{padding-block-end:max(0px, env(safe-area-inset-bottom) - var(--space-2xs))}.card-sheet .note-view>.scratch-bar{padding-block-end:max(var(--space-2xs), env(safe-area-inset-bottom))}.scratch-close{padding:var(--space-2xs) var(--space-m);font:inherit;font-size:var(--text-m);color:var(--fg);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;font-weight:600}@media (hover:hover){.scratch-close:hover{background:var(--hover-bg)}}.scratch-group+.scratch-group{margin-block-start:var(--space-l)}.scratch-group-name{margin:0 0 var(--space-s);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.scratch-wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),15rem));justify-content:center;align-items:start;gap:12px;display:grid}.scratch-wall.placed{display:block;position:relative}.scratch-wall.placed>.scratch-card{transition:transform var(--duration-m) var(--ease-out);position:absolute;top:0;left:0}.scratch-card{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);transition:box-shadow var(--duration-state) var(--ease-out);flex-direction:column;display:flex;position:relative}.scratch-card[data-color]{border-color:#0000}.scratch-card[data-open]{opacity:0}.card-sheet{display:contents}@media (prefers-color-scheme:dark){.scratch-card{background:var(--surface)}}@media (hover:hover){.scratch-card:not([data-color]):hover{box-shadow:var(--shadow-m)}}.scratch-card-open{gap:var(--space-2xs);width:100%;padding:var(--space-m) var(--space-m) var(--space-2xs);font:inherit;font-size:var(--text-m);text-align:start;color:var(--fg);border-radius:inherit;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;flex-direction:column;line-height:1.5;display:flex}.scratch-card-picture[data-state=ready]{margin-block:var(--space-2xs);display:block}.scratch-card-picture{--card-picture-most:8rem}.scratch-card-picture>img{width:auto;max-width:100%;height:auto;max-height:var(--card-picture-most);border-radius:var(--radius-xs);display:block}.scratch-card-picture[data-room]{margin-block:var(--space-2xs);border-radius:var(--radius-xs);display:block;overflow:hidden}.scratch-card-picture[data-room]:not([data-state=ready]){background:var(--hover-bg)}.scratch-card-picture[data-room=sized]{inline-size:min(100%, var(--card-picture-width), calc(var(--card-picture-most) * var(--card-picture-ratio)));aspect-ratio:var(--card-picture-ratio)}.scratch-card-picture[data-room=tallest]{block-size:var(--card-picture-most)}.scratch-card-picture[data-room]>img{width:100%;height:100%;max-height:none}.scratch-card-picture[data-room=tallest]>img{object-fit:scale-down;object-position:left top}.scratch-card-chip{margin:var(--space-3xs);vertical-align:bottom}.scratch-card-words[data-embed-first]>.scratch-card-chip:first-child{margin-inline-start:0}.scratch-card-open:before{content:"";border-radius:inherit;position:absolute;inset:0}.scratch-card-title{font-size:var(--text-body);font-weight:600}.scratch-card-line{gap:.4em;display:flex}.scratch-card-words{flex:auto;min-width:0}.scratch-card-marker{text-align:center;min-width:1em;color:var(--muted);flex:none}.scratch-card-box{border:1.5px solid var(--muted);width:.85em;height:.85em;color:var(--bg);border-radius:.2em;flex:none;place-items:center;margin:.3em .075em 0;display:grid}.scratch-card-box[data-checked=true]{background:var(--muted)}.scratch-card-box>.toolbar-icon{width:.7em;height:.7em}.scratch-card-line[data-heading]{font-weight:600}.scratch-card-line[data-quote]{border-inline-start:2px solid var(--border);color:var(--muted);padding-inline-start:.6em}.scratch-card-line[data-code],.scratch-card-words code{font-family:var(--font-mono);font-size:.9em}.scratch-card-line[data-done]>.scratch-card-words{color:var(--muted);text-decoration:line-through}.scratch-card-link{text-decoration:underline}.scratch-card-link[data-href]{cursor:pointer;position:relative}@media (hover:hover){.scratch-card-link[data-href]:hover{color:var(--brand)}}.scratch-card-open>.dot{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.scratch-card-tools{padding:0 var(--space-2xs) var(--space-2xs);pointer-events:none;align-items:center;gap:2px;display:flex;position:relative}.scratch-card-tools>*{pointer-events:auto;opacity:0;transition:opacity var(--duration-state) var(--ease-out)}.scratch-card:focus-within .scratch-card-tools>*,.scratch-card-tools>.pin-button[aria-pressed=true]{opacity:1}@media (hover:hover){.scratch-card:hover .scratch-card-tools>*{opacity:1}}@media (hover:none){.scratch-card-tools>*{opacity:1}}.scratch-card-tools>.pin-button[aria-pressed=true]{color:var(--on-fg)}.scratch-card-tools button.icon.icon-quiet[aria-expanded=true],.scratch-bar button.icon.icon-quiet[aria-expanded=true]{color:var(--on-fg);background:var(--on-bg)}.scratch-card-tools:has([aria-expanded=true])>*{opacity:1}.scratch-empty{align-items:center;gap:var(--space-s);text-align:center;flex-direction:column;margin-block-start:3rem;display:flex}.scratch-empty>.toolbar-icon{width:2rem;height:2rem}.scratch-modal{--arrive-y:.5rem;--arrive-scale:.98;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);width:min(40rem,100%);max-height:min(85dvh,48rem);animation:arrive var(--duration-l) var(--ease-out);outline:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.scratch-modal>.note-view{border-radius:inherit;flex:0 auto;min-height:0}.scratch-modal .note-body{flex:0 auto;min-height:0}.scratch-modal .editor-rich [data-milkdown-root]{flex:0 auto}.scratch-modal .editor-rich-surface{min-height:8rem}body:has(.scratch-backdrop) .toolbar-panel.options-menu-items{z-index:var(--z-dialog-menu)}.name-field{box-sizing:border-box;width:100%;padding:var(--space-xs) var(--space-s);font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-s);margin-block-end:var(--space-l);display:block}.compact .app-shell{grid-template-columns:minmax(0,1fr);position:relative}.compact .source-panel,.compact .sidebar,.compact .note-list,.compact .scratchpad{z-index:var(--z-sheet);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}.compact .app-shell[data-panel=notes]>.note-list{display:block}.compact .app-shell[data-panel=notes]>.scratchpad{display:flex}.compact .scratchpad{grid-column:auto}.compact .source-panel{--from-left:var(--sources-left,0px);--from-right:var(--sources-right,0px)}.compact .sidebar{--from-left:var(--notebooks-left,0px);--from-right:var(--notebooks-right,0px)}.compact .note-list,.compact .scratchpad{--from-left:var(--notes-left,0px);--from-right:var(--notes-right,0px)}@media (prefers-reduced-motion:no-preference){.compact .source-panel,.compact .sidebar,.compact .note-list,.compact .scratchpad{clip-path:inset(0 var(--from-right) 100% var(--from-left) round .5rem);opacity:0;pointer-events:none;transition:clip-path var(--duration-m) var(--ease-in), opacity var(--duration-m) var(--ease-in), transform var(--duration-m) var(--ease-in), display var(--duration-m) allow-discrete}.compact .app-shell[data-panel=sources]>.source-panel,.compact .app-shell[data-panel=notebooks]>.sidebar,.compact .app-shell[data-panel=notes]>.note-list,.compact .app-shell[data-panel=notes]>.scratchpad{z-index:var(--z-sheet-over);clip-path:inset(0);opacity:1;pointer-events:auto;transition:clip-path var(--duration-xl) var(--ease-glide), opacity var(--duration-s) linear, transform var(--duration-xl) var(--ease-glide), display var(--duration-xl) allow-discrete}.compact .app-shell[data-slide=onward]{--slide-in:100%;--slide-out:-100%}.compact .app-shell[data-slide=back]{--slide-in:-100%;--slide-out:100%}.compact .app-shell[data-from=sources]>.source-panel,.compact .app-shell[data-from=notebooks]>.sidebar,.compact .app-shell[data-from=notes]>.note-list,.compact .app-shell[data-from=notes]>.scratchpad{clip-path:inset(0);opacity:1;transform:translateX(var(--slide-out));transition:transform var(--duration-xl) var(--ease-glide), display var(--duration-xl) allow-discrete}@starting-style{.compact .app-shell[data-panel=sources]>.source-panel,.compact .app-shell[data-panel=notebooks]>.sidebar,.compact .app-shell[data-panel=notes]>.note-list,.compact .app-shell[data-panel=notes]>.scratchpad{clip-path:inset(0 var(--from-right) 100% var(--from-left) round .5rem);opacity:0}.compact .app-shell[data-from][data-panel=sources]>.source-panel,.compact .app-shell[data-from][data-panel=notebooks]>.sidebar,.compact .app-shell[data-from][data-panel=notes]>.note-list,.compact .app-shell[data-from][data-panel=notes]>.scratchpad{clip-path:inset(0);opacity:1;transform:translateX(var(--slide-in))}}}.compact .app-shell[data-card]>.scratchpad{clip-path:none;opacity:1;visibility:hidden;transition:none;display:flex}.compact .app-shell[data-wall]>.scratchpad{clip-path:none;opacity:1;pointer-events:auto;transition:none;display:flex}.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-pickers{--crumb:var(--space-xs);flex:0 auto;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;min-width:0;display:grid}.compact-picker{align-items:center;gap:var(--crumb);min-width:0;padding:var(--space-xs) calc(var(--crumb) / 2);font:inherit;font-size:var(--text-m);color:var(--fg);border-radius:var(--radius-s);cursor:pointer;transition:opacity var(--duration-m) var(--ease-out);background:0 0;border:0;display:flex}.compact-picker[inert]{visibility:hidden;opacity:0;transition:opacity var(--duration-m) var(--ease-in), visibility var(--duration-m)}.compact-picker:first-child{padding-inline-start:var(--control-inline)}@media (hover:hover){button.compact-picker:hover{background:var(--hover-bg)}}.compact-picker-static{cursor:default}.compact-picker-label{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:0 auto;min-width:0;overflow:hidden}.compact-picker-middle{text-overflow:clip;position:relative}.compact-picker-whole{visibility:hidden}.compact-picker-shown{text-overflow:ellipsis;position:absolute;inset:0;overflow:hidden}.compact-picker-chevron{margin:calc(-1 * var(--space-3xs));padding:var(--space-3xs);border-radius:var(--radius-xs);flex:none;place-items:center;display:grid}.compact-picker[aria-expanded=true] .compact-picker-chevron{background:var(--on-bg)}.compact-picker-chevron{transition:background-color var(--duration-state) var(--ease-out)}.compact-picker .toolbar-icon{color:var(--muted);transform:rotate(-90deg)}.compact-picker[aria-expanded=true] .toolbar-icon{color:var(--on-fg);transform:none}.compact-picker .toolbar-icon{transition:transform var(--duration-m) var(--ease-out), color var(--duration-state) var(--ease-out)}.compact-icon{width:calc(1rem + 2 * var(--control-inline));height:2rem;color:var(--fg);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover){.compact-icon:hover{background:var(--hover-bg)}}.compact-pickers~.compact-icon,.compact-pickers~.compact-search{margin-inline-start:auto}.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:var(--text-field-floor)}.compact-search .note-search::-webkit-search-cancel-button{display:none}.new-folder{width:calc(100% - 2 * var(--gutter));margin:var(--space-s) var(--gutter);padding:var(--space-xs) var(--space-s);font:inherit;font-size:var(--text-m);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg)}.palette-backdrop{z-index:var(--z-popover);padding:4rem var(--space-l) var(--space-l);animation:dim-in var(--duration-l) var(--ease-out);background:#00000059;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{width:min(32rem,100%);max-height:min(24rem,100dvh - 6rem);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.palette-field{padding:var(--space-m);font:inherit;font-size:var(--text-body);border:0;border-block-end:1px solid var(--border);color:var(--fg);background:0 0;flex:none}.palette ul{padding:var(--space-2xs);flex:auto;margin:0;list-style:none;overflow-y:auto}.palette-row{align-items:baseline;gap:var(--space-s);padding:var(--space-s);font-size:var(--text-m);border-radius:var(--radius-s);color:var(--fg);cursor:pointer;display:flex}.palette-row.active{background:var(--surface)}.palette-row[aria-disabled=true]{color:var(--muted);cursor:default}.palette-label{flex:auto}.palette-group{font-size:var(--text-xs);color:var(--muted);flex:none}.palette-chord{padding:var(--space-3xs) var(--space-xs);font-family:inherit;font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--muted);flex:none}.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) - var(--space-2xs)) calc(var(--gutter) - var(--space-xs));flex:0 0 13rem;overflow:auto}.outline ol{margin:0;padding:0;list-style:none}.outline button{width:100%;padding:var(--space-2xs) var(--space-xs);text-align:left;font:inherit;font-size:var(--text-m);color:var(--muted);border-radius:var(--radius-xs);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;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:var(--z-popover);width:min(18rem,100% - 2rem);max-height:calc(100% - 1rem);padding:var(--space-xs);position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.outline-flyout button{padding-block:var(--space-s);font-size:var(--text-body)}[data-outline-depth="1"] button{color:var(--fg);font-weight:600}[data-outline-depth="2"] button{padding-inline-start:1rem}[data-outline-depth="3"] button{padding-inline-start:1.75rem}[data-outline-depth="4"] button{padding-inline-start:2.5rem}[data-outline-depth="5"] button{padding-inline-start:3.25rem}[data-outline-depth="6"] button{padding-inline-start:4rem}.find-bar{gap:var(--space-xs);padding:var(--space-s) var(--gutter);border-block-end:1px solid var(--border);background:var(--surface);animation:fade-in var(--duration-m) var(--ease-out);flex-direction:column;display:flex}.find-row{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.find-input{min-width:0;padding:var(--space-2xs) var(--space-s);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg);color:var(--fg);flex:8rem}.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 var(--space-s);font-size:var(--text-xl)}.error-actions{gap:var(--space-s);margin-block:1.25rem;display:flex}.error-actions button{font:inherit;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer}.error-screen details{color:var(--muted);font-size:var(--text-m)}.error-screen summary{cursor:pointer}.error-screen pre{margin:var(--space-s) 0 0;padding:var(--space-s) var(--space-m);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere}.tab-gate{display:contents}.modal-backdrop{inset:var(--viewport-top,0px) 0 auto;z-index:var(--z-dialog);height:var(--viewport-height,100%);padding:clamp(var(--space-m), 3vw, var(--space-l));animation:dim-in var(--duration-l) var(--ease-out);background:#0006;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:fixed}.modal-backdrop[hidden]{display:none}.modal{--dialog-pad:clamp(1.25rem, 5vw, 1.5rem);width:100%;max-width:28rem;max-height:100%;font-size:var(--text-m);flex-direction:column;line-height:1.6;display:flex;overflow:hidden}.modal,.palette{--arrive-y:.5rem;--arrive-scale:.98;animation:arrive var(--duration-l) var(--ease-out)}.modal-head{z-index:1;align-items:flex-start;gap:var(--space-m);padding:1.25rem var(--dialog-pad) var(--space-m);display:flex;position:relative}.modal[data-scrolled] .modal-head{box-shadow:0 1px 0 var(--border)}.modal h2{min-width:0;font-size:var(--text-l);overflow-wrap:anywhere;flex:1;margin:0}.modal button.modal-close{margin:-.125rem -.625rem 0 0;padding:0}.modal-body{overscroll-behavior:contain;min-height:0;padding:0 var(--dialog-pad) 1.25rem;scroll-padding-block:var(--space-m) calc(var(--dialog-foot,0px) + var(--space-m));flex:auto;overflow-y:auto}.modal-body:has(.dialog-foot){padding-block-end:0}.modal button,.fill-page button:not(.icon,.link-button){font:inherit;padding:var(--space-xs) var(--space-m);border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer}.dialog-foot{z-index:1;margin:0 calc(-1 * var(--dialog-pad));padding:var(--space-s) var(--dialog-pad) 1.25rem;background:var(--surface);position:sticky;bottom:0}.modal[data-more] .dialog-foot{box-shadow:0 -1px 0 var(--border);padding-block-start:var(--space-m)}.dialog-actions{gap:var(--space-s);flex-wrap:wrap;display:flex}.dialog-primary{display:contents}.dialog-primary>*{margin-inline-start:auto}.modal .dialog-status{min-height:1.6em;margin:0 0 var(--space-s)}.modal p{margin:0 0 var(--space-l)}.dialog-options{margin:0 0 var(--space-l);border:1px solid var(--border);border-radius:var(--radius-m);display:grid;overflow:hidden}.modal button.dialog-option{justify-content:space-between;align-items:center;gap:var(--space-m);min-height:2.75rem;padding:var(--space-s) var(--space-m);text-align:start;background:0 0;border:0;border-radius:0;display:flex}.modal button.dialog-option+.dialog-option{border-block-start:1px solid var(--border)}.dialog-switch-words{gap:var(--space-3xs);display:grid}.dialog-switch-words .muted{font-size:var(--text-s)}.switch-track{border-radius:var(--radius-pill);background:var(--border);block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-s) var(--ease-out);flex:none;position:relative}.switch-thumb{background:var(--bg);block-size:1rem;inline-size:1rem;transition:inset-inline-start var(--duration-s) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem}[aria-checked=true]>.switch-track{background:var(--accent)}[aria-checked=true]>.switch-track>.switch-thumb{inset-inline-start:1.125rem}.dialog-option-icon{width:1rem;height:1rem;color:var(--muted);flex:none;rotate:-90deg}@media (hover:hover){.modal button.dialog-option:hover{background:var(--hover-bg)}}.dialog-tools{align-items:center;gap:var(--space-s) var(--space-m);margin:0 0 var(--space-l);flex-wrap:wrap;display:flex}.modal .dialog-tools .secrets-said{color:var(--muted);flex:8rem;margin:0}.modal button.primary,.account button.primary,.fill-page button.primary{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.import-body p,.run-body p{margin:0 0 var(--space-m)}.run-bar{width:100%;height:.5rem;margin:0 0 var(--space-2xs);accent-color:var(--brand);display:block}.run-file{min-width:0;margin:0 0 var(--space-l);color:var(--muted);font-size:var(--text-s);white-space:nowrap;display:flex}.run-file-start{text-overflow:ellipsis;min-width:0;overflow:hidden}.run-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))}.secrets-step h3{margin:0 0 var(--space-s);font-size:var(--text-body)}.modal .secrets-error,.account .account-problem{color:var(--bad)}.modal .secrets-said{min-height:1.6em;margin:0 0 var(--space-s)}.secrets-said p{margin:0}.modal .unlock-device .secrets-said:empty{min-height:0;margin:0}.group-field,.unlock-field{width:100%;padding:var(--space-xs) var(--space-s);font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg);color:var(--fg)}.group-field{font-family:var(--font-mono);text-transform:uppercase}.recovery-entry{margin:0 0 var(--space-m);font-family:var(--font-mono)}.recovery-cells{gap:var(--space-s);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.recovery-cell{gap:var(--space-3xs);display:grid}.recovery-cell span{color:var(--muted);font-size:var(--text-xs)}.recovery-cell .group-field{padding-inline:var(--space-2xs);text-align:center;letter-spacing:.05em}.unlock-field{margin:0 0 var(--space-m)}.recovery-key{margin:0 0 var(--space-l);font-family:var(--font-mono);container:recovery-key/inline-size}.recovery-prefix{margin:0 0 var(--space-2xs);color:var(--muted);font-size:var(--text-s);display:block}.recovery-groups{gap:var(--space-2xs) var(--space-l);grid-template-columns:repeat(4,max-content);margin:0;padding:0;list-style:none;display:grid}@container recovery-key (width<22rem){.recovery-groups{grid-template-columns:repeat(3,max-content)}}.recovery-groups li{font-size:var(--text-body);letter-spacing:.05em;white-space:nowrap}.recovery-groups li:before{content:counter(list-item);min-width:1.5em;color:var(--muted);font-size:var(--text-xs);letter-spacing:0;display:inline-block}.recovery-print{display:none}.recovery-qr{block-size:10rem;inline-size:10rem;margin:0 0 var(--space-l);border-radius:var(--radius-xs);display:block}.scan-key{align-items:flex-start;gap:var(--space-s);flex-direction:column;margin-block-start:var(--space-m);display:flex}.scan-key-video{border-radius:var(--radius-m);object-fit:cover;background:#000;max-block-size:16rem;inline-size:100%}.scan-key-video[hidden]{display:none}.scan-key-said{color:var(--muted);font-size:var(--text-m);margin:0}.unlock-kinds{gap:var(--space-2xs);margin:0 0 var(--space-m);display:flex}.choose-unlock{container:choose-unlock/inline-size}@container choose-unlock (width<24rem){.unlock-kinds:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unlock-kinds button{text-wrap:balance}}.modal .unlock-kinds button[aria-checked=true]{color:var(--on-fg);background:var(--on-bg);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.unlock-pattern{margin:0 0 var(--space-s);justify-items:center;display:grid}.pattern{justify-items:center;display:grid}.pattern-grid{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);width:min(14rem,70vw);display:grid;position:relative}.pattern-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pattern-lines polyline{fill:none;stroke:var(--brand);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.modal .pattern-dot{touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.pattern-dot span{background:var(--muted);width:1rem;height:1rem;transition:transform var(--duration-s) var(--ease-out);pointer-events:none;border-radius:50%}.pattern-dot[aria-pressed=true] span{background:var(--brand);transform:scale(1.5)}.modal .pattern-dot:focus-visible{outline:2px solid var(--ring);outline-offset:-.5rem}.modal .pattern-count{min-height:1.6em;color:var(--muted);font-size:var(--text-s);margin:0}@media print{@page recovery-key{margin:0}html:has(.recovery-print){page:recovery-key}body:has(.recovery-print)>:not(.modal-backdrop){display:none}body:has(.recovery-print) .modal-backdrop{background:0 0;height:auto;padding:0;display:block;position:static}body:has(.recovery-print) .modal{width:auto;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}body:has(.recovery-print) .modal :not(:has(.recovery-print),.recovery-print,.recovery-print *){display:none}body:has(.recovery-print) .modal-body{padding:0;overflow:visible}body:has(.recovery-print) .recovery-print{color:#000;padding:2cm;display:block}.recovery-print h1{font-size:14pt}.recovery-print .recovery-qr{block-size:4cm;inline-size:4cm;margin:.5cm 0}.recovery-print .recovery-groups li{font-size:16pt}}.attached-file-list{margin:0 0 var(--space-l);padding:0;list-style:none}.attached-file{column-gap:var(--space-s);padding:var(--space-s) 0;border-block-start:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon name size""icon notes action";align-items:center;display:grid}.attached-file:first-child{border-block-start:0}.attached-file-icon{color:var(--muted);grid-area:icon;align-self:start;display:flex}.attached-file-name{overflow-wrap:anywhere;grid-area:name}.attached-file-size{font-size:var(--text-s);white-space:nowrap;grid-area:size;justify-self:end}.attached-file-notes{font-size:var(--text-s);overflow-wrap:anywhere;grid-area:notes}.attached-file-delete{grid-area:action;justify-self:end}.attached-file-confirm{gap:var(--space-s);flex-wrap:wrap;grid-column:2/-1;align-items:center;margin-block-start:var(--space-xs);display:flex}.tab-stale-bar{z-index:var(--z-menu);inset-block-end:9rem}.toast-stack{z-index:var(--z-float);gap:var(--space-s);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset-block-end:5rem;inset-inline:1rem}.toast-stack>*{pointer-events:auto;width:100%;max-width:28rem}[data-toast-tone=success],[data-toast-tone=warning],[data-toast-tone=error]{border-inline-start:4px solid var(--toast-accent);background:color-mix(in srgb, var(--toast-accent) 10%, var(--surface))}[data-toast-tone=success]{--toast-accent:var(--ok)}[data-toast-tone=warning]{--toast-accent:var(--warn)}[data-toast-tone=error]{--toast-accent:var(--bad)}[data-toast-tone=warning] span,[data-toast-tone=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)}.toast{--toast-close: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)}.note-title-input:focus{outline:none}.note-image-action{min-height:var(--tap)}.attachment-chip{min-height:1.5rem}button.row,.row-editing{min-height:var(--tap);justify-content:center}.tree button.row,.tree .row-editing{justify-content:space-between}.row-item{--row-options:var(--tap)}.tree.nested{--disclosure:1rem}.row-disclosure{--disclosure-reach:var(--gutter)}.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 .dialog-actions button,.toolbar-link input,.connect-code-form input,.connect-code-form button,.note-actions button,.account a.button,.account button,.clipboard button,.toast button,.update-prompt 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}.modal button.modal-close{width:var(--tap);height:var(--tap);margin-block-start:-.5rem}.toolstrip-button{min-width:var(--tap);min-height:var(--tap);justify-content:center}.note-search,.find-input,.toolbar-link input,.connect-code-form input{font-size:var(--text-field-floor)}.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}}.fill-page{gap:var(--space-m);max-width:30rem;padding:var(--space-l);margin:0 auto;line-height:1.5;display:grid}.fill-page p{margin:0}.fill-page>button{justify-self:start}.fill-header{align-items:baseline;gap:var(--space-xs) var(--space-s);flex-wrap:wrap;display:flex}.fill-header h1{font-size:var(--text-xl);overflow-wrap:anywhere;margin:0}.fill-insecure{color:var(--bad);font-size:var(--text-s);font-weight:600}.fill-logins{border-top:1px solid var(--border);margin:0;padding:0;list-style:none;display:grid}.fill-login{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.fill-login-text{overflow-wrap:anywhere;min-width:0;display:grid}.fill-login-label{font-weight:600}.fill-login-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.fill-said:empty{display:none}.fill-page button:disabled{opacity:.5;cursor:default}.fill-remember{gap:var(--space-s);justify-items:start;display:grid}.fill-remember .fill-save{justify-self:stretch}.fill-setup-dialog h3{margin:var(--space-l) 0 var(--space-2xs);font-size:var(--text-body)}.fill-setup-dialog p{margin:var(--space-s) 0}.fill-setup-dialog ul{margin:var(--space-2xs) 0;padding-inline-start:1.25rem}.fill-setup-dialog li+li{margin-top:var(--space-2xs)}.fill-bookmarklet-holder{justify-content:center;align-items:center;gap:var(--space-s) var(--space-m);margin:var(--space-m) 0;flex-wrap:wrap;display:flex}.fill-bookmarklet{padding:var(--space-xs) var(--space-l);color:var(--brand);border:1px dashed var(--brand);border-radius:var(--radius-pill);cursor:grab;font-weight:600;text-decoration:none;display:inline-block}