:root{--shadow:#00000024;--shadow-strong:#0003;--shadow-faint:#00000014;--shadow-knob:#0000004d;--overlay:#00000052;--pressed:color-mix(in srgb, var(--selected) 82%, var(--text));--caption-text:#fff;--caption-background:#0009;--ai-chat-width:380px;--radius-inline:4px;--radius-row:6px;--radius-control:8px;--radius-panel:10px;--radius-dialog:12px;--control-height:32px;--control-height-compact:28px;--checkbox-size:16px;--switch-width:34px;--switch-height:20px;--ring-selected:0 0 0 2px var(--accent);--elevation-raised:0 1px 4px var(--shadow);--elevation-selected:0 1px 2px var(--shadow-faint);--elevation-drag:0 4px 12px var(--shadow);--elevation-popover:0 8px 24px var(--shadow);--elevation-dialog:0 16px 40px var(--shadow-strong);--layer-sticky:1;--layer-in-pane:5;--layer-pane-control:6;--layer-zoomed-view:15;--layer-menu:20;--layer-preview:25;--layer-dialog:30;--layer-toast:40;--duration-settle:.22s;--ease-settle:cubic-bezier(.165, .84, .44, 1);--duration-enter:.15s;--duration-exit:.1s;--ease-enter:var(--ease-settle);--ease-exit:ease-in;accent-color:var(--accent);--font-size-caption:11px;--font-size-small:12px;--font-size-ui:13px;--font-size-heading:15px;--font-size-title:20px;--font-size-list-title:14px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Cascadia Mono", "DejaVu Sans Mono", "Noto Sans Mono CJK JP", monospace;color:var(--text);background:var(--canvas);font-family:Noto Sans CJK JP,Noto Sans JP,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:var(--font-size-ui)}:root[data-scheme=dark]{--shadow:#00000073;--shadow-strong:#0009;--shadow-faint:#0000004d;--overlay:#00000080}*{box-sizing:border-box;margin:0}html,body{height:100%}#root{left:0;right:0;top:var(--visible-top,0px);height:var(--visible-height,100%);position:fixed}body{background:var(--canvas);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:is(.note-picker-list,.property-definitions,.sidebar-scroll,.chips,.phone-scroll,.segmented) :focus-visible:not(input,textarea,select){outline-offset:-2px}:is(.math-input,.embed-url-input,.inline-input):focus-visible{box-shadow:0 0 0 1px var(--accent);outline:0}button,a,label,summary{-webkit-tap-highlight-color:transparent}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),select,textarea){border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel)}:where(input[type=checkbox],input[type=radio]){width:var(--checkbox-size);height:var(--checkbox-size);flex:none}::placeholder{color:var(--muted);opacity:.8}.hint{color:var(--muted);font-size:var(--font-size-small);line-height:1.5}p:not(.ProseMirror p),.hint,.form-error,.form-notice{text-wrap:pretty}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 45%, transparent) transparent}svg.lucide{stroke-width:1.75px}.workspace{grid-template-columns:var(--sidebar-width) 1fr;height:100%;display:grid;overflow:hidden}.workspace.focus-mode,.workspace.note-window{grid-template-columns:1fr}.workspace.note-window.with-ai-chat{grid-template-columns:1fr var(--ai-chat-width)}.note-window .sidebar,.note-window.single-note .tabs-bar,.focus-mode .sidebar,.focus-mode .tabs-bar,.focus-mode .editor-bar{display:none}.focus-mode-exit{z-index:var(--layer-pane-control);background:var(--panel);position:fixed;top:10px;left:14px}.typewriter-mode .document{padding-bottom:50vh}.setting-slider{align-items:center;gap:10px;min-width:0;display:inline-flex}.setting-slider input[type=range]{width:180px;max-width:100%}.setting-slider output{text-align:right;min-width:52px;color:var(--muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.setting-inline-save{align-items:center;gap:8px;min-width:0;display:inline-flex}.typography-preview{border:1px solid var(--line);border-radius:var(--radius-control);flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.settings-section .typography-preview p{color:var(--text);font-size:var(--editor-font-size);line-height:var(--editor-line-height,1.85);letter-spacing:var(--editor-letter-spacing,.02em)}.code-input{width:100%;font-family:var(--font-mono);font-size:var(--font-size-small);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);resize:vertical;padding:8px 10px}.note-properties{border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--font-size-ui);grid-template-columns:fit-content(40%) minmax(0,1fr);align-items:center;gap:6px 14px;margin-bottom:16px;padding:10px 12px;display:grid}.note-property{display:contents}.note-property label{color:var(--muted);overflow-wrap:anywhere}.note-property input:not([type=checkbox]),.note-property select{height:var(--control-height-compact);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);width:100%;min-width:0;padding:0 8px}.note-property input[type=checkbox]{justify-self:start}.dialog.notebook-properties{--dialog-width:620px}.property-definitions{flex-direction:column;gap:14px;margin:-3px;padding:3px;display:flex;overflow-y:auto}.property-definition{flex-direction:column;gap:6px;display:flex}.property-definition-row{align-items:center;gap:6px;display:flex}.property-definition input,.property-definition select{height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);flex:1;min-width:0;padding:0 8px}.property-definition select{flex:none}.property-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.property-option{padding:0 4px 0 0}.property-option-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:inherit;padding:3px 0 3px 10px;overflow:hidden}.property-option-remove{border-radius:var(--radius-inline);width:20px;height:20px;color:var(--muted);place-items:center;display:grid}@media (hover:hover){.property-option-remove:hover{background:var(--selected);color:var(--text)}}.property-definition .property-options input{height:var(--control-height-compact);flex:140px}.database-view{padding:24px 32px 60px}.database-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.database-header h1{font-size:var(--font-size-title);overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.database-column h2{overflow-wrap:anywhere}.database-header .segmented button{align-items:center;gap:4px;display:inline-flex}.database-table-scroll{margin:-3px;padding:3px;overflow-x:auto}.database-table{border-collapse:collapse;min-width:100%;font-size:var(--font-size-ui)}.database-table th,.database-table td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:4px 8px}.database-table th{background:var(--tag);font-weight:600}.database-table th button{color:var(--text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.database-table input:not([type=checkbox]),.database-table select{height:var(--control-height-compact);border-radius:var(--radius-control);color:var(--text);background:0 0;border:1px solid #0000;min-width:90px;padding:0 6px}.database-table td>:is(input:not([type=checkbox]),select){width:100%}.database-table input:not([type=checkbox]):hover,.database-table select:hover,.database-table input:focus,.database-table select:focus{border-color:var(--line)}.database-title{color:var(--accent);text-overflow:ellipsis;max-width:320px;overflow:hidden}.database-updated{color:var(--muted)}.database-group{max-width:260px;margin-bottom:12px}.database-board{align-items:flex-start;gap:12px;display:flex;overflow-x:auto}.database-column{background:var(--tag);border-radius:var(--radius-panel);flex-direction:column;flex:0 0 220px;gap:6px;min-height:80px;padding:8px;display:flex}.database-column h2{justify-content:space-between;margin:2px 4px 4px;display:flex}.database-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);text-align:left;font-size:var(--font-size-ui);color:var(--text);padding:8px 10px}.database-card.dragging{opacity:.5;outline:1px dashed var(--muted);outline-offset:-1px}.database-column.drop-target{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px}.database-table .database-add-property{width:1%;padding:0 2px}.database-add-property .icon-button{color:var(--muted);margin:0 auto;display:grid}@media (hover:hover){.database-add-property .icon-button:hover{color:var(--text)}}.database-table tfoot td{border:0;padding:4px 0 0}.database-board-needs-select{color:var(--muted);font-size:var(--font-size-small);flex-direction:column;align-items:flex-start;gap:10px;line-height:1.6;display:flex}.database-board-needs-select .secondary-button{align-items:center;gap:6px;display:inline-flex}.database-new-note-button{height:var(--control-height-compact);border-radius:var(--radius-row);color:var(--muted);font-size:var(--font-size-ui);align-items:center;gap:4px;padding:0 8px;display:inline-flex}@media (hover:hover){.database-new-note-button:hover{background:var(--selected);color:var(--text)}}.database-new-note{max-width:320px}.database-column .database-new-note-button,.database-column .database-new-note{width:100%;max-width:none}.note-query{border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.note-query-conditions{background:var(--tag);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.note-query-conditions select,.note-query-conditions input,.ai-model-select{height:var(--control-height-compact);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font-size:var(--font-size-small);min-width:0;padding:0 6px}.note-query-conditions select{flex:0 200px}.note-query-conditions input{flex:120px}.note-query-results{flex-direction:column;padding:4px;display:flex}.note-query-results .menu-item{align-items:flex-start}.note-query-results .menu-item>svg{height:1lh}.math-inline .math-rendered,.math-block .math-rendered{cursor:pointer;border-radius:var(--radius-inline)}.math-block{text-align:center;overflow-x:auto}.math.selected .math-rendered{background:var(--accent-soft)}@media (hover:hover){.math-rendered:hover{background:var(--accent-soft)}}.math-input{font-family:var(--font-mono);font-size:var(--font-size-ui);border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--panel);color:var(--text);resize:vertical;vertical-align:middle;padding:4px 8px}.math-block .math-input{width:100%}.ProseMirror pre.mermaid-source-hidden,.ProseMirror pre:is(.zoom-hidden,.folded-block)+.mermaid-diagram{display:none}.mermaid-diagram{border:1px solid var(--line);border-radius:var(--radius-control);text-align:center;cursor:pointer;color:var(--muted);font-size:var(--font-size-small);padding:8px;overflow-x:auto}.mermaid-diagram svg{max-width:100%;height:auto}.mermaid-diagram.failed{color:var(--danger);text-align:left;white-space:pre-wrap}.attachment-file.with-preview{flex-wrap:wrap}.pdf-preview{border-top:1px solid var(--line);flex:0 0 100%;margin-top:8px;padding-top:6px}.pdf-preview-bar{color:var(--muted);font-size:var(--font-size-small);justify-content:center;align-items:center;gap:4px;display:flex}.pdf-page-number{text-align:center;min-width:64px}.pdf-preview-page{text-align:center;background:var(--tag);border-radius:var(--radius-row);max-height:70vh;padding:8px;overflow:auto}.pdf-preview-page canvas{box-shadow:var(--elevation-raised);background:#fff}.document>div:has(>.ProseMirror){position:relative}.block-drag-handle,.block-insert-button{border-radius:var(--radius-row);width:21px;height:24px;color:var(--muted);-webkit-user-select:none;user-select:none;opacity:.58;place-items:center;display:grid;position:absolute}.block-drag-handle{cursor:grab}.block-insert-button{cursor:pointer}.block-drag-handle[hidden],.block-insert-button[hidden]{display:none}@media (hover:hover){.block-drag-handle:hover,.block-insert-button:hover{background:var(--selected);color:var(--text);opacity:1}}.block-drag-handle:active{cursor:grabbing}.ProseMirror .columns{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;margin-left:-7px;margin-right:-7px;display:grid}.ProseMirror .column{border-radius:var(--radius-control);border:1px dashed #0000;min-width:0;padding:2px 6px}.ProseMirror-focused .column{border-color:var(--line)}.ProseMirror{counter-reset:footnote}.ProseMirror .footnote-reference{counter-increment:footnote;cursor:pointer;color:var(--accent);padding:0 1px;font-size:.75em}.ProseMirror .footnote-reference:before{content:counter(footnote)}.ProseMirror .footnote-reference.ProseMirror-selectednode{background:var(--accent-soft);border-radius:var(--radius-inline)}.footnotes{border-top:1px solid var(--line);font-size:var(--font-size-ui);flex-direction:column;gap:4px;margin-top:32px;padding-top:10px;display:flex}.footnote{align-items:center;gap:8px;display:flex}.footnote-number{min-width:22px;height:var(--control-height-compact);border-radius:var(--radius-inline);color:var(--accent);font-size:var(--font-size-small)}@media (hover:hover){.footnote-number:hover{background:var(--selected)}}.footnote input{min-width:0;height:var(--control-height-compact);border-radius:var(--radius-control);color:var(--text);background:0 0;border:1px solid #0000;flex:1;padding:0 8px}.footnote input:hover,.footnote input:focus{border-color:var(--line)}.block-embed{border-left:3px solid var(--accent-soft);padding:2px 0 2px 12px}.block-embed-source{color:var(--muted);font-size:var(--font-size-small);align-items:center;gap:4px;display:inline-flex}@media (hover:hover){.block-embed-source:hover{color:var(--accent)}}.block-embed .ProseMirror{min-height:0;padding:0}.block-embed .ProseMirror>p:last-child:has(>br.ProseMirror-trailingBreak:only-child){display:none}.dialog.document-scan{--dialog-width:720px;max-height:94%}.document-scan-photo{min-height:0;position:relative;overflow:auto}.document-scan-photo canvas{width:100%;height:auto;display:block}.document-scan-photo svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.document-scan-photo polygon{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.document-scan-photo circle{fill:var(--accent);stroke:var(--panel);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab}.drawing-tools{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.drawing-canvas{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.drawing-canvas.erasing{cursor:pointer}.drawing-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.embed-card{border:1px solid var(--line);border-radius:var(--radius-control);align-items:center;gap:10px;padding:8px 12px;display:flex}.embed-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:var(--font-size-small);flex:1;overflow:hidden}.embed-url-input{width:100%;height:var(--control-height);border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--panel);color:var(--text);padding:0 10px}.embed-frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--tag);width:100%}.note-graph{flex-direction:column;flex:1;min-height:0;padding:12px 16px;display:flex}.note-graph-summary{color:var(--muted);font-size:var(--font-size-small);flex:none}.note-graph svg{flex:1;width:100%;min-height:0}.note-graph-edge{stroke:var(--line);stroke-width:1.5px}.note-graph-node{cursor:pointer;outline:none}.note-graph-node circle{fill:var(--accent);stroke:var(--panel);stroke-width:2px}.note-graph-node:hover circle,.note-graph-node:focus-visible circle{fill:var(--text)}.note-graph-node text{fill:var(--muted);font-size:var(--font-size-caption);pointer-events:none}.note-graph-node:hover text,.note-graph-node:focus-visible text{fill:var(--text)}.attachment-audio{flex:0 0 100%;width:100%;height:36px;margin-top:8px}.attachment-unavailable{color:var(--muted);font-size:var(--font-size-ui);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.attachment-unavailable.attachment-audio{justify-content:flex-start;height:auto}.attachment-unavailable .secondary-button{align-items:center;gap:6px;display:inline-flex}.editor-bar .tool.on svg.lucide-square{color:var(--danger)}.workspace.with-ai-chat{grid-template-columns:var(--sidebar-width) 1fr var(--ai-chat-width)}.workspace.with-ai-chat.focus-mode{grid-template-columns:1fr var(--ai-chat-width)}.ai-chat{background:var(--panel);border-left:1px solid var(--line);min-width:0;min-height:0;font-size:var(--font-size-ui);flex-direction:column;display:flex}.ai-chat-header{min-height:var(--pane-header-height,45px);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:0 10px 0 14px;display:flex}.ai-chat-header h2{font-size:var(--font-size-ui);white-space:nowrap;margin-right:auto;font-weight:700}.ai-chat-header .text-button{white-space:nowrap}.ai-chat .text-button,.shortcut-list .text-button{color:var(--accent);border-radius:var(--radius-row);white-space:nowrap;padding:2px 6px}@media (hover:hover){.ai-chat .text-button:hover,.shortcut-list .text-button:hover{background:var(--selected)}}.ai-chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.ai-chat-notice{color:var(--muted);padding:12px 14px}.ai-chat>.ai-chat-notice{flex-direction:column;align-items:flex-start;gap:12px;line-height:1.6;display:flex}.ai-chat-messages .ai-chat-notice{padding:0}.ai-message{flex-direction:column;gap:4px;display:flex}.ai-message.user{background:var(--accent-soft);border-radius:var(--radius-panel);align-self:flex-end;max-width:92%;padding:8px 10px}.ai-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.ai-message-actions{flex-wrap:wrap;gap:2px;margin-left:-6px;display:flex}.ai-context{flex-wrap:wrap;gap:4px;display:flex}.ai-context .chip{align-items:center;gap:4px;max-width:100%;display:inline-flex}.ai-context .chip.toggle{cursor:pointer}.ai-context .chip button{color:var(--muted);place-items:center;display:grid}.ai-chat-composer{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:10px 12px;display:flex}.ai-composer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ai-send-button{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.ai-send-button:disabled{opacity:.4;cursor:default}.ai-model-select{flex:0 auto;max-width:180px}.ai-connection{flex-direction:column;gap:12px;display:flex}.ai-edit{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.ai-edit-summary{align-items:center;gap:6px;font-weight:600;display:flex}.ai-edit-summary svg{color:var(--accent);flex:none}.ai-edit-diff{border:1px solid var(--line);border-radius:var(--radius-row);max-height:320px;font-size:var(--font-size-small);padding:2px 0;line-height:1.35;overflow-y:auto}.ai-diff-row{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:0 8px 0 22px;text-decoration:none;display:block;position:relative}.ai-diff-row:empty:after{content:"​"}.ai-diff-row:before{font-weight:700;position:absolute;left:8px}.ai-edit-removed{background:color-mix(in srgb, var(--danger) 12%, transparent)}.ai-edit-added{background:color-mix(in srgb, var(--ok) 14%, transparent)}.ai-edit-removed:before{content:"-";color:var(--danger)}.ai-edit-added:before{content:"+";color:var(--ok)}.ai-diff-collapsed{color:var(--muted);padding:1px 8px 1px 22px}.ai-edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ai-auto-apply{font-size:var(--font-size-small);color:var(--muted)}.ai-tool-activity{border-radius:var(--radius-row);width:100%;color:var(--muted);font-size:var(--font-size-small);text-align:left;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-left:-6px;padding:4px 6px;line-height:1.5;display:flex}.ai-tool-activity svg{flex:none;align-self:center}.ai-tool-description{overflow-wrap:anywhere;min-width:0;color:var(--text)}@media (hover:hover){button.ai-tool-activity:hover{background:var(--selected)}}.ai-chat .ai-tool-settings{font-size:var(--font-size-small);align-self:flex-start;margin-left:-6px}.ai-tool-activity:is([data-status=failed],[data-status=denied],[data-status=rejected],[data-status=stale],[data-status=stopped]) .ai-tool-description{color:var(--muted);text-decoration:line-through}.ai-tool-starting{font-size:var(--font-size-small)}.ai-approval-item{flex-direction:column;gap:4px;min-width:0;display:flex}.ai-approval-item+.ai-approval-item{border-top:1px solid var(--line);padding-top:8px}.ai-approval-description{overflow-wrap:anywhere;font-weight:600}.ai-approval-changes{font-size:var(--font-size-small);overflow-wrap:anywhere;margin:0;padding-left:18px}.ai-approval .danger-text{color:var(--danger)}.ai-permissions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ai-saved-chat{align-items:center;gap:4px;display:flex}.ai-saved-chat-open{border-radius:var(--radius-row);text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:6px 8px;display:flex}@media (hover:hover){.ai-saved-chat-open:hover{background:var(--selected)}}.ai-saved-chat-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ai-saved-chat-time{font-size:var(--font-size-small);color:var(--muted)}.mention-input{position:relative}.mention-input textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);width:100%;color:var(--text);resize:none;font:inherit;padding:8px 10px;line-height:1.5}.mention-input textarea:focus{border-color:var(--accent);outline:0}.mention-candidates{z-index:var(--layer-in-pane);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.mention-candidates .menu-item.on{background:var(--selected)}.dialog.ai-chat-dialog{--dialog-width:640px;height:min(720px,92%);padding:0}.dialog.ai-chat-dialog:has(.ai-chat>.ai-chat-notice){height:auto}.ai-chat-dialog .ai-chat{border-radius:inherit;border-left:0;flex:1}.backlinks{border-top:1px solid var(--line);margin-top:40px;padding-top:12px}.backlinks h2{margin:0 0 6px}.sidebar-brand-actions{gap:2px;margin-left:auto;display:flex}.sidebar-brand .sidebar-brand-actions .icon-button{margin-left:0}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;gap:2px;min-height:0;padding:14px 10px 0;display:flex;position:relative}.sidebar-resize-handle{cursor:col-resize;width:6px;z-index:var(--layer-in-pane);touch-action:none;position:absolute;top:0;bottom:0;right:-3px}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:color-mix(in srgb, var(--accent) 40%, transparent)}.sidebar-resize-handle:focus-visible{background:var(--accent);outline:none}.sidebar-brand{white-space:nowrap;align-items:center;gap:8px;padding:4px 8px 12px;font-weight:700;display:flex}.sidebar-brand>svg,.sidebar-brand-icon{flex:none}.sidebar-brand-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.sidebar-brand .icon-button{margin-left:auto}.sidebar-search{height:var(--control-height);border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;display:flex}.sidebar-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.sidebar-search:focus-within,.phone-search:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.sidebar-search input[type=search]{appearance:none}.sidebar-search input[type=search]::-webkit-search-cancel-button{display:none}.new-note{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-control);flex:none;justify-content:center;align-items:center;gap:6px;height:34px;margin-bottom:10px;font-weight:600;display:flex}.sidebar-scroll{flex-direction:column;flex:1;gap:2px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.nav{border-radius:var(--radius-row);color:var(--text);text-align:left;align-items:center;gap:9px;width:100%;min-height:30px;padding:6px 8px;display:flex}@media (hover:hover){.nav:hover{background:var(--selected)}}.nav.active{background:var(--selected);font-weight:600}.sidebar-scroll .nav.active{background:0 0}@media (hover:hover){.sidebar-scroll .nav.active:hover{background:var(--selected)}}.sidebar-scroll .nav.active>svg{color:var(--accent)}.nav .count{color:var(--muted);font-size:var(--font-size-small);margin-left:auto;font-weight:400}.nav .nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav .disclosure{width:12px;color:var(--muted);flex:none;place-items:center;display:grid}.nav>svg,.nav .count{flex:none}.nav-row{align-items:center;display:flex;position:relative}.nav-row .row-actions{display:none;position:absolute;right:4px}.nav-row:hover .row-actions,.nav-row:focus-within .row-actions{display:flex}:is(.nav-row:has(.row-actions):hover .count,.nav-row:has(.row-actions):focus-within .count){display:none}.section-title,.menu-heading,.backlinks h2,.database-column h2,.reminders-group h2{color:var(--muted);font-size:var(--font-size-caption);letter-spacing:.04em;font-weight:600}.section-title{align-items:center;padding:14px 8px 4px;display:flex}.section-title .icon-button{margin-left:auto}.section-title.drop-target{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px;border-radius:var(--radius-row)}.saved-search-row{align-items:center;display:flex}.search-scope svg{vertical-align:-1px;margin-right:4px}.dot{border-radius:3px;flex:none;width:9px;height:9px}.tree-note{color:var(--text);border-radius:var(--radius-row);white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;padding:5px 8px;overflow:hidden}@media (hover:hover){.tree-note:hover{background:var(--selected);color:var(--text)}}.tree-note.active{background:var(--accent-soft);color:var(--text);font-weight:600}.tree-note.with-snippet{white-space:normal;flex-direction:column;align-items:stretch;gap:1px;display:flex}.tree-note-title,.tree-note-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-note-snippet{font-size:var(--font-size-small);color:var(--muted);font-weight:400}.tree-note-snippet mark{background:color-mix(in srgb, var(--bookmark) 35%, transparent);color:inherit;border-radius:var(--radius-inline)}.tree-note.selected{background:var(--accent-soft);color:var(--text)}.nav-row.drop-target>.nav{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px}.view-group{border-radius:var(--radius-row);flex-direction:column;gap:2px;display:flex}.view-group.drop-target{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px}.sidebar-scroll .view-group.with-child-notebooks{position:relative}.sidebar-scroll .view-group.with-child-notebooks:after{content:"";left:calc(8px + var(--depth,0) * var(--tree-indent-step) + 6px);top:calc(var(--sidebar-row-height) + 2px);background:var(--line);pointer-events:none;width:1px;position:absolute;bottom:2px}.nav-row.dragging .tree-note,.nav-row.dragging>.nav{opacity:.5;outline:1px dashed var(--muted);outline-offset:-1px}.drag-preview{border-radius:var(--radius-control);background:var(--panel);max-width:260px;color:var(--text);border:1px solid var(--accent);box-shadow:var(--elevation-drag);font-size:var(--font-size-ui);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:4px 10px;position:fixed;top:-100px;left:0;overflow:hidden}.nav-row .tree-note{padding-right:30px}.tree-empty{color:var(--muted);font-size:var(--font-size-small);padding:4px 8px}.sidebar-scroll{--sidebar-row-height:30px;--tree-indent-step:14px;--tree-label-offset:53px}.sidebar-scroll .nav{min-height:var(--sidebar-row-height);padding-block:0;padding-left:calc(8px + var(--depth,0) * var(--tree-indent-step))}.sidebar-scroll .nav .dot{margin-inline:3px}.sidebar-scroll .tree-note{min-height:var(--sidebar-row-height);padding-block:0;padding-left:calc(var(--tree-label-offset) + var(--depth,0) * var(--tree-indent-step))}.sidebar-scroll .tree-note.with-snippet{padding-block:5px}.sidebar-scroll :is(.tree-note,.tree-empty).unindented{padding-left:8px}.sidebar-scroll .tree-empty{min-height:var(--sidebar-row-height);padding-block:0;padding-left:calc(var(--tree-label-offset) + var(--depth,0) * var(--tree-indent-step));align-items:center;display:flex}.sidebar-scroll .nav-row:has(.row-actions):is(:hover,:focus-within) .nav{padding-right:32px}.sidebar-scroll .section-title{padding-top:20px}.sidebar-scroll .section-title .icon-button{margin-block:-6px}.sidebar-scroll :is(.nav,.tree-note).naming{cursor:default;align-items:center;display:flex;overflow:visible}.sidebar-scroll :is(.nav,.tree-note).naming:hover{background:0 0}.sidebar-scroll .naming .inline-input{width:auto;min-width:0;height:calc(var(--sidebar-row-height) - 2px);flex:1;margin-left:-9px}.sidebar-scroll .nav.naming .inline-input{margin-left:-8px}.sidebar-scroll .dot.pending{background:var(--line)}.inline-input{width:100%;height:var(--control-height-compact);border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--panel);padding:0 8px}.update-chip{border-radius:var(--radius-row);color:var(--accent);background:var(--accent-soft);font-size:var(--font-size-small);text-align:left;flex:none;align-items:center;gap:6px;margin-top:auto;padding:6px 8px;display:flex}.update-chip+.sidebar-footer{margin-top:8px}.phone .update-chip{margin:max(10px, env(safe-area-inset-top)) 16px 0}.sidebar-footer{border-top:1px solid var(--line);flex:none;align-items:center;gap:4px;margin-top:auto;padding:6px 0;display:flex}.sync-line{min-height:var(--control-height-compact);border-radius:var(--radius-row);color:var(--muted);font-size:var(--font-size-small);text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px;display:flex}@media (hover:hover){.sync-line:hover{background:var(--selected);color:var(--text)}}.sync-line-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-line .status-dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.sync-line .status-dot.syncing{background:var(--accent)}.sync-line .sync-failure-mark{color:var(--danger);flex:none}.sync-line .status-dot.off{background:var(--muted)}.main{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.panes{flex:1;min-width:0;min-height:0;display:flex}.pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.split-pane{border-left:1px solid var(--line)}.split-pane-header{border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--font-size-small);align-items:center;gap:8px;padding:4px 8px 4px 14px;display:flex}.split-pane-header .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.workspace{--pane-header-height:42px}.tabs-bar{height:var(--pane-header-height);background:var(--sidebar);flex:none;display:flex}.tabs{border-bottom:1px solid var(--line);background:var(--sidebar);scrollbar-width:none;flex:1;gap:2px;min-width:0;padding:8px 10px 0;display:flex;overflow-x:auto}.tabs-end{border-bottom:1px solid var(--line);flex:none;align-items:center;padding:8px 8px 0;display:flex}.tab{border-radius:var(--radius-control) var(--radius-control) 0 0;color:var(--muted);font-size:var(--font-size-ui);border:1px solid #0000;flex:0 200px;align-items:center;gap:6px;min-width:96px;max-width:220px;padding:7px 8px 7px 14px;display:flex;position:relative}.tab[draggable=true]{cursor:grab}.tab.dragging{opacity:.45}.tab.drop-target{box-shadow:inset 2px 0 0 var(--accent)}.tab .tab-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab.preview .tab-label{font-style:italic}.tab.pinned{flex:none;justify-content:center;width:40px;min-width:0;padding:7px 0}.tab.pinned .tab-label{display:none}.tab-pinned-icon{place-items:center;display:grid}.tab+.tab:before{content:"";background:var(--line);width:1px;position:absolute;top:9px;bottom:8px;left:-2px}.tab.on:before,.tab.on+.tab:before,.tab:hover:before,.tab:hover+.tab:before{background:0 0}@media (hover:hover){.tab:hover:not(.on){background:color-mix(in srgb, var(--panel) 40%, var(--sidebar))}}.tab .tab-close{border-radius:var(--radius-inline);visibility:hidden;place-items:center;width:18px;height:18px;display:grid}.tab:hover .tab-close,.tab.on .tab-close{visibility:visible}@media (hover:hover){.tab .tab-close:hover{background:var(--selected)}}.tab:focus-visible{outline-offset:-2px}@media (hover:none){.tab:not(.on) .tab-close{visibility:visible;opacity:.6}}.tab.on{background:var(--panel);color:var(--text);border-color:var(--line);border-bottom-color:var(--panel);margin-bottom:-1px}.tab.pinned{z-index:var(--layer-sticky);position:sticky}.tab.pinned:not(.on,:hover){background:var(--sidebar)}.tab.pinned:first-of-type:after{content:"";background:var(--sidebar);width:10px;position:absolute;top:-9px;bottom:-1px;right:calc(100% + 1px)}.tabs[data-more-start] .tab.pinned:not(:has(+.tab.pinned)){box-shadow:8px 0 8px -6px var(--shadow-strong)}.tabs:before,.tabs:after{content:"";z-index:calc(var(--layer-sticky) + 1);pointer-events:none;opacity:0;flex:none;align-self:stretch;width:32px;position:sticky}.tabs:before{background:linear-gradient(to right, var(--sidebar), transparent);margin-right:-34px;left:-10px}.tabs:after{background:linear-gradient(to left, var(--sidebar), transparent);margin-left:-34px;right:-10px}.tabs[data-more-end]:after{opacity:1}.tabs[data-more-start]:not(:has(.tab.pinned)):before{opacity:1}.editor-bar{border-bottom:1px solid var(--line);color:var(--muted);scrollbar-width:none;flex:none;align-items:center;gap:4px;padding:8px 14px;display:flex;overflow-x:auto}.tool{width:var(--control-height-compact);height:var(--control-height-compact);border-radius:var(--radius-row);font-weight:700;font-size:var(--font-size-ui);color:var(--text);flex:none;place-items:center;display:grid}@media (hover:hover){.tool:hover{background:var(--selected)}}.tool.on{background:var(--selected);color:var(--accent)}.tool-separator{background:var(--line);flex:none;width:1px;height:18px;margin:0 4px}.editor-bar .bar-end{font-size:var(--font-size-small);background:var(--panel);box-shadow:-10px 0 8px -4px var(--panel);flex:none;align-items:center;gap:6px;margin-left:auto;margin-right:-14px;padding:0 14px 0 8px;display:flex;position:sticky;right:-14px}.note-top-bar{border-bottom-color:#0000;padding:10px 18px}.recording-stop{height:var(--control-height-compact);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);font-size:var(--font-size-small);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}@media (hover:hover){.recording-stop:hover{background:color-mix(in srgb, var(--danger) 20%, transparent)}}.selection-toolbar{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);z-index:var(--layer-pane-control);align-items:center;gap:2px;padding:4px;display:flex}.icon-button{width:var(--control-height-compact);height:var(--control-height-compact);border-radius:var(--radius-row);color:var(--muted);flex:none;place-items:center;display:grid}@media (hover:hover){.icon-button:hover:not(:disabled){background:var(--selected);color:var(--text)}}.icon-button:active:not(:disabled){background:var(--pressed)}.icon-button.bookmarked,.icon-button.bookmarked:hover:not(:disabled){color:var(--bookmark)}.icon-button:is([aria-pressed=true],[aria-expanded=true]),.icon-button:is([aria-pressed=true],[aria-expanded=true]):hover:not(:disabled){background:var(--selected);color:var(--accent)}.document-area{flex:1;min-height:0;display:flex}.document-scroll{transform-origin:50% 0;flex:1;min-width:0;min-height:0;overflow-y:auto}.settings-layout .document-scroll{scrollbar-gutter:stable}.outline{border-left:1px solid var(--line);flex-direction:column;flex:none;gap:1px;width:220px;padding:8px 6px;display:flex;overflow-y:auto}.menu .outline{border-left:0;width:auto;min-width:200px;max-width:280px;max-height:50vh;padding:0}.outline-item{text-align:left;padding:5px 8px 5px calc(8px + var(--depth,0) * 12px);border-radius:var(--radius-row);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}@media (hover:hover){.outline-item:hover{background:var(--selected);color:var(--text)}}.document{width:100%;max-width:816px;margin:0 auto;padding:48px 84px max(80px,30vh)}.document-scroll.narrow-body .document{padding-right:24px}.document.align-left{margin-left:0}.document.align-right{margin-right:0}.document-meta{color:var(--muted);font-size:var(--font-size-small);flex-wrap:wrap;align-items:center;gap:4px;min-height:22px;margin-bottom:6px;display:flex}.document-meta .chip{color:var(--muted);background:0 0;min-width:0;padding:0 8px 0 0}@media (hover:hover){.document-meta .chip.more-tags:hover{color:var(--text)}}.document-meta-end{flex-wrap:wrap;justify-content:flex-end;column-gap:12px;margin-left:auto;display:inline-flex}.chip{background:var(--tag);font-size:var(--font-size-small);color:var(--text);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:2px 8px;display:inline-flex}.field-row{gap:8px;display:flex}.field-row input{flex:1}.plugin-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plugin-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.plugin-summary{flex:1;min-width:220px}.plugin-summary p{overflow-wrap:anywhere;margin:2px 0 0}.dialog.plugin-review{--dialog-width:620px}.plugin-facts{grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;display:grid}.plugin-facts dt{color:var(--muted);font-size:var(--font-size-small)}.plugin-facts dd{overflow-wrap:anywhere;margin:0}.plugin-facts ul{margin:0;padding-left:18px}.plugin-facts code{font-size:var(--font-size-small)}.space-switcher{border:1px solid var(--line);border-radius:var(--radius-control);width:100%;min-height:30px;color:var(--text);font-size:var(--font-size-small);text-align:left;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:4px 10px;display:flex}@media (hover:hover){.space-switcher:hover{background:var(--selected)}}.space-switcher .nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-switcher svg{color:var(--muted);flex:none}.space-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.space-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}.space-list .space-name{overflow-wrap:anywhere;flex:1;min-width:0}.due-mark{color:var(--accent);white-space:nowrap}.due-mark-icon{font-size:0}.due-mark-icon:before{content:"";vertical-align:-2px;width:14px;height:14px;-webkit-mask:var(--due-mark-icon) center / contain no-repeat;-webkit-mask:var(--due-mark-icon) center / contain no-repeat;mask:var(--due-mark-icon) center / contain no-repeat;--due-mark-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2'/%3E%3Cpath d='M5 3 2 6'/%3E%3Cpath d='m22 6-3-3'/%3E%3Cpath d='M6.38 18.7 4 21'/%3E%3Cpath d='M17.64 18.67 20 21'/%3E%3C/svg%3E");background:currentColor;margin-right:4px;display:inline-block}.chip.due-chip{cursor:pointer}@media (hover:hover){.chip.due-chip:hover:not(:disabled){color:var(--accent)}}.reminders-view{flex-direction:column;gap:18px;width:min(760px,100%);margin:0 auto;padding:28px 24px 60px;display:flex}.reminders-header{align-items:center;gap:10px;display:flex}.reminders-header h1{font-size:var(--font-size-title);flex:1}.reminders-group h2{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.reminders-group.overdue h2{color:var(--danger)}.reminders-group ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reminder-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 4px;display:flex}.reminder-row .reminder-note-mark{color:var(--muted);flex:none}.reminder-row input[type=checkbox]{flex:none}.reminder-row>:is(input[type=checkbox],.reminder-note-mark){margin-top:calc((1lh - var(--checkbox-size)) / 2);align-self:flex-start}.reminder-text{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reminder-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reminder-row time{color:var(--muted);font-size:var(--font-size-small);flex:none}.reminders-group.overdue .reminder-row time{color:var(--danger)}.reminders-group.done .reminder-text span:first-child{color:var(--muted);text-decoration:line-through}.unsynced-dot{background:var(--accent);vertical-align:middle;border-radius:50%;flex:none;width:6px;height:6px;margin-right:6px;display:inline-block}.chip.unsynced{background:var(--accent-soft);color:var(--accent)}.document-meta .chip.unsynced{margin-right:8px;padding:0 8px}.title-input{letter-spacing:.02em;resize:none;overflow-wrap:anywhere;background:0 0;border:0;outline:0;width:100%;margin-bottom:20px;padding:0;font-size:30px;font-weight:700;line-height:1.4;display:block;overflow:hidden}.title-input::placeholder{color:var(--muted);opacity:.6}.trash-banner{background:var(--tag);border-radius:var(--radius-control);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.trash-banner .actions{gap:6px;margin-left:auto;display:flex}.template-banner{flex-wrap:wrap}.template-banner-text{flex-direction:column;flex:240px;gap:2px;min-width:0;display:flex}.template-banner .hint{color:inherit;line-height:1.6}.empty-state{color:var(--muted);text-align:center;margin:auto;padding:40px}.main .empty-state{flex-direction:column;align-items:center;gap:12px;display:flex}.main .empty-state .primary-button{align-items:center;gap:6px;display:inline-flex}.ProseMirror{font-size:var(--editor-font-size);line-height:var(--editor-line-height,1.85);letter-spacing:var(--editor-letter-spacing,.02em);--block-gap:calc(var(--editor-font-size) * .4);--block-gap-loose:var(--editor-font-size);--list-indent:24px;outline:0;min-height:240px}.ProseMirror p+p{margin-top:var(--block-gap)}.ProseMirror :is(ul,ol){margin:var(--block-gap) 0}.ProseMirror li :is(ul,ol){margin:0}.ProseMirror :is(pre,blockquote,.tableWrapper,.callout,.columns,.math-block,.mermaid-diagram,.note-query,.block-embed,.drawing,.embed,.attachment-image,.attachment-file){margin-top:var(--block-gap-loose);margin-bottom:var(--block-gap-loose)}.ProseMirror hr{border:0;border-top:1px solid var(--line);margin:calc(var(--block-gap-loose) * 1.5) 0}.ProseMirror>:first-child,.ProseMirror :is(blockquote,.callout,td,th,.column)>:first-child{margin-top:0}.ProseMirror :is(blockquote,.callout,td,th,.column)>:last-child{margin-bottom:0}.ProseMirror p.is-editor-empty:first-child:before,.ProseMirror p.empty-column:before{content:attr(data-placeholder);color:var(--muted);opacity:.6;float:left;pointer-events:none;height:0}.ProseMirror h1{letter-spacing:.02em;margin:1.375em 0 .45em;font-size:1.6em}.ProseMirror h2{letter-spacing:.02em;margin:1.275em 0 .4em;font-size:1.3em}.ProseMirror h3{margin:1.1em 0 .35em;font-size:1.12em}.ProseMirror li,.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{position:relative}.ProseMirror .fold-toggle{width:16px;height:1.7em;border-radius:var(--radius-row);height:1lh;color:var(--muted);opacity:0;place-items:center;display:grid;position:absolute;top:0;left:-44px}.ProseMirror .fold-toggle:not(.collapsed)>svg{transform:rotate(90deg)}.ProseMirror .fold-toggle.collapsed,.ProseMirror .fold-toggle.shown-for-hovered-block,.ProseMirror .fold-toggle:focus-visible,.ProseMirror li:hover>.fold-toggle,.ProseMirror li:hover>div>.fold-toggle,.ProseMirror :is(h1,h2,h3,h4,h5,h6):hover>.fold-toggle{opacity:1}.ProseMirror h1>.fold-toggle,.ProseMirror h2>.fold-toggle,.ProseMirror h3>.fold-toggle,.ProseMirror h4>.fold-toggle,.ProseMirror h5>.fold-toggle,.ProseMirror h6>.fold-toggle{left:-20px}.phone .ProseMirror :is(h1,h2,h3,h4,h5,h6)>.fold-toggle,.phone .ProseMirror ul[data-type=taskList]>li>div>.fold-toggle{width:14px;left:-17px}.phone .ProseMirror li>.fold-toggle{width:14px;left:-42px}.ProseMirror .zoom-hidden{display:none}.ProseMirror ul.zoom-path,.ProseMirror ol.zoom-path{margin:0;padding-left:0}.ProseMirror li.zoom-path,.ProseMirror li.zoomed-item{list-style:none}.ProseMirror li.zoom-path>.fold-toggle,.ProseMirror li.zoom-path>label,.ProseMirror li.zoomed-item>.fold-toggle{display:none}.ProseMirror li.zoomed-item>p:first-of-type,.ProseMirror li.zoomed-item>div>p:first-of-type{font-size:1.3em;font-weight:700}.note-editor{display:contents}.note-editor.zoomed-view{z-index:var(--layer-zoomed-view);background:var(--panel);flex-direction:column;display:flex;position:fixed;inset:0}.zoomed-view-top{flex:none;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.zoom-back{min-width:0;max-width:min(480px,100%);height:var(--control-height);border-radius:var(--radius-row);color:var(--muted);font-size:var(--font-size-ui);align-items:center;gap:2px;padding:0 10px 0 4px;display:inline-flex}.zoom-back>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zoom-back>svg{flex:none}@media (hover:hover){.zoom-back:hover{background:var(--selected);color:var(--text)}}.phone-back.zoom-back{color:inherit;max-width:100%;height:auto;padding:0}.ProseMirror ul:not([data-type=taskList]),.ProseMirror ol{cursor:pointer}.ProseMirror li>*{cursor:text}.ProseMirror .section-zoom{border-radius:var(--radius-row);width:20px;height:20px;color:var(--muted);opacity:0;place-items:center;display:grid;position:absolute;top:calc(.5lh - 10px);left:-42px}.phone .ProseMirror .section-zoom{width:18px;left:auto;right:0}.phone .ProseMirror :is(h1,h2,h3,h4,h5,h6){padding-right:22px}.ProseMirror .section-zoom.shown-for-hovered-block,.ProseMirror :is(h1,h2,h3,h4,h5,h6):hover>.section-zoom,.ProseMirror .section-zoom:focus-visible{opacity:1}@media (hover:hover){.ProseMirror .section-zoom:hover{background:var(--selected);color:var(--accent)}}@media (hover:none){.ProseMirror .section-zoom{opacity:.45}}.ProseMirror li.collapsed-item>ul,.ProseMirror li.collapsed-item>ol,.ProseMirror li.collapsed-item>div>ul,.ProseMirror li.collapsed-item>div>ol,.ProseMirror .folded-block{display:none}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:14px 0 5px}.ProseMirror h4{font-size:1.05em;font-weight:700}.ProseMirror h5{color:var(--muted);font-size:1em;font-weight:700}.ProseMirror h6{color:var(--muted);font-size:.9em;font-weight:600}.ProseMirror ul,.ProseMirror ol{padding-left:var(--list-indent)}.ProseMirror li{margin:.1em 0}.ProseMirror ol{list-style-type:decimal}.ProseMirror :is(ol,ul) ol{list-style-type:lower-alpha}.ProseMirror :is(ol,ul) :is(ol,ul) ol{list-style-type:lower-roman}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) ol{list-style-type:decimal}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) ol{list-style-type:lower-alpha}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) ol{list-style-type:lower-roman}.ProseMirror ul:not([data-type=taskList]){list-style-type:disc}.ProseMirror :is(ol,ul) ul:not([data-type=taskList]){list-style-type:circle}.ProseMirror :is(ol,ul) :is(ol,ul) ul:not([data-type=taskList]){list-style-type:square}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) ul:not([data-type=taskList]){list-style-type:disc}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) ul:not([data-type=taskList]){list-style-type:circle}.ProseMirror :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) :is(ol,ul) ul:not([data-type=taskList]){list-style-type:square}.ProseMirror li::marker{color:var(--muted)}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.ProseMirror ul[data-type=taskList] li>label{height:1.7em;flex:none;align-items:center;height:1lh;display:flex}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{color:var(--muted);text-decoration:line-through}.ProseMirror ul[data-type=taskList] li>div{flex:1}.ProseMirror .callout{border-left:3px solid var(--callout-color);background:color-mix(in srgb, var(--callout-color) 12%, transparent);border-radius:var(--radius-control);padding:8px 13px}.ProseMirror .callout[data-callout=note]{--callout-color:var(--accent)}.ProseMirror .callout[data-callout=tip]{--callout-color:var(--ok)}.ProseMirror .callout[data-callout=warning]{--callout-color:var(--bookmark)}.ProseMirror .callout[data-callout=danger]{--callout-color:var(--danger)}.ProseMirror blockquote{border-left:2px solid var(--line);color:var(--muted);padding:2px 0 2px 15px}.ProseMirror code{font-family:var(--font-mono);background:var(--tag);border-radius:var(--radius-inline);padding:2px 6px;font-size:.86em}.ProseMirror pre{font-family:var(--font-mono);background:var(--tag);border-radius:var(--radius-control);padding:11px 15px;font-size:.875em;line-height:1.6;overflow-x:auto}.document .ProseMirror pre{white-space:pre}.ProseMirror pre code{font-size:inherit;background:0 0;padding:0}.ProseMirror a{color:var(--accent)}.ProseMirror pre .hljs-comment,.ProseMirror pre .hljs-quote{color:var(--muted);font-style:italic}.ProseMirror pre .hljs-keyword,.ProseMirror pre .hljs-selector-tag,.ProseMirror pre .hljs-built_in,.ProseMirror pre .hljs-type{color:var(--accent)}.ProseMirror pre .hljs-string,.ProseMirror pre .hljs-regexp,.ProseMirror pre .hljs-addition{color:var(--ok)}.ProseMirror pre .hljs-number,.ProseMirror pre .hljs-literal,.ProseMirror pre .hljs-deletion{color:var(--danger)}.ProseMirror pre .hljs-title,.ProseMirror pre .hljs-section,.ProseMirror pre .hljs-attr,.ProseMirror pre .hljs-attribute{color:color-mix(in srgb, var(--accent) 60%, var(--text));font-weight:600}.ProseMirror .tableWrapper{padding:1px;overflow-x:auto}.ProseMirror table{border-collapse:collapse;min-width:100%}.ProseMirror th,.ProseMirror td{border:1px solid var(--line);vertical-align:top;text-align:left;min-width:72px;padding:5px 10px;position:relative}.ProseMirror :is(th,td){line-height:1.7}.ProseMirror th{background:var(--tag);font-weight:600}.ProseMirror .selectedCell:after{content:"";background:color-mix(in srgb, var(--accent) 18%, transparent);pointer-events:none;position:absolute;inset:0}.ProseMirror .column-resize-handle{background:var(--accent);pointer-events:none;width:3px;position:absolute;top:0;bottom:-1px;right:-2px}.ProseMirror.resize-cursor{cursor:col-resize}.ProseMirror .filtered-out-row{display:none}.ProseMirror .rows-filtered{outline:2px dashed var(--accent);outline-offset:2px}.table-menu .menu-item{padding-top:5px;padding-bottom:5px}.note-link button{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-row);vertical-align:baseline;align-items:center;gap:4px;max-width:100%;padding:0 6px;display:inline-flex}.note-link.trashed button,.note-link.missing button{color:var(--muted);background:var(--tag)}.note-link.ProseMirror-selectednode button{outline:2px solid var(--accent)}.note-link-preview{z-index:var(--layer-preview);background:var(--raised);width:min(320px,100vw - 16px);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);pointer-events:none;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:fixed}.web-link-popover{z-index:var(--layer-in-pane);background:var(--raised);max-width:min(420px,100%);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);font-size:var(--font-size-small);letter-spacing:0;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;padding:4px 4px 4px 10px;line-height:1.5;display:flex;position:absolute}.web-link-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-right:6px;overflow:hidden}.note-link-preview-title{font-weight:700;font-size:var(--font-size-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-link-preview-text{font-size:var(--font-size-small);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:8;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.note-link-preview-empty{color:var(--muted);font-size:var(--font-size-small)}.ProseMirror .revealed-block{border-radius:var(--radius-inline);animation:2.4s ease-out revealed-block-fade}@keyframes revealed-block-fade{0%{background:var(--accent-soft)}to{background:0 0}}.menu.slash-menu{scrollbar-width:none;width:280px;min-width:280px;overflow-y:auto}.slash-menu::-webkit-scrollbar{display:none}.slash-menu .menu-item{padding-top:5px;padding-bottom:5px}.slash-menu .menu-item.on{background:var(--selected)}.slash-menu .menu-empty{color:var(--muted);padding:6px 10px}.slash-menu .menu-heading{padding:8px 10px 3px}.slash-menu>.slash-menu-group:first-child>.menu-heading{padding-top:4px}.slash-menu-label{flex-direction:column;min-width:0;line-height:1.35;display:flex}.slash-menu-name,.slash-menu-description{text-overflow:ellipsis;overflow:hidden}.slash-menu-description{color:var(--muted);font-size:var(--font-size-small)}.slash-menu .menu-item>kbd.slash-menu-shortcut{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--muted);opacity:.75;background:0 0;border:0;padding:0}.slash-menu-fade{background:linear-gradient(to bottom, transparent, var(--raised));pointer-events:none;opacity:0;height:24px;margin:-24px -6px -6px;position:sticky;bottom:-6px}.slash-menu-fade.shown{opacity:1}.notebook-icon{flex:none}.choice-grid{flex-wrap:wrap;gap:6px;display:flex}.choice{min-width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);border:1px solid var(--line);color:var(--text);place-items:center;padding:0 8px;display:grid}.choice.swatch{width:var(--control-height);border-color:#0000;padding:0}.choice.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.choice.swatch.on{box-shadow:var(--ring-selected)}.color-choices{max-width:300px;padding:6px}.table-menu-choices{padding:4px 6px}.color-choices .choice.swatch{width:26px;min-width:26px;height:26px;color:var(--muted);border-color:var(--line)}.ProseMirror mark{color:inherit;border-radius:var(--radius-inline);padding:0 1px}.search-match{background:color-mix(in srgb, var(--bookmark) 35%, transparent);border-radius:var(--radius-inline)}.search-match.active{background:var(--bookmark);color:var(--on-bookmark)}.find-bar{grid-template-columns:var(--control-height-compact) minmax(0, 1fr) auto;border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px 6px;padding:6px 14px;display:grid}.find-row{display:contents}.find-controls{justify-content:flex-end;align-items:center;gap:4px;display:flex}.find-row .text-button{height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);flex:none;padding:0 10px}.find-row .text-button:disabled{color:var(--muted)}.find-bar input{width:100%;min-width:0;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);padding:0 10px}.find-bar input.invalid{border-color:var(--danger)}.find-count{color:var(--muted);font-size:var(--font-size-small);text-align:center;white-space:nowrap;min-width:48px}.find-error{color:var(--danger);font-size:var(--font-size-small);grid-column:2/-1}.search-scope{text-align:left;color:var(--accent);font-size:var(--font-size-small);padding:4px 8px;line-height:1.5}.search-scope-switch{margin:2px 8px 4px}.shortcut-list{gap:6px;display:grid}.shortcut-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.shortcut-list dd{align-items:center;gap:4px;margin:0;display:flex}.shortcut-keys{min-width:120px;height:var(--control-height-compact);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font-size:var(--font-size-small);padding:0 8px}@media (hover:hover){.shortcut-keys:hover{border-color:var(--muted)}}.shortcut-keys.recording{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.shortcut-keys kbd{font:inherit;background:0 0;border:0;padding:0}.shortcut-message{flex-basis:100%;margin:0}kbd{font:inherit;font-size:var(--font-size-small);background:var(--tag);border:1px solid var(--line);border-radius:var(--radius-inline);white-space:nowrap;padding:1px 6px}.passphrase-generator{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.generated-passphrase{background:var(--tag);border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.generated-passphrase code{font-family:var(--font-mono);letter-spacing:.04em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:15px}.generated-passphrase .hint{flex-basis:100%;line-height:1.6}.toast{--toast-area-left:0px;--toast-area-right:0px;left:calc(var(--toast-area-left) + 16px);right:calc(var(--toast-area-right) + 16px);width:fit-content;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:var(--layer-toast);background:var(--text);color:var(--panel);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);align-items:center;gap:14px;max-width:calc(100% - 32px);margin-inline:auto;padding:10px 14px;display:flex;position:fixed}:root:has(.workspace:not(.focus-mode,.note-window)) .toast{--toast-area-left:var(--sidebar-width)}:root:has(.workspace.with-ai-chat) .toast{--toast-area-right:var(--ai-chat-width)}:root:has(.note-editor.zoomed-view) .toast{--toast-area-left:0px;--toast-area-right:0px}.toast button{color:inherit;flex:none;font-weight:700;text-decoration:underline}.toast-message{overflow-wrap:anywhere;min-width:0}:root:has(.phone) .toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.dialog.note-picker{--dialog-width:480px;max-height:min(560px,90%)}.note-picker .sidebar-search{flex:none;margin-bottom:0}.dialog.command-palette{--palette-top:12vh;margin-top:var(--palette-top);max-height:min(560px, calc(100% - var(--palette-top)));align-self:start}.note-picker .menu-item.on{background:var(--selected)}.command-palette .palette-item-icon{color:var(--muted);flex:none}.command-palette .palette-item-hint{color:var(--muted);font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;max-width:50%;margin-left:auto;overflow:hidden}.command-palette .menu-heading:not(:first-child){margin-top:4px}.note-picker-list{flex-direction:column;min-height:80px;display:flex;overflow-y:auto}.note-picker-list .nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-item.notebook-choice{cursor:pointer;padding-left:calc(10px + var(--depth,0) * (var(--checkbox-size) + 10px))}.notebook-choice.ancestor-only{color:var(--muted)}.notebook-choice input:focus-visible{outline:none}.notebook-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.dialog.note-history{--dialog-width:760px;max-height:min(620px,92%)}.note-history-body{flex:1;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:0;display:grid}.note-history-list{border:1px solid var(--line);border-radius:var(--radius-control);flex-direction:column;padding:4px;display:flex;overflow-y:auto}.note-history-list .menu-item.on{background:var(--selected)}.note-history-list .menu-item span{flex-direction:column;gap:2px;display:flex}.note-history-preview{border:1px solid var(--line);border-radius:var(--radius-control);flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.note-history-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}@media (width<=760px){:root{--font-size-ui:14px;--font-size-heading:16px;--font-size-list-title:15px}.ProseMirror .columns{grid-auto-flow:row}.note-history-body{grid-template-rows:minmax(90px,30%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}}.attachment-image{border-radius:var(--radius-control);background:var(--tag);min-height:60px;position:relative;overflow:hidden}.attachment-image img{max-width:100%;height:auto;margin:0 auto;display:block}.attachment-image .file-name{color:var(--caption-text);font-size:var(--font-size-caption);background:var(--caption-background);border-radius:var(--radius-inline);padding:2px 6px;position:absolute;bottom:8px;left:10px}.attachment-image .placeholder{color:var(--muted);text-align:center;padding:20px}.attachment-file{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--canvas);align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.attachment-file-icon{color:var(--muted);flex:none}.attachment-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.attachment-file-size{color:var(--muted);font-size:var(--font-size-small);white-space:nowrap;margin-left:auto}.ProseMirror hr.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-inline)}.attachment-file.ProseMirror-selectednode,.attachment-image.ProseMirror-selectednode{outline:2px solid var(--accent)}.attachment-image:is(.loaded,.sized){width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.attachment-image.sized img{max-width:100%}.image-resize-handle{background:var(--panel);border:2px solid var(--accent);cursor:nwse-resize;opacity:0;touch-action:none;border-radius:4px;width:16px;height:16px;position:absolute;bottom:6px;right:6px}.attachment-image:hover .image-resize-handle,.attachment-image.selected .image-resize-handle,.image-resize-handle:focus-visible{opacity:1}@media (pointer:fine){.image-resize-handle:before{content:"";position:absolute;inset:-8px}}.menu{z-index:var(--layer-menu);color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--elevation-popover);overscroll-behavior:contain;scrollbar-width:thin;min-width:200px;max-width:min(420px,100vw - 16px);padding:6px;position:fixed;overflow-y:auto}.menu:focus{outline:none}.menu .menu-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-item{border-radius:var(--radius-row);text-align:left;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}@media (hover:hover){.menu-item:hover:not(:disabled){background:var(--selected)}}.menu .active-descendant{background:var(--selected);outline:2px solid var(--accent);outline-offset:-2px}.menu-item:active:not(:disabled){background:var(--pressed)}.menu-item.danger{color:var(--danger)}.menu-separator{background:var(--line);height:1px;margin:4px 0}.menu-heading{padding:6px 10px 2px}.menu-check{color:var(--accent);margin-left:auto}.menu-item>kbd{color:var(--muted);font-size:var(--font-size-caption);margin-left:auto;line-height:1}.menu-group:empty{display:none}.menu-group:not(:empty)~.menu-group:not(:empty){border-top:1px solid var(--line);margin-top:4px;padding-top:4px}:root[data-scheme=dark] .dialog{border-color:var(--line)}.dialog-backdrop{z-index:var(--layer-dialog);background:var(--overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.dialog-backdrop{animation:appear-fade var(--duration-enter) var(--ease-enter)}.dialog,.toast{animation:appear-rise var(--duration-enter) var(--ease-enter)}.dialog-backdrop.leaving,.toast.leaving{animation:disappear-fade var(--duration-exit) var(--ease-exit) forwards}.dialog-backdrop.leaving .dialog,.dialog.command-palette{animation:none}.dialog-backdrop:has(>.command-palette){animation:none}}.dialog-backdrop.leaving,.toast.leaving{pointer-events:none}@keyframes appear-fade{0%{opacity:0}}@keyframes appear-rise{0%{opacity:0;transform:scale(.98)}}@keyframes disappear-fade{to{opacity:0}}.dialog{background:var(--raised);border-radius:var(--radius-dialog);width:min(var(--dialog-width,420px), 100%);max-height:100%;box-shadow:var(--elevation-dialog);border:1px solid #0000;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.dialog-form{display:contents}.dialog p{line-height:1.6}.dialog-title{font-size:var(--font-size-heading);overflow-wrap:anywhere;font-weight:700}.dialog .dialog-description{color:var(--muted);font-size:var(--font-size-small);margin-top:-8px}.dialog:focus{outline:none}.dialog-input{height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);width:100%;padding:0 10px}.danger-button.filled{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.notice{background:var(--accent-soft);border-radius:var(--radius-control);align-items:flex-start;gap:8px;margin-bottom:14px;padding:8px 8px 8px 12px;line-height:1.6;display:flex}.notice .icon-button{margin-left:auto}.entry{--entry-card-top:12vh;--entry-card-padding:28px;height:100%;padding:max(var(--entry-card-top), env(safe-area-inset-top)) 16px 24px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:start center;display:grid;overflow:hidden}.entry.unlock-entry{padding-top:max(24px, env(safe-area-inset-top));align-items:center}.entry-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-dialog);width:min(520px,100%);max-height:100%;padding:var(--entry-card-padding) var(--entry-card-padding) 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.entry-card>.form-actions{z-index:var(--layer-sticky);margin:0 calc(var(--entry-card-padding) * -1);padding:14px var(--entry-card-padding) 20px;background:var(--panel);border-top:1px solid var(--line);position:sticky;bottom:0}.entry-brand{min-height:28px;font-weight:700;font-size:var(--font-size-heading);flex:none;align-items:center;gap:10px;display:flex}.entry-card h1{font-size:var(--font-size-title);align-items:center;gap:10px;display:flex}.entry-card p.description{color:var(--muted);line-height:1.6}.segmented{background:var(--tag);border-radius:var(--radius-control);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{border-radius:var(--radius-row);color:var(--muted);min-width:0;padding:6px}@media (hover:hover){.segmented button:not(.on,[aria-checked=true],[aria-selected=true]):hover{color:var(--text)}}.segmented button:is(.on,[aria-checked=true],[aria-selected=true]){background:var(--panel);color:var(--text);box-shadow:var(--elevation-selected);font-weight:600}.segmented.compact{border-radius:var(--radius-row);gap:2px;padding:2px}.segmented.compact button{border-radius:var(--radius-inline);font-size:var(--font-size-small);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;overflow:hidden}.field{flex-direction:column;gap:4px;display:flex}.field label:not(.checkbox-line),.field .field-label{font-weight:600;font-size:var(--font-size-small)}.entry-card .field>label:not(.checkbox-line),.entry-card .field-label,.entry-card .segmented button.on{font-weight:500}.field input:not([type=checkbox]),.setting-row input:not([type=checkbox]){width:100%;min-width:0;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);padding:0 10px}.field select,.setting-row select{width:100%;min-width:0;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);padding:0 8px}.field input[type=file]{height:auto;padding:6px 8px}.file-choice{align-items:center;gap:10px;min-width:0;display:flex}.file-choice-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:var(--font-size-small);overflow:hidden}.field input:not([type=checkbox]):focus,.setting-row input:not([type=checkbox]):focus{border-color:var(--accent);outline:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-line{align-items:flex-start;gap:8px;line-height:1.5;display:flex}.checkbox-line input{margin-top:calc((1.5em - var(--checkbox-size)) / 2)}input[type=checkbox].switch{appearance:none;width:var(--switch-width);height:var(--switch-height);background:color-mix(in srgb, var(--text) 24%, var(--panel));cursor:pointer;border-radius:999px;flex:none;margin:0;position:relative}input[type=checkbox].switch:before{content:"";width:calc(var(--switch-height) - 4px);height:calc(var(--switch-height) - 4px);background:var(--switch-knob);box-shadow:0 1px 2px var(--shadow-knob);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox].switch:checked{background:var(--accent)}input[type=checkbox].switch:checked:before{left:calc(var(--switch-width) - var(--switch-height) + 2px)}input[type=checkbox].switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox].switch:disabled{cursor:default;opacity:.55}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:var(--radius-control);padding:8px 10px;line-height:1.5}.form-success{color:var(--ok)}.progress-status{color:var(--muted);font-size:var(--font-size-small);flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.5;display:inline-flex}.progress-bar{--progress-bar-height:4px;width:96px;height:var(--progress-bar-height);border-radius:calc(var(--progress-bar-height) / 2);background:var(--line);flex:none;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;display:block}.document>.progress-status{margin-bottom:14px}.form-notice{background:var(--accent-soft);border-radius:var(--radius-control);padding:8px 10px;line-height:1.5}.sync-target-result,.sync-overview{flex-direction:column;gap:10px;display:flex}.sync-target-result .hint,.sync-overview .hint{line-height:1.6}.sync-target-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sync-target-editor{flex-direction:column;gap:12px;display:flex}.sync-setup-import,.sync-setup-export-entry{flex-direction:column;gap:10px;display:flex}.sync-setup-import .hint,.sync-setup-export-entry .hint{line-height:1.6}.sync-setup-import-buttons{flex-wrap:wrap;gap:8px;display:flex}.settings-actions,.settings .sync-setup-import-buttons{grid-template-columns:max-content;justify-content:end;gap:8px;display:grid}.settings-actions>button,.settings .sync-setup-import-buttons>button{justify-content:center}.settings-actions>:not(button){justify-self:end}.phone .settings-actions,.phone .settings .sync-setup-import-buttons{grid-template-columns:minmax(0,1fr);justify-content:stretch}.sync-setup-import-buttons button{align-items:center;gap:6px;display:inline-flex}.dialog.sync-setup-export{--dialog-width:480px}.sync-setup-qr{border-radius:var(--radius-control);background:#fff;align-self:center;width:min(100%,360px)}.dialog.qr-code-scanner{--dialog-width:480px}.qr-code-scanner-video{border-radius:var(--radius-control);object-fit:contain;background:#000;width:100%;max-height:60vh}.found-folders{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.found-folders .hint{flex-basis:100%}.found-folder-list{flex-wrap:wrap;gap:8px;max-width:100%;max-height:180px;display:flex;overflow-y:auto}.found-folder-list .secondary-button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.primary-button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-control);height:var(--control-height);white-space:nowrap;font-weight:600;font-size:var(--font-size-ui);padding:0 16px}.secondary-button{border:1px solid var(--line);border-radius:var(--radius-control);height:var(--control-height);background:var(--panel);white-space:nowrap;font-size:var(--font-size-ui);padding:0 12px}.danger-button{color:var(--danger);border:1px solid var(--line);border-radius:var(--radius-control);height:var(--control-height);white-space:nowrap;font-size:var(--font-size-ui);padding:0 12px}.primary-button,.secondary-button,.danger-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.primary-button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--text))}}.primary-button:active:not(:disabled){background:color-mix(in srgb, var(--accent) 76%, var(--text))}@media (hover:hover){.secondary-button:hover:not(:disabled),.danger-button:not(.filled):hover:not(:disabled){background:var(--selected)}}.secondary-button:active:not(:disabled),.danger-button:not(.filled):active:not(:disabled){background:var(--pressed)}@media (hover:hover){.danger-button.filled:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, var(--text))}}.danger-button.filled:active:not(:disabled){background:color-mix(in srgb, var(--danger) 76%, var(--text))}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.form-actions>.danger-button:first-child:not(:only-child){margin-inline-end:auto}.about-artwork{border-radius:var(--radius-dialog);width:100%;max-width:520px;height:auto;display:block}.about-section .about-name{color:var(--text);font-size:var(--font-size-title);font-weight:700}.about-actions{flex-wrap:wrap;gap:8px;display:flex}.about-back{color:var(--accent);align-items:center;gap:4px;margin-bottom:12px;display:inline-flex}.data-handling>div{flex-direction:column;gap:6px;display:flex}.data-handling p{line-height:1.7}.license-search{width:100%;max-width:360px;height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);padding:0 10px}.license-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.license-list li{border-bottom:1px solid var(--line)}.license-text summary{cursor:pointer;overflow-wrap:anywhere;padding:6px 0}.license-package-name{font-weight:600}.license-package-license{color:var(--muted);font-size:var(--font-size-small);margin-left:8px}.license-package-detail{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:10px;display:flex}.license-package-detail .text-button{color:var(--accent);padding:2px 0}.license-text pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-small);border:1px solid var(--line);border-radius:var(--radius-control);box-sizing:border-box;width:100%;max-height:360px;padding:10px 12px;line-height:1.5;overflow-y:auto}.update-check{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.settings{flex-direction:column;gap:28px;width:100%;max-width:860px;margin:0 auto;padding:28px 56px 80px;display:flex}.settings h1{font-size:var(--font-size-title)}.settings-section{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:18px;display:flex}.settings-section h2{font-size:var(--font-size-heading)}.settings-section h3{font-size:var(--font-size-ui);font-weight:600}.settings-revealed{border-radius:var(--radius-row);animation:1.6s ease-out settings-revealed-fade}@keyframes settings-revealed-fade{0%{background:var(--accent-soft);box-shadow:0 0 0 6px var(--accent-soft)}to{background:0 0;box-shadow:0 0 0 6px #0000}}.settings>.settings-section:first-child{border-top:0;padding-top:0}.setting-row{--setting-row-label-line-height:calc(var(--font-size-small) * 1.5);container:setting-row/inline-size}.setting-row-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""control""hint";align-items:center;display:grid}.setting-row-label{font-weight:600;font-size:var(--font-size-small);line-height:var(--setting-row-label-line-height);grid-area:label}.setting-row-hint{color:var(--muted);font-size:var(--font-size-small);grid-area:hint;margin-top:4px;line-height:1.5}.setting-row-control{grid-area:control;min-width:0;margin-top:4px}.setting-checkbox-row .setting-row-layout{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"control label"".hint";align-items:start;column-gap:8px}.setting-checkbox-row .setting-row-control{height:var(--setting-row-label-line-height);align-items:center;margin-top:0;display:flex}@container setting-row (width>=440px){.setting-row-layout,.setting-checkbox-row .setting-row-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(var(--control-height), auto) auto;grid-template-areas:"label control""hint.";align-items:center;column-gap:24px}.setting-row-hint{margin-top:0}.setting-row-control{justify-self:end;max-width:min(320px,45cqi);margin-top:0}.setting-row select{text-overflow:ellipsis;width:240px;max-width:100%}.setting-row input[type=number]{width:96px}}.inactivity-lock-amount .field-row{align-items:center}.inactivity-lock-amount input[type=number]{flex:0 120px}.inactivity-lock-amount select{flex:none;width:auto}.settings-layout{flex:1;min-height:0;display:flex}.settings-navigation{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:200px;padding:24px 10px;display:flex;overflow-y:auto}.settings-navigation h1{font-size:var(--font-size-title);padding:0 8px 14px}.settings-navigation .nav svg{color:var(--muted);flex:none}.settings-navigation .nav.active svg{color:var(--accent)}.settings-page-list{border-top:1px solid var(--line)}.settings-page-list .library-row svg{color:var(--muted);flex:none}.settings-page-list .settings-page-list-chevron{margin-left:auto}.settings-section p{color:var(--muted);line-height:1.6}.unreadable-records{flex-direction:column;gap:8px;display:flex}.unreadable-records ul{margin:6px 0 0;padding-left:18px}.unreadable-records code{font-family:var(--font-mono);font-size:var(--font-size-small);overflow-wrap:anywhere}.settings pre{font-family:var(--font-mono);background:var(--tag);border-radius:var(--radius-control);font-size:var(--font-size-small);padding:10px 12px;overflow-x:auto}details summary{cursor:pointer;color:var(--accent)}.theme-choices{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.theme-choice{border:1px solid var(--line);border-radius:var(--radius-panel);text-align:left;background:var(--panel);flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.theme-choice.on{border-color:var(--accent);box-shadow:var(--ring-selected)}.theme-choice-check{background:var(--accent);width:18px;height:18px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.theme-choice-name{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;overflow:hidden}.theme-sample{border-radius:var(--radius-row);border:1px solid var(--line);background:var(--panel);height:62px;color:var(--text);grid-template-columns:30% 1fr;display:grid;overflow:hidden}.theme-sample.split{grid-template-columns:1fr 1fr}.theme-sample-sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 6px;display:flex}.theme-sample-sidebar span{background:var(--selected);border-radius:3px;height:5px}.theme-sample-sidebar span:first-child{background:var(--accent)}.theme-sample-body{font-size:var(--font-size-caption);flex-direction:column;gap:4px;min-width:0;padding:8px;line-height:1.2;display:flex}.theme-sample-body .sample-muted{color:var(--muted)}.theme-sample-body .sample-accent{color:var(--accent)}.theme-editor{border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;gap:12px;padding:14px;display:flex}.theme-editor .theme-sample{height:96px}.theme-color-fields{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 14px;display:grid}.theme-color-field{align-items:center;gap:8px;display:flex}.theme-color-field input[type=color]{width:34px;height:var(--control-height-compact);border:1px solid var(--line);border-radius:var(--radius-row);background:0 0;flex:none;padding:0}.phone{background:var(--panel);flex-direction:column;height:100%;display:flex}.phone-top{padding:14px 16px 8px;padding-top:max(14px, env(safe-area-inset-top));flex:none;align-items:center;gap:10px;display:flex}.phone-top h2{font-size:var(--font-size-title);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.phone-top .phone-top-end{color:var(--muted);align-items:center;gap:6px;margin-left:auto;display:flex}.phone-back{align-items:center;gap:2px;font-size:16px;display:flex}.phone-top-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.phone-search{border-radius:var(--radius-control);background:var(--canvas);height:38px;color:var(--muted);flex:none;align-items:center;gap:8px;margin:4px 16px 8px;padding:0 10px;display:flex}.phone-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.chips{scrollbar-width:none;flex:none;gap:6px;padding:0 16px 8px;display:flex;overflow-x:auto}.chips .chip{font-size:var(--font-size-small);white-space:nowrap;padding:6px 12px}.chips .chip.on{background:var(--text);color:var(--panel)}.phone-scroll{flex:1;min-height:0;overflow-y:auto}.phone-list{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.phone-list .phone-scroll{overscroll-behavior-y:contain;transition:transform var(--duration-settle) var(--ease-settle)}.pull-to-sync{height:44px;color:var(--muted);font-size:var(--font-size-small);opacity:0;pointer-events:none;transition:opacity var(--duration-settle) ease-out;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.pull-to-sync svg{transform:rotate(calc(var(--pull-progress,0) * 180deg))}.pull-to-sync[data-state=syncing] svg{animation:1s linear infinite pull-to-sync-spin}@keyframes pull-to-sync-spin{to{transform:rotate(360deg)}}.note-item-row{position:relative;overflow:hidden}.phone-list .note-item-row{content-visibility:auto;contain-intrinsic-size:auto 103px}.note-item-row .note-item{background:var(--panel);touch-action:pan-y;transition:transform var(--duration-settle) var(--ease-settle);position:relative}.swipe-action{font-size:var(--font-size-small);align-items:center;gap:6px;padding:0 20px;font-weight:600;display:none;position:absolute;inset:0}.note-item-row[data-swipe=right] .swipe-action-right{background:var(--accent);color:var(--on-accent);justify-content:flex-start;display:flex}.note-item-row[data-swipe=left] .swipe-action-left{background:var(--danger);color:var(--on-danger);justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){.note-item-row .note-item,.phone-list .phone-scroll,.pull-to-sync{transition:none}}.note-item{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;width:100%;padding:12px 16px;display:grid}.note-item h3{font-size:var(--font-size-list-title);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.note-item-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.note-item h3>:not(.note-item-title){flex:none}.note-item p{color:var(--muted);font-size:var(--font-size-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1;line-height:1.5;display:-webkit-box;overflow:hidden}.note-item .meta{color:var(--muted);font-size:var(--font-size-caption);overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1;align-items:center;gap:2px 10px;display:flex}.note-item .meta-notebook{align-items:center;gap:4px;min-width:0;display:inline-flex}.note-item .meta-notebook>:is(.dot,.notebook-icon){flex:none}.chips .chip .dot,.chips .chip .notebook-icon{margin-right:4px}.chips .chip{flex:none;max-width:70vw}.chips .chip :is(.dot,.notebook-icon){flex:none}.chip-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.note-item .thumb{border-radius:var(--radius-row);object-fit:cover;background:var(--tag);grid-area:1/2/span 3;width:52px;height:52px}.pin{color:var(--accent);flex:none}.library-row{border-bottom:1px solid var(--line);text-align:left;width:100%;font-size:var(--font-size-list-title);align-items:center;gap:10px;padding:13px 16px;display:flex}.library-row .count{color:var(--muted);font-size:var(--font-size-small);flex:none;margin-left:auto}.library-row>svg,.library-row :is(.dot,.notebook-icon){flex:none}.library-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notebook-row{--notebook-depth:0;padding:0 8px 0 calc(16px + var(--notebook-depth) * 18px);gap:4px}.notebook-row-open{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:13px 0;display:flex}.fab{right:18px;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--accent);width:54px;height:54px;color:var(--on-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:16px;place-items:center;display:grid;position:fixed}.tabbar{border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));color:var(--muted);font-size:var(--font-size-caption);background:var(--panel);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabbar button{flex-direction:column;align-items:center;gap:4px;display:flex}.tabbar .on{color:var(--accent);font-weight:600}.phone .document{padding:4px 18px max(80px,30vh)}.phone .title-input{font-size:26px}.phone .editor-bar{border-bottom:0;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));order:2;justify-content:space-between}.phone .settings{padding:8px 16px 40px}.phone-top.phone-top-below-back{padding-top:0}.phone-top .phone-top-end{flex:none}.phone-top .sync-line{flex:none;max-width:52vw;padding:0}.phone .section-title{padding-inline:16px}.phone-search input{appearance:none}.phone-search input::-webkit-search-cancel-button{display:none}.phone-search .icon-button{margin-right:-6px}.phone .search-scope-switch{flex:none;margin:0 16px 8px}.phone .search-scope-switch button{padding:6px 8px}.phone-list .phone-scroll{padding-bottom:88px}.phone .find-bar{grid-template-columns:var(--control-height-compact) minmax(0, 1fr)}.phone .find-controls{grid-column:1/-1;justify-content:flex-end}.phone .note-property label{overflow-wrap:anywhere}.phone .note-property input:not([type=checkbox]),.phone .note-property select{width:100%;min-width:0;max-width:100%}.phone.typewriter-mode .document{padding-bottom:50vh}.phone .reminders-view{padding:4px 16px 40px}.phone .reminders-header{flex-wrap:wrap}.phone .reminders-header h1{flex:1 0 auto}@media (pointer:coarse){:is(.icon-button,.tool,.phone-back,.chips .chip,.tabbar button,.choice.swatch,.footnote-number,.ProseMirror .section-zoom,.attachment-image.selected .image-resize-handle):before,.ProseMirror .fold-toggle:after{content:"";inset:var(--touch-area-inset,-8px);position:absolute}:is(.icon-button,.tool,.phone-back,.chips .chip,.tabbar button,.choice.swatch,.footnote-number){position:relative}.phone-back{--touch-area-inset:-10px -8px;min-height:24px}.chips{margin-top:-8px;padding-top:8px}.chips .chip,.tabbar button{--touch-area-inset:-8px 0}.choice.swatch{--touch-area-inset:-9px}.footnote-number{--touch-area-inset:-8px -11px}.phone .ProseMirror .section-zoom{--touch-area-inset:-12px -18px -12px -4px}.image-resize-handle{--touch-area-inset:-14px}.ProseMirror .fold-toggle{--touch-area-inset:-8px -14px}.phone .ProseMirror :is(h1,h2,h3,h4,h5,h6,ul[data-type=taskList]>li>div)>.fold-toggle{--touch-area-inset:-8px 0 -8px -14px}.menu-item{min-height:44px}}@media (hover:none){.ProseMirror .fold-toggle{opacity:.45}.ProseMirror .fold-toggle.collapsed{opacity:1}}.phone .editor-bar:before,.phone .editor-bar:after{content:"";z-index:var(--layer-sticky);pointer-events:none;opacity:0;flex:none;align-self:stretch;width:40px;position:sticky}.phone .editor-bar:before{background:linear-gradient(to right, var(--panel), transparent);margin-right:-44px;left:-10px}.phone .editor-bar:after{background:linear-gradient(to left, var(--panel), transparent);margin-left:-44px;right:-10px}.phone .editor-bar[data-more-start]:before,.phone .editor-bar[data-more-end]:after{opacity:1}.tool[aria-disabled=true]{opacity:.4}.tool[aria-disabled=true]:hover{background:0 0}@media (width<=760px){.field-grid{grid-template-columns:minmax(0,1fr)}.entry{--entry-card-padding:20px}}@media print{.note-editor.zoomed-view{display:block;position:static}.zoomed-view-top{display:none!important}html,body{height:auto;overflow:visible}#root{height:auto;position:static}.workspace,.phone,.main,.document-area{height:auto;display:block;overflow:visible}.document-scroll{overflow:visible}.document{max-width:none;padding:0}.ProseMirror .columns{margin-left:0;margin-right:0}.section-zoom,.selection-toolbar,.web-link-popover,.block-insert-button,.image-resize-handle,.sidebar,.tabs-bar,.editor-bar,.find-bar,.outline,.backlinks,.block-drag-handle,.ai-chat,.phone-top,.tabbar,.fab,.menu,.dialog-backdrop,.trash-banner,.form-error,.progress-status,.document-meta .unsynced,.update-chip{display:none!important}.search-match,.search-match.active{color:inherit;background:0 0}.ProseMirror p.empty-column:before{content:none}.ProseMirror pre,.ProseMirror table,.attachment-image,.attachment-file{break-inside:avoid}.document .ProseMirror pre{white-space:pre-wrap}}