:root{--space-0:0;--space-025:2px;--space-050:4px;--space-075:6px;--space-100:8px;--space-150:12px;--space-200:16px;--space-250:20px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-800:64px;--space-1000:80px;--layout-min-width:320px;--layout-sidebar-width:256px;--layout-knowledge-panel-width:288px;--layout-editor-width:864px;--layout-menu-width:240px;--layout-menu-max-height:240px;--border-width:1px;--border-width-selected:2px;--border-width-focused:2px;--radius-xsmall:2px;--radius-small:4px;--radius-medium:6px;--radius-large:8px;--radius-xlarge:12px;--radius-xxlarge:16px;--radius-full:999px;--input-min-height:36px;--input-padding-block:var(--space-075);--input-padding-inline:10px;--input-radius:var(--radius-large);--font-family-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading:Iowan Old Style, Baskerville, Georgia, serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs:10px;--font-size-caption:11px;--font-size-small:12px;--font-size-compact:13px;--font-size-label:14px;--font-size-body:15px;--font-size-ui:16px;--font-size-input:var(--font-size-compact);--font-size-heading-small:17px;--font-size-heading:18px;--font-size-heading-medium:21px;--font-size-page-heading:27px;--font-size-heading-large:31px;--font-size-title:40px;--font-weight-normal:400;--font-weight-medium:550;--font-weight-semibold:650;--font-weight-bold:700;--line-height-compact:1.25;--line-height-body:1.5;--line-height-editor:1.55;--color-text:#242528;--color-text-editor:#303136;--color-text-subtle:#5f6166;--color-text-muted:#85868a;--color-text-disabled:#92918b;--color-text-placeholder:#b6b4ad;--color-text-brand:#627c9e;--color-text-primary:var(--color-text);--color-text-secondary:var(--color-text-subtle);--color-text-tertiary:var(--color-text-muted);--color-text-inverse:#fff;--color-icon-muted:#758196;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-overlay:#fffffff5;--color-surface-sticky:#ffffffe6;--color-background-subtle:#f8f8f9;--color-background-neutral:#f6f6f7;--color-background-neutral-hovered:#ededee;--color-background-neutral-pressed:#e4e5e7;--color-background-primary:var(--color-surface);--color-background-secondary:var(--color-background-neutral);--color-border:#e6e6e8;--color-border-subtle:#e6e6e8eb;--color-border-bold:#d8d9dc;--color-border-strong:var(--color-border-bold);--color-border-focused:#8db4df;--color-border-brand:#a9c4e3;--color-border-inverse:#ffffffb3;--color-link:#2f6fbb;--color-accent:var(--color-link);--color-danger:var(--color-tag-red-text);--color-link-pressed:#245b99;--color-background-brand-subtle:#eaf2fc;--color-background-brand-subtlest:#eff6ff;--color-background-brand-subtle-hovered:#dceafa;--color-background-brand-selected:#dcecff;--color-background-highlight:#fff3bf;--color-focus-ring:#2f6fbb29;--color-focus-outline:#2666ae8c;--color-selection-ring:#2666ae5c;--color-input-ring:#2666ae73;--color-overlay:#1f222647;--color-tag-green-background:#e8f6ed;--color-tag-green-text:#30724a;--color-tag-yellow-background:#fff5d8;--color-tag-yellow-text:#8a6415;--color-tag-red-background:#ffeded;--color-tag-red-text:#a14545;--color-tag-purple-background:#f2eaff;--color-tag-purple-text:#7049a0;--color-accent-blue:#70a8e8;--color-accent-green:#62b27b;--color-accent-yellow:#d7a93a;--color-accent-red:#d87878;--color-accent-purple:#9c7dcc;--color-callout-blue-background:#f1f6fd;--color-callout-blue-border:#d4e3f5;--color-callout-blue-text:#435b74;--color-callout-green-background:#eff8f3;--color-callout-green-border:#cce8d8;--color-callout-green-text:#37624a;--color-callout-yellow-background:#fff9e8;--color-callout-yellow-border:#f1dfae;--color-callout-yellow-text:#72571d;--color-callout-red-background:#fff3f3;--color-callout-red-border:#f0cccc;--color-callout-red-text:#7a4141;--color-callout-purple-background:#f7f2ff;--color-callout-purple-border:#ded0f1;--color-callout-purple-text:#5e477b;--elevation-shadow-overlay:0 12px 32px #1f23281f, 0 2px 8px #1f23280d;--elevation-shadow-floating:0 16px 44px #1f232824, 0 2px 10px #1f23280f;--elevation-shadow-raised:0 3px 10px #23272b14;--elevation-shadow-raised-hovered:0 5px 16px #23272b1f;--elevation-shadow-modal:0 28px 90px #1a1d213d;--motion-duration:.12s;--motion-duration-slow:.14s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text:#f0f2f5;--color-text-editor:#e4e7eb;--color-text-subtle:#c0c5cc;--color-text-muted:#9299a3;--color-text-disabled:#737a84;--color-text-placeholder:#747b85;--color-text-brand:#a9c8e8;--color-text-inverse:#17191d;--color-icon-muted:#a6afb9;--color-surface:#17191d;--color-surface-raised:#202329;--color-surface-overlay:#202329f5;--color-surface-sticky:#202329e6;--color-background-subtle:#1c1f24;--color-background-neutral:#272b31;--color-background-neutral-hovered:#343941;--color-background-neutral-pressed:#414750;--color-border:#343941;--color-border-subtle:#343941eb;--color-border-bold:#4a515b;--color-border-focused:#78a9dc;--color-border-brand:#5c8fc4;--color-border-inverse:#17191db3;--color-link:#82b4eb;--color-link-pressed:#aad0f5;--color-background-brand-subtle:#1e334a;--color-background-brand-subtlest:#1a2938;--color-background-brand-subtle-hovered:#294766;--color-background-brand-selected:#2b4c6c;--color-background-highlight:#594b1c;--color-focus-ring:#82b4eb3d;--color-focus-outline:#8cbef2b8;--color-selection-ring:#82b4eb80;--color-input-ring:#82b4eb8c;--color-overlay:#0000008f;--color-tag-green-background:#1d422c;--color-tag-green-text:#98d7a9;--color-tag-yellow-background:#4a3b17;--color-tag-yellow-text:#efd27d;--color-tag-red-background:#4a2628;--color-tag-red-text:#efaaaa;--color-tag-purple-background:#382a52;--color-tag-purple-text:#c8afea;--color-accent-blue:#82b4eb;--color-accent-green:#82ca98;--color-accent-yellow:#e3bc5a;--color-accent-red:#e58c8c;--color-accent-purple:#b49ade;--color-callout-blue-background:#1d3045;--color-callout-blue-border:#31516f;--color-callout-blue-text:#b4d0ea;--color-callout-green-background:#1d3829;--color-callout-green-border:#315842;--color-callout-green-text:#b0dbbc;--color-callout-yellow-background:#423817;--color-callout-yellow-border:#6a5b29;--color-callout-yellow-text:#ead88e;--color-callout-red-background:#422728;--color-callout-red-border:#6b4041;--color-callout-red-text:#e9b0b0;--color-callout-purple-background:#312644;--color-callout-purple-border:#52406d;--color-callout-purple-text:#d1bee9;--elevation-shadow-overlay:0 12px 32px #0000006b, 0 2px 8px #0000003d;--elevation-shadow-floating:0 16px 44px #0000007a, 0 2px 10px #00000047;--elevation-shadow-raised:0 3px 10px #00000047;--elevation-shadow-raised-hovered:0 5px 16px #0006;--elevation-shadow-modal:0 28px 90px #000000a3}:root{font-family:var(--font-family-body);color:var(--color-text);background:var(--color-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lexical-editor-shell{--lexical-content-inset:var(--space-600);margin-top:8px;position:relative}.lexical-editor-stage{padding-left:var(--lexical-content-inset);position:relative}.lexical-content-editable{caret-color:var(--color-link);outline:none;min-height:360px;padding:0 0 140px;line-height:1.65}.lexical-content-editable>*{min-height:1.5em;margin:4px 0;position:relative}.lexical-content-editable>.lexical-dragging{opacity:.5;transition:opacity .12s,transform .12s;transform:translate(4px)}.lexical-content-editable>.lexical-drop-target{box-shadow:none}.lexical-drop-indicator{background:var(--color-link);border-radius:var(--radius-full);height:2px;left:var(--lexical-content-inset);pointer-events:none;z-index:4;position:absolute;right:0}.lexical-placeholder{display:none}.lexical-paragraph{margin:3px 0}.lexical-paragraph.lexical-active-block:empty:before{color:var(--color-text-placeholder);content:"Type '/' for commands";pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.lexical-paragraph.lexical-active-block:has(>br:only-child):before{color:var(--color-text-placeholder);content:"Type '/' for commands";pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.lexical-h1{font-family:var(--font-family-heading);font-size:2rem;font-weight:var(--font-weight-medium);letter-spacing:-.035em;margin:18px 0 8px;line-height:1.2}.lexical-h2{font-family:var(--font-family-heading);font-size:1.55rem;font-weight:var(--font-weight-medium);letter-spacing:-.025em;margin:16px 0 7px;line-height:1.25}.lexical-h3{font-family:var(--font-family-heading);margin:13px 0 5px;font-size:1.25rem}.lexical-h4{font-family:var(--font-family-heading);margin:11px 0 4px;font-size:1.05rem}.lexical-quote{border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);margin-left:0;padding-left:16px}.lexical-code{background:var(--color-background-secondary);border:1px solid var(--color-border);white-space:pre-wrap;border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;line-height:1.35;display:block}.lexical-code br{line-height:1.35}.lexical-list{padding-left:26px}.lexical-checklist{padding-left:0;list-style:none}.lexical-checklist>li{padding-left:26px;list-style:none;position:relative}.lexical-checklist>li:before{border:1px solid var(--color-border-strong);content:"";border-radius:4px;width:15px;height:15px;position:absolute;top:5px;left:2px}.lexical-checklist>li[aria-checked=true]:before{background:var(--color-accent);border-color:var(--color-accent)}.lexical-checklist>li[aria-checked=true]:after{border:solid var(--color-background-primary);content:"";border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:7px;left:7px;transform:rotate(45deg)}.lexical-link{background:var(--color-background-brand-subtle);border-radius:var(--radius-small);color:var(--color-link);cursor:pointer;font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-050);line-height:var(--line-height-compact);padding:var(--space-025) var(--space-050);vertical-align:middle;text-decoration:none;display:inline-flex}.lexical-link:before{content:"";background:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") 50%/contain no-repeat}.motive-page-link-node .page-icon{margin:0;display:inline-flex}.lexical-content-editable .motive-link{color:inherit;font:inherit;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.lexical-content-editable .motive-external-link{font-weight:var(--font-weight-semibold)}.lexical-content-editable a.lexical-link,.lexical-content-editable a.lexical-link:hover{color:var(--color-link);text-decoration:none}.lexical-link:hover{background:var(--color-background-brand-subtle-hovered)}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-strike{text-decoration:line-through}.text-highlight{background:var(--color-background-highlight);border-radius:2px}.text-code{background:var(--color-background-secondary);border-radius:4px;padding:1px 4px;font-family:monospace}.lexical-toolbar{background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);bottom:var(--space-250);box-shadow:var(--elevation-shadow-floating);align-items:center;gap:var(--space-050);max-width:calc(100vw - 32px);height:auto;padding:var(--space-050);z-index:20;width:max-content;display:flex;position:fixed;left:50%;transform:translate(-50%)}.lexical-toolbar button{border-radius:var(--radius-medium);color:inherit;cursor:pointer;min-width:30px;height:30px;padding:0 var(--space-100);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.lexical-toolbar button:hover{background:var(--color-background-neutral-hovered)}.lexical-change-menu{position:relative}.lexical-change-menu>.toolbar-pill{color:var(--color-text-subtle);font-size:var(--font-size-compact);gap:var(--space-075);white-space:nowrap}.lexical-change-popover{bottom:calc(100% + var(--space-075));max-height:min(var(--layout-menu-max-height), calc(100vh - 32px));position:absolute;left:0;top:auto!important}.lexical-change-popover .slash-menu--scrollable{max-height:inherit}.lexical-change-popover button{justify-content:space-between;width:100%;min-width:0}.toolbar-hint{color:var(--color-text-tertiary);padding:0 6px;font-size:11px}.lexical-save-state{color:var(--color-text-tertiary);white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:-24px;right:0}.lexical-save-state[data-state=failed],.lexical-save-state[data-state=conflict]{color:var(--color-danger)}.lexical-save-state button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.page-document>.document-meta{padding-bottom:var(--space-200)}.lexical-typeahead-menu{max-width:calc(100vw - var(--space-300));width:var(--layout-menu-width);z-index:30;position:fixed}.lexical-typeahead-menu button{text-align:left}.lexical-typeahead-menu button:hover,.lexical-typeahead-menu button.selected{background:var(--color-background-neutral-hovered)}.empty-menu{color:var(--color-text-tertiary);padding:10px}.lexical-block-controls{z-index:10;opacity:.6;align-items:center;gap:2px;transition:opacity .14s,transform .14s;display:flex;position:absolute;left:0}.lexical-block-controls:hover{opacity:1}.lexical-block-controls button{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .14s,color .14s;display:flex}.lexical-block-controls button:hover{background:var(--color-background-neutral-hovered);color:var(--color-text-primary)}.lexical-block-controls .lexical-add-button,.lexical-block-controls .lexical-grip-button{border-radius:var(--radius-medium);width:20px;height:20px}.lexical-grip-button{touch-action:none;-webkit-user-select:none;user-select:none}.motive-card-node{margin:7px 0}.lexical-special-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.lexical-special-card.callout{background:var(--callout-bg,var(--color-callout-blue-background));border-color:var(--callout-border,var(--color-callout-blue-border));color:var(--callout-ink,var(--color-callout-blue-text))}.card-blue{--callout-bg:var(--color-callout-blue-background);--callout-border:var(--color-callout-blue-border);--callout-ink:var(--color-callout-blue-text);--tag-bg:var(--color-background-brand-subtle);--tag-ink:var(--color-link-pressed)}.card-green{--callout-bg:var(--color-callout-green-background);--callout-border:var(--color-callout-green-border);--callout-ink:var(--color-callout-green-text);--tag-bg:var(--color-tag-green-background);--tag-ink:var(--color-tag-green-text)}.card-yellow{--callout-bg:var(--color-callout-yellow-background);--callout-border:var(--color-callout-yellow-border);--callout-ink:var(--color-callout-yellow-text);--tag-bg:var(--color-tag-yellow-background);--tag-ink:var(--color-tag-yellow-text)}.card-red{--callout-bg:var(--color-callout-red-background);--callout-border:var(--color-callout-red-border);--callout-ink:var(--color-callout-red-text);--tag-bg:var(--color-tag-red-background);--tag-ink:var(--color-tag-red-text)}.card-purple{--callout-bg:var(--color-callout-purple-background);--callout-border:var(--color-callout-purple-border);--callout-ink:var(--color-callout-purple-text);--tag-bg:var(--color-tag-purple-background);--tag-ink:var(--color-tag-purple-text)}.lexical-special-card .page-icon-picker{margin:0}.lexical-special-card .page-icon-button{color:inherit;width:22px;height:22px}.lexical-special-card input,.lexical-image-card input,.lexical-database-card input{color:inherit;font:inherit;background:0 0;border:0;outline:none;width:100%;min-width:0}.lexical-columns-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lexical-columns-card textarea{background:var(--color-background-secondary);border:1px solid var(--color-border);color:inherit;font:inherit;resize:vertical;border-radius:8px;min-height:110px;padding:12px}.lexical-image-card{max-width:100%;margin:0}.lexical-image-card img{border-radius:8px;max-width:100%;display:block}.image-width-slider{max-width:220px}.motive-inline-node{vertical-align:baseline;display:inline-flex}.motive-card-empty{background:var(--color-background-secondary);border:1px dashed var(--color-border-strong);color:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:120px;display:flex}.lexical-database-card{border:1px solid var(--color-border);border-radius:9px;overflow:hidden}.lexical-database-card>div:first-child{align-items:center;gap:8px;padding:12px;display:flex}.lexical-database-table{border-top:1px solid var(--color-border);display:grid;overflow:auto}.lexical-database-table>*{border:0;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);color:inherit;text-align:left;min-height:38px;padding:9px}.lexical-database-table button{cursor:pointer;background:0 0}.lexical-database-card>button{border:0;border-top:1px solid var(--color-border);color:inherit;cursor:pointer;text-align:left;background:0 0;width:100%;padding:9px 12px}.database-card-actions{display:flex}.database-card-actions button{color:inherit;cursor:pointer;background:0 0;border:0;padding:9px 12px}*{box-sizing:border-box}html{background:var(--color-surface)}body{margin:var(--space-0);min-width:var(--layout-min-width)}button,input,textarea,select{font-family:inherit}::selection{background:var(--color-background-brand-selected)}#root{min-height:100svh}.logo-group{gap:var(--space-075);padding:var(--space-150);padding-bottom:var(--space-050);font-weight:700;font-size:var(--font-size-label);letter-spacing:-.01em;flex-direction:row;align-items:center;display:flex}.block-menu-row{justify-content:space-between;align-items:center;gap:var(--space-075);flex-direction:row;display:flex}.app-logo{border-radius:var(--radius-xsmall);width:28px;height:auto}.document-title{gap:var(--space-050);margin:var(--space-0) var(--space-0) var(--space-150);width:fit-content;display:grid}.document-title-main{align-items:center;gap:var(--space-150);flex-wrap:wrap;display:flex}.document-title-actions{opacity:0;pointer-events:none;min-height:30px;transition:opacity var(--motion-duration) ease;align-items:center;display:flex}.document-title:hover .document-title-actions,.document-title:focus-within .document-title-actions{opacity:1;pointer-events:auto}.document-title-actions .button-neutral{gap:var(--space-050);background:var(--color-background-neutral);color:var(--color-text-subtle)}.page-tags{align-items:center;gap:var(--space-075);display:flex}.document-meta .page-tags{margin:var(--space-0)}.more-tags{min-height:24px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.more-tags:hover{background:var(--color-background-neutral-hovered);color:var(--color-text-subtle)}.tag-chip,.add-tag-button,.tag-option{align-items:center;gap:var(--space-050);min-height:23px;padding:var(--space-025) var(--space-100);border-radius:var(--radius-small);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);border:0;flex-direction:row;display:inline-flex}.tag-chip .page-icon,.tag-option .page-icon{margin:var(--space-0)}.tag-chip button{padding:var(--space-0);color:inherit;cursor:pointer;background:0 0;border:0;display:grid}.tag-blue{background:var(--color-background-brand-subtle);color:var(--color-link-pressed)}.tag-green{background:var(--color-tag-green-background);color:var(--color-tag-green-text)}.tag-yellow{background:var(--color-tag-yellow-background);color:var(--color-tag-yellow-text)}.tag-red{background:var(--color-tag-red-background);color:var(--color-tag-red-text)}.tag-purple{background:var(--color-tag-purple-background);color:var(--color-tag-purple-text)}.add-tag-button{color:var(--color-text-muted);cursor:pointer;background:0 0}.add-tag-button:hover{background:var(--color-background-neutral-hovered);color:var(--color-text-subtle)}.tag-picker{position:relative}.tag-popover{z-index:25;width:280px;padding:var(--space-150);border:var(--border-width) solid var(--color-border);border-radius:var(--input-radius);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);position:fixed}.tag-popover-header{margin-bottom:var(--space-100);justify-content:space-between;align-items:center;display:flex}.tag-popover-header strong{color:var(--color-text);font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold)}.tag-popover-header button{width:24px;height:24px;padding:var(--space-0);border-radius:var(--radius-small);color:var(--color-icon-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.tag-popover-header button:hover{background:var(--color-background-neutral-hovered)}.tag-search{width:100%;margin-bottom:var(--space-100)}.new-tag-name:focus-within{border-color:var(--color-border-focused);outline:var(--border-width-focused) solid var(--color-focus-ring)}.tag-section-title{margin-bottom:var(--space-075);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;display:block}.tag-option-list{gap:var(--space-050);max-height:244px;display:grid;overflow:auto}.tag-option{width:100%;min-height:32px;margin:var(--space-0);padding:var(--space-050) var(--space-100);border-radius:var(--radius-medium);font-size:var(--font-size-compact);text-align:left;cursor:pointer}.tag-option.tag-blue{background:var(--color-background-brand-subtle);color:var(--color-link-pressed)}.tag-option.tag-green{background:var(--color-tag-green-background);color:var(--color-tag-green-text)}.tag-option.tag-yellow{background:var(--color-tag-yellow-background);color:var(--color-tag-yellow-text)}.tag-option.tag-red{background:var(--color-tag-red-background);color:var(--color-tag-red-text)}.tag-option.tag-purple{background:var(--color-tag-purple-background);color:var(--color-tag-purple-text)}.tag-option.selected{box-shadow:inset 0 0 0 var(--border-width-selected) currentColor}.tag-option:hover{box-shadow:inset 0 0 0 var(--border-width) currentColor;filter:brightness(.98)}.tag-option input{margin:var(--space-0);accent-color:var(--color-link)}.tag-option label{align-items:center;gap:var(--space-050);cursor:pointer;flex:1;min-width:0;display:flex}.tag-option-edit{width:24px;height:24px;padding:var(--space-0);border-radius:var(--radius-small);color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.tag-option-edit:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.new-tag{gap:var(--space-100);display:grid}.new-tag-name{border:var(--border-width) solid currentColor;border-radius:var(--radius-medium);align-items:center;min-height:36px;display:flex}.new-tag-name input{min-width:0;height:34px;padding:var(--space-100) var(--space-100);color:inherit;font:inherit;font-size:var(--font-size-compact);background:0 0;border:0;outline:0;flex:1}.new-tag-name input::placeholder{color:inherit;opacity:.65}.new-tag-name .page-icon-picker{margin:var(--space-0);position:relative}.new-tag-name .page-icon-picker:after{top:var(--space-075);right:var(--space-0);bottom:var(--space-075);width:var(--border-width);content:"";opacity:.3;background:currentColor;position:absolute}.new-tag-name .page-icon-button{width:28px;height:28px;padding:var(--space-0);color:inherit}.new-tag-name .page-icon-button:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.new-tag-name .page-icon{margin:var(--space-0)}.tag-colors{gap:var(--space-100);grid-column:1/-1}.tag-colors button{width:20px;height:20px}.create-tag,.create-tag-trigger,.delete-tag,.tag-back{grid-column:1/-1;min-height:32px}.create-tag-trigger{justify-content:center;align-items:center;gap:var(--space-050);width:100%;margin-top:var(--space-100);display:inline-flex}.document-title h1{margin:var(--space-0);font-size:var(--font-size-title);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);letter-spacing:-.035em;line-height:1.04}.document-title-editable{min-width:1ch;padding:var(--space-0);color:inherit;font-family:var(--font-family-heading);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);letter-spacing:inherit;line-height:inherit;cursor:text;background:0 0;border:0;outline:0;display:inline-block}.document-title-editable:focus-visible{outline:var(--border-width-selected) solid var(--color-focus-outline);outline-offset:3px}.document-title .page-icon-picker{margin:var(--space-0)}.document-title .page-icon-button{width:36px;height:36px;padding:var(--space-0);place-items:center;display:grid}.document-title .icon-picker-grid{grid-template-columns:repeat(6,36px)}.document-title .icon-picker-grid button{width:36px;height:36px}.app-shell{background:var(--color-surface);width:100vw;height:100vh;color:var(--color-text);display:flex}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}button{font:inherit;font-weight:var(--font-weight-normal);transition:background-color var(--motion-duration) ease, color var(--motion-duration) ease, border-color var(--motion-duration) ease}.button-primary,.button-neutral,.button-danger{min-height:30px;padding:var(--space-0) var(--space-100);border-radius:var(--radius-medium);font:inherit;font-size:var(--font-size-compact);font-weight:var(--font-weight-medium);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.button-icon{border-radius:var(--radius-medium);font:inherit;cursor:pointer;border:0}.button-primary{background:var(--color-link);color:var(--color-surface)}.button-primary:hover{background:var(--color-link-pressed)}.button-neutral,.button-icon{color:var(--color-text-subtle);background:0 0}.button-neutral:hover,.button-icon:hover{background:var(--color-background-neutral-hovered);color:var(--color-text)}.button-link{padding:var(--space-0);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0}.button-link:hover{color:var(--color-text);text-decoration:underline}.button-danger{background:var(--color-tag-red-background);color:var(--color-tag-red-text)}.button-danger:hover{background:color-mix(in srgb, var(--color-tag-red-text) 10%, var(--color-tag-red-background))}.button-primary:disabled,.button-neutral:disabled,.button-link:disabled,.button-danger:disabled,.button-icon:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible{outline:var(--border-width-selected) solid var(--color-focus-outline);outline-offset:2px}.field-label{gap:var(--space-075);color:var(--color-text-subtle);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);display:grid}.field-control{box-sizing:border-box;width:100%;min-height:var(--input-min-height);padding:var(--input-padding-block) var(--input-padding-inline);border:var(--border-width) solid var(--color-border-bold);border-radius:var(--input-radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-input);line-height:var(--line-height-compact);transition:border-color var(--motion-duration) ease, box-shadow var(--motion-duration) ease}.field-control::placeholder{color:var(--color-text-muted);opacity:1}.field-control:focus{border-color:var(--color-border-focused);box-shadow:0 0 0 2px var(--color-focus-ring);outline:0}.field-control--compact{min-height:30px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);font-size:var(--font-size-compact)}.field-shell{align-items:center;gap:var(--space-100);min-height:var(--input-min-height);padding:var(--input-padding-block) var(--input-padding-inline);border:var(--border-width) solid var(--color-border-bold);border-radius:var(--input-radius);background:var(--color-surface);transition:border-color var(--motion-duration) ease, box-shadow var(--motion-duration) ease;display:flex}.field-shell:focus-within{border-color:var(--color-border-focused);box-shadow:0 0 0 2px var(--color-focus-ring)}.field-shell>input{min-width:0;color:var(--color-text);font:inherit;font-size:var(--font-size-input);line-height:var(--line-height-compact);background:0 0;border:0;outline:0;flex:1}.field-shell>input::placeholder{color:var(--color-text-muted);opacity:1}.sidebar{gap:var(--space-075);height:100vh;padding:var(--space-100);border-right:var(--border-width) solid var(--color-border);background:var(--color-background-subtle);transition:transform var(--motion-duration) ease;flex-direction:column;width:240px;max-width:240px;display:flex}.sidebar.is-collapsed{z-index:10;width:var(--layout-sidebar-width);position:fixed;top:0;left:0;transform:translate(calc(8px - 100%))}.workspace-switcher{min-height:38px;padding:var(--space-100) var(--space-100) var(--space-075);position:relative}.workspace-switcher strong{font-size:var(--font-size-label);letter-spacing:-.01em;display:block}.workspace-switcher small,.document-meta{color:var(--color-text-muted);font-size:var(--font-size-small)}.workspace-menu-trigger{justify-content:space-between;align-items:center;gap:var(--space-100);width:100%;padding:var(--space-050);border-radius:var(--radius-medium);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.workspace-menu-trigger:hover{background:var(--color-background-neutral-hovered)}.workspace-menu-trigger>span{min-width:0}.workspace-menu-label,.workspace-option-name{align-items:center;gap:var(--space-075);min-width:0;display:flex}.workspace-menu-label>span{min-width:0}.workspace-selector-icon,.workspace-option-icon,.workspace-top-icon,.space-settings-icon{object-fit:cover;border-radius:var(--radius-medium);background:var(--color-background-neutral);color:var(--color-text-muted);flex:none;place-items:center;display:grid;overflow:hidden}.workspace-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.workspace-icon .page-icon{margin:var(--space-0)}.space-card-icon{border-radius:var(--radius-medium);background:var(--color-background-brand-subtle);width:36px;height:36px;color:var(--color-link);place-items:center;display:grid}.workspace-selector-icon{width:28px;height:28px}.workspace-option-icon{width:20px;height:20px}.workspace-menu-trigger strong,.workspace-menu-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-menu-trigger small{margin-top:var(--space-025);font-size:var(--font-size-xs);display:block}.workspace-popover{top:calc(100% + var(--space-050));left:var(--space-075);right:var(--space-075);z-index:30;gap:var(--space-025);padding:var(--space-075);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);display:grid;position:absolute}.workspace-popover-label{padding:var(--space-050) var(--space-075);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.workspace-popover>button,.workspace-popover-actions button{justify-content:space-between;align-items:center;gap:var(--space-075);width:100%;min-height:30px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.workspace-popover>button.selected{background:var(--color-background-neutral-hovered);color:var(--color-text)}.workspace-popover>button small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.workspace-popover-actions{gap:var(--space-025);margin-top:var(--space-050);padding-top:var(--space-050);border-top:var(--border-width) solid var(--color-border);display:grid}.workspace-popover-actions button{justify-content:flex-start}.sidebar-account{padding:var(--space-150) var(--space-075) var(--space-0);border-top:var(--border-width) solid var(--color-border);margin-top:auto;position:relative}.sidebar-account-trigger{align-items:center;gap:var(--space-100);width:100%;min-height:40px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-medium);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.sidebar-account-trigger:hover{background:var(--color-background-neutral-hovered)}.sidebar-account-avatar{border-radius:var(--radius-full);background:var(--color-background-brand-subtle);width:26px;height:26px;color:var(--color-link-pressed);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);place-items:center;display:grid}.sidebar-account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold);flex:1;overflow:hidden}.sidebar-account-popover{bottom:calc(100% + var(--space-075));left:var(--space-075);right:var(--space-075);z-index:30;gap:var(--space-025);padding:var(--space-100);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);display:grid;position:absolute}.sidebar-account-popover strong{font-size:var(--font-size-compact)}.sidebar-account-popover>span{margin-bottom:var(--space-075);color:var(--color-text-muted);font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-popover button{align-items:center;gap:var(--space-075);min-height:30px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;display:flex}.sidebar-account-popover .button-neutral:hover,.sidebar-account-popover .button-icon:hover{background:var(--color-background-neutral-hovered);color:var(--color-text)}.sidebar-account-popover .theme-toggle[aria-checked=true]{background:var(--color-background-brand-subtle);color:var(--color-link-pressed);background:var(--color-background-brand-subtle)}.page-context-scrim,.inline-modal-scrim{z-index:40;background:0 0;border:0;position:fixed;inset:0}.page-context-menu{z-index:41;gap:var(--space-025);min-width:196px;padding:var(--space-075);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);display:grid;position:fixed}.page-context-label{padding:var(--space-050) var(--space-075);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.page-context-menu>button{justify-content:flex-start;align-items:center;gap:var(--space-100);min-height:32px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.page-context-menu>button:hover{background:var(--color-background-neutral-hovered);color:var(--color-text)}.page-context-menu>.page-context-trash{margin-top:var(--space-050);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-100);border-radius:0}.page-context-menu>.page-context-trash:hover{background:var(--color-tag-red-background);color:var(--color-tag-red-text)}.page-context-meta{margin:var(--space-050) var(--space-075) var(--space-0);padding-top:var(--space-100);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.inline-modal-scrim{padding:var(--space-200);background:var(--color-overlay);place-items:center;display:grid}.inline-page-modal{z-index:1;width:min(100%,360px);padding:var(--space-200);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay)}.inline-page-modal>span{margin-bottom:var(--space-150);color:var(--color-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);display:block}.inline-page-modal-field .page-icon-picker,.inline-page-modal-field .page-icon{margin:var(--space-0)}.inline-page-modal-actions{justify-content:flex-end;gap:var(--space-075);margin-top:var(--space-150);display:flex}.space-settings-danger{justify-content:space-between;align-items:center;gap:var(--space-100);margin-top:var(--space-200);padding-top:var(--space-150);border-top:var(--border-width) solid var(--color-border);display:flex}.space-settings-danger strong{font-size:var(--font-size-small);color:var(--color-text-subtle)}.space-settings-danger p{margin:var(--space-025) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-small)}.space-delete-copy{margin:var(--space-0);color:var(--color-text-subtle);font-size:var(--font-size-compact);line-height:var(--line-height-body)}.space-settings-modal{width:min(100%,520px);padding:var(--space-300)}.space-settings-modal>span{margin-bottom:var(--space-250);font-size:var(--font-size-heading-medium);letter-spacing:-.02em}.space-icon-section{gap:var(--space-100);margin-top:var(--space-300);display:grid}.space-icon-copy strong,.space-settings-danger strong{color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:block}.space-icon-copy p{margin:var(--space-025) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-compact)}.space-settings-icon{background:var(--color-background-neutral);width:56px;height:56px}.workspace-icon-picker{width:max-content;position:relative}.workspace-icon-picker-trigger{padding:var(--space-0);border-radius:var(--radius-large);display:grid}.workspace-icon-picker-trigger:hover .space-settings-icon{background:var(--color-background-brand-subtle);color:var(--color-link)}.workspace-icon-popover{top:calc(100% + var(--space-075));left:var(--space-0);z-index:30;width:248px;padding:var(--space-100);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);position:absolute}.workspace-icon-tabs{gap:var(--space-025);margin-bottom:var(--space-100);padding-bottom:var(--space-075);border-bottom:var(--border-width) solid var(--color-border);display:flex}.workspace-icon-tabs button{min-height:30px;padding:var(--space-0) var(--space-075);border-radius:var(--radius-small);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.workspace-icon-tabs button:hover,.workspace-icon-tabs button.selected{background:var(--color-background-neutral-hovered);color:var(--color-text)}.workspace-icon-popover .icon-picker-grid{gap:var(--space-050);grid-template-columns:repeat(6,32px)}.workspace-icon-upload{gap:var(--space-100);display:grid}.workspace-icon-upload-main{align-items:center;gap:var(--space-100);grid-template-columns:64px minmax(0,1fr);display:grid}.workspace-upload-preview{border-radius:var(--radius-medium);background:var(--color-background-neutral);width:64px;height:64px;color:var(--color-text-muted);place-items:center;display:grid;overflow:hidden}.workspace-icon-upload-copy{gap:var(--space-050);min-width:0;display:grid}.workspace-icon-upload-copy .button-neutral{align-items:center;gap:var(--space-050);min-height:30px;padding:var(--space-050) var(--space-075);justify-self:start;display:inline-flex}.workspace-icon-upload-copy>span{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-body);text-overflow:ellipsis;overflow:hidden}.workspace-upload-error{padding:var(--space-075);border-radius:var(--radius-medium);background:var(--color-tag-red-background)}.workspace-icon-upload-actions{justify-content:flex-end;gap:var(--space-075);padding-top:var(--space-075);border-top:var(--border-width) solid var(--color-border);display:flex}.workspace-icon-upload-actions button{min-height:30px;padding:var(--space-050) var(--space-100)}.space-settings-modal .space-settings-danger{margin-top:var(--space-300);padding-top:var(--space-200)}.space-settings-modal .inline-page-modal-actions{margin-top:var(--space-250);padding-top:var(--space-200);border-top:var(--border-width) solid var(--color-border)}.document-meta-flavour{align-items:center;display:inline-flex}.link-preview-title{align-items:center;gap:var(--space-075);margin:var(--space-0);color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-medium);letter-spacing:-.015em;flex-direction:row;line-height:1.2;display:flex}.new-page,.tree-item,.page-actions button,.block-controls button,.contextual-toolbar button,.change-popover button,.slash-menu button{color:inherit;cursor:pointer;background:0 0;border:0}.block-controls button:hover{background:var(--color-background-neutral-hovered)}.new-page{align-items:center;gap:var(--space-100);min-height:32px;padding:var(--space-0) var(--space-100);border-radius:var(--radius-medium);color:var(--color-text-subtle);font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold);text-align:left;display:flex}.new-page:hover,.page-actions button:hover,.contextual-toolbar button:hover,.toolbar-pill:hover,.change-popover button:hover,.slash-menu button:hover{background:var(--color-background-neutral-hovered)}.document-search{margin:var(--space-025) var(--space-0) var(--space-050);background:var(--color-surface-raised);color:var(--color-text-muted)}.doc-tree{gap:var(--space-025);padding:var(--space-100) var(--space-0) var(--space-050);flex-direction:column;flex:1;display:flex;overflow:auto}.sidebar-drawer{gap:var(--space-025);display:grid}.drawer-header{min-height:30px;padding:var(--space-0) var(--space-050);border-radius:var(--radius-medium);align-items:center;display:flex}.drawer-header:hover{background:var(--color-background-neutral-hovered)}.drawer-toggle{justify-content:flex-start;align-items:center;gap:var(--space-050);min-width:0;padding:var(--space-050);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;font-weight:600;display:flex}.drawer-toggle:hover{background:0 0}.drawer-add,.tree-add{width:20px;height:20px;padding:var(--space-0);border-radius:var(--radius-medium);color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;display:grid}.drawer-header:hover .drawer-add,.tree-row:hover .tree-add{opacity:1;pointer-events:auto}.drawer-add:hover,.tree-add:hover{background:var(--color-background-neutral-hovered);color:var(--color-text)}.drawer-content{gap:var(--space-025);display:grid}.drawer-placeholder{margin:var(--space-025) var(--space-075) var(--space-050);color:var(--color-text-muted);font-size:var(--font-size-small)}.tree-label{margin:var(--space-0) var(--space-100) var(--space-050);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.07em;text-transform:uppercase}.tree-row{isolation:isolate;border-radius:var(--radius-medium);cursor:grab;grid-template-columns:minmax(0,1fr);align-items:center;min-height:30px;display:grid;position:relative}.tree-row.has-children{grid-template-columns:minmax(0,1fr)}.tree-item{align-items:center;gap:var(--space-050);width:100%;min-width:0;min-height:31px;padding:var(--space-050) var(--space-300) var(--space-050) var(--space-075);border-radius:var(--radius-medium);color:var(--color-text-subtle);font-size:var(--font-size-compact);text-align:left;display:flex}.tree-add{top:5px;right:var(--space-075);z-index:2;position:absolute}.tree-item>.page-icon{flex:0 0 16px;overflow:visible}.tree-item>span:not(.page-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-row:hover,.tree-row.active{background:var(--color-background-neutral-hovered)}.tree-row.active .tree-item{color:var(--color-text);font-weight:var(--font-weight-semibold)}.tree-row.dragging{opacity:.55;transform:scale(.98)}.tree-row.drop-before:before,.tree-row.drop-after:after{left:var(--space-0);right:var(--space-0);content:"";z-index:1;border-top:var(--border-width-selected) solid var(--color-link);position:absolute}.tree-row.drop-before:before{top:calc(-1 * var(--space-025))}.tree-row.drop-after:after{bottom:calc(-1 * var(--space-025))}.tree-row.drop-before,.tree-row.drop-after,.tree-row.drop-inside{z-index:2}.tree-row.drop-inside{background:var(--color-background-brand-subtle-hovered)}.tree-toggle{z-index:1;width:24px;height:24px;padding:var(--space-0);border-radius:var(--radius-small);color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:3px;left:1px}.tree-row.has-children:hover .tree-toggle{opacity:1;pointer-events:auto}.tree-row.has-children:hover .tree-item .page-icon{opacity:0}button.tree-toggle:hover{color:var(--color-text-subtle)}.tree-toggle[aria-hidden=true]{cursor:default}.page-icon{vertical-align:-.12em;justify-content:center;align-items:center;margin-right:.3em;display:inline-flex}.page-icon-picker{margin-right:var(--space-100);vertical-align:.02em;display:inline-flex;position:relative}.page-icon-button,.icon-picker-grid button{cursor:pointer;background:0 0;border:0}.page-icon-button{padding:var(--space-050);border-radius:var(--radius-small);font-size:.85em}.page-icon-button .page-icon{margin:var(--space-0)}.page-icon-button:hover{background:var(--color-background-neutral-hovered)}.page-icon-popover{top:calc(100% + var(--space-075));z-index:20;width:272px;padding:var(--space-100);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);position:absolute;left:0}.icon-picker-grid{gap:var(--space-050);grid-template-columns:repeat(6,32px);display:grid}.icon-picker-search{width:100%;margin:var(--space-0) var(--space-0) var(--space-075)}.icon-picker-options{max-height:240px;overflow-y:auto}.icon-picker-grid button{border-radius:var(--radius-small);width:32px;height:32px;font-size:var(--font-size-small);place-items:center;display:grid}.icon-picker-grid button:hover{background:var(--color-background-neutral-hovered)}.page-icon-popover .page-icon{margin:var(--space-0)}.database-block{border:var(--border-width) solid var(--color-border-bold);border-radius:var(--radius-large);background:var(--color-surface-raised);width:100%;overflow:visible}.database-block-header{padding:var(--space-150);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-background-subtle);align-items:center;display:flex}.database-block-header>input{width:100%;min-width:0;padding:var(--space-025) var(--space-050);border-radius:var(--radius-small);color:var(--color-text);font:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);background:0 0;border:0}.database-block-header>input:focus{background:var(--color-surface-raised);outline:var(--border-width) solid var(--color-border-focused)}.database-table-wrap{overflow-x:auto}.database-table{border-collapse:collapse;width:100%;min-width:440px;font-size:var(--font-size-compact)}.database-table th,.database-table td{min-width:168px;height:38px;padding:var(--space-050) var(--space-100);border-right:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);text-align:left;vertical-align:middle;position:relative}.database-table .database-title-column{min-width:220px}.database-table th:last-child,.database-table td:last-child{border-right:0}.database-table tfoot td{padding:var(--space-0);border-bottom:0}.database-table tfoot button{align-items:center;gap:var(--space-075);width:100%;min-height:38px;padding:var(--space-0) var(--space-100);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;display:flex}.database-table tfoot button:hover{background:var(--color-background-neutral);color:var(--color-text)}.database-table th{background:var(--color-background-subtle);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.database-table tbody td>input,.database-value-input{width:100%;min-width:0;padding:var(--space-025) var(--space-0);color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.database-table th>.button-icon{top:7px;right:var(--space-050);width:24px;height:24px;padding:var(--space-0);color:var(--color-text-muted);place-items:center;display:grid;position:absolute}.database-property-menu{position:relative}.database-property-trigger{align-items:center;gap:var(--space-050);width:100%;padding:var(--space-025) var(--space-0);border-radius:var(--radius-small);color:var(--color-text-muted);font:inherit;font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.database-property-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.database-property-trigger:hover,.database-property-trigger[aria-expanded=true]{color:var(--color-text)}.database-property-popover{top:calc(100% + var(--space-075));left:calc(-1 * var(--space-050));z-index:30;width:256px;max-height:480px;padding:var(--space-100);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);color:var(--color-text);font-size:var(--font-size-compact);font-weight:var(--font-weight-normal);position:absolute;overflow-y:auto}.database-property-popover.viewport-menu{position:fixed}.database-property-popover>.field-label{margin-bottom:var(--space-100)}.database-property-menu-row,.database-property-type-trigger{justify-content:space-between;align-items:center;gap:var(--space-100);min-height:34px;color:var(--color-text);font:inherit;font-size:var(--font-size-compact);font-weight:var(--font-weight-normal);background:0 0;border:0;display:flex}.database-property-menu-row>span,.database-property-type-trigger>span:first-child{color:var(--color-text-muted)}.database-property-menu-row>.page-icon-picker{margin-right:var(--space-0)}.database-property-type-trigger{width:100%;padding:var(--space-025) var(--space-0);text-align:left;cursor:pointer}.database-property-type-trigger:hover{border-radius:var(--radius-small);background:var(--color-background-neutral-hovered);color:var(--color-text)}.database-property-type-trigger>span:last-child{align-items:center;gap:var(--space-050);display:inline-flex}.database-property-type-list{margin:var(--space-050) calc(-1 * var(--space-100));padding:var(--space-050) var(--space-100);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);display:grid}.database-property-type-list button{align-items:center;gap:var(--space-075);min-height:32px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.database-property-type-list button:hover,.database-property-type-list button.selected{background:var(--color-background-neutral-hovered)}.database-property-options{gap:var(--space-050);margin:var(--space-075) calc(-1 * var(--space-100));padding:var(--space-075) var(--space-100);border-top:var(--border-width) solid var(--color-border);display:grid}.database-property-options>span{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal)}.database-property-options>div{justify-content:space-between;align-items:center;gap:var(--space-075);padding:var(--space-025) var(--space-0);display:flex}.database-property-options>div>span{padding:var(--space-025) var(--space-050);border-radius:var(--radius-small);background:var(--color-background-brand-subtle);color:var(--color-link-pressed);font-size:var(--font-size-caption)}.database-property-options button{width:22px;height:22px;padding:var(--space-0);border-radius:var(--radius-small);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.database-property-options button:hover{background:var(--color-background-neutral-hovered);color:var(--color-text)}.database-property-options form{gap:var(--space-050);display:flex}.database-property-options form .field-control{flex:1}.database-property-delete{align-items:center;gap:var(--space-075);text-align:left;width:100%;display:flex}.database-property-footer{margin-top:var(--space-100);padding-top:var(--space-100);border-top:var(--border-width) solid var(--color-border)}.database-table tbody td:first-child>button{color:var(--color-link);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.database-table tbody td:first-child{align-items:center;gap:var(--space-050);display:flex}.database-table tbody td:first-child>button{width:24px;height:24px;padding:var(--space-0);border-radius:var(--radius-small);flex:none;place-items:center;display:grid}.database-table tbody tr:hover td{background:color-mix(in srgb, var(--color-background-subtle) 70%, transparent)}.database-table .database-add-property,.database-table .database-row-tail{width:42px;min-width:42px;padding:var(--space-0)}.database-add-property>.button-icon{top:50%;right:50%;transform:translate(50%,-50%)}.database-select{min-width:100px}.database-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-050);width:100%;min-height:26px;padding:var(--space-025) var(--space-050);border-radius:var(--radius-small);color:var(--color-text);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.database-select-trigger:hover,.database-select-trigger[aria-expanded=true]{background:var(--color-background-neutral-hovered)}.database-select-values{gap:var(--space-025);flex-wrap:wrap;min-width:0;display:flex}.database-select-values>span:not(.database-select-empty){padding:var(--space-025) var(--space-050);border-radius:var(--radius-small);background:var(--color-background-brand-subtle);color:var(--color-link-pressed);font-size:var(--font-size-caption)}.database-select-empty{color:var(--color-text-muted)}.database-select-options{z-index:35;width:216px;max-height:200px;padding:var(--space-050);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);position:fixed;overflow:auto}.database-select-options button{align-items:center;gap:var(--space-050);width:100%;min-height:30px;padding:var(--space-050) var(--space-075);border-radius:var(--radius-small);color:var(--color-text);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.database-select-options button:hover,.database-select-options button.selected{background:var(--color-background-neutral-hovered)}.database-select-options p{margin:var(--space-075);color:var(--color-text-muted);font-size:var(--font-size-caption)}.database-select-check{border:var(--border-width) solid var(--color-border-bold);border-radius:3px;place-items:center;width:14px;height:14px;display:grid}.database-select-options button.selected .database-select-check{border-color:var(--color-link);background:var(--color-link);color:var(--color-text-inverse)}.database-checkbox-input{width:16px;height:16px;accent-color:var(--color-link)}.database-entry-properties{width:min(100%,600px);margin:var(--space-200) var(--space-0) var(--space-300);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);display:grid}.database-entry-properties header{align-items:baseline;gap:var(--space-075);padding:var(--space-100) var(--space-050);border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex}.database-entry-properties header strong{font-size:var(--font-size-compact)}.database-entry-properties header span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.database-entry-property{align-items:center;gap:var(--space-150);min-height:38px;padding:var(--space-050);color:var(--color-text-muted);font-size:var(--font-size-compact);grid-template-columns:160px minmax(0,1fr);display:grid}.database-entry-property:hover{background:var(--color-background-subtle)}.database-entry-property>span{align-items:center;gap:var(--space-075);display:flex}.database-entry-property>.database-value-input,.database-entry-property>.database-select{min-height:30px;padding:var(--space-050) var(--space-075);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.database-entry-property>.database-value-input:focus{border-color:var(--color-border-focused);outline:0}.database-entry-properties>p{margin:var(--space-100) var(--space-050);color:var(--color-text-muted);font-size:var(--font-size-compact)}.icon-color-popover{min-width:146px}.color-swatches{gap:var(--space-050);display:flex}.icon-color-popover .color-swatches{margin:var(--space-025) var(--space-025) var(--space-075);padding-bottom:var(--space-075);border-bottom:var(--border-width) solid var(--color-border)}.color-swatches button{width:13px;height:13px;padding:var(--space-0);border:var(--border-width-selected) solid transparent;border-radius:var(--radius-full);cursor:pointer}.color-swatches [data-color=blue],.inline-lozenge-color-trigger[data-color=blue] span{background:var(--color-accent-blue)}.color-swatches [data-color=green],.inline-lozenge-color-trigger[data-color=green] span{background:var(--color-accent-green)}.color-swatches [data-color=yellow],.inline-lozenge-color-trigger[data-color=yellow] span{background:var(--color-accent-yellow)}.color-swatches [data-color=red],.inline-lozenge-color-trigger[data-color=red] span{background:var(--color-accent-red)}.color-swatches [data-color=purple],.inline-lozenge-color-trigger[data-color=purple] span{background:var(--color-accent-purple)}.color-swatches button.selected{border-color:var(--color-text)}.tree-children{margin-left:var(--space-150);padding-left:var(--space-150)}.tree-children>.tree-node{position:relative}.tree-children>.tree-node:before,.tree-children>.tree-node:after{content:"";pointer-events:none;position:absolute}.tree-children>.tree-node:before{top:var(--space-0);bottom:var(--space-0);left:calc(-1 * var(--space-150));border-left:var(--border-width) solid var(--color-border)}.tree-children>.tree-node:after{top:15px;left:calc(-1 * var(--space-150));width:var(--space-150);border-top:var(--border-width) solid var(--color-border)}.tree-children>.tree-node:last-child:before{bottom:calc(100% - 15px)}.chevron{width:16px;height:16px;color:var(--color-text-muted);flex:0 0 16px;place-items:center;display:grid}.editor-pane{background:var(--color-surface);flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto scroll}.sidebar-toggle{width:32px;padding:var(--space-075)}.tab-bar{z-index:5;align-items:flex-start;gap:var(--space-075);min-height:40px;padding:var(--space-075) var(--space-075) 0;background:var(--color-background-neutral);display:flex;position:sticky;top:0;overflow-x:auto}.editor-tab{border-radius:var(--radius-medium);background:var(--color-background-neutral-hovered);flex:1;align-items:flex-start;min-width:120px;max-width:180px;height:28px;font-size:13px;display:flex}.tab-wrapper{min-width:0;height:28px;color:var(--color-text-muted);flex:1;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.editor-tab.active{border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--color-surface);height:100%;margin:0;position:relative}.editor-tab.active:before,.editor-tab.active:after{content:"";width:12px;height:12px;position:absolute;bottom:0}.editor-tab.active:before{background:radial-gradient(circle at 0 0, transparent 12px, var(--color-surface) 13px);left:-12px}.editor-tab.active:after{background:radial-gradient(circle at 100% 0, transparent 12px, var(--color-surface) 13px);right:-12px}.editor-tab button{color:inherit;background:0 0;border:0;align-items:center;display:flex}.editor-tab .page-info{align-items:center;gap:var(--space-050);min-width:0;height:100%;padding:var(--space-050) var(--space-025) var(--space-050) var(--space-100);color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;display:flex;overflow:hidden}.editor-tab.active .page-info{color:var(--color-text);font-weight:var(--font-weight-semibold)}.editor-tab-close{z-index:1;margin:var(--space-050) var(--space-100) var(--space-050) var(--space-050);padding:var(--space-025);cursor:pointer;border-radius:var(--radius-xlarge)!important}.editor-tab-close:hover{background:var(--color-background-neutral-hovered)!important}.editor-pane.has-knowledge-panel{padding-right:var(--layout-knowledge-panel-width)}.page-topbar{z-index:4;justify-content:space-between;align-items:center;gap:var(--space-250);min-height:50px;padding:var(--space-075) var(--space-100);border-bottom:var(--border-width) solid var(--color-border-subtle);background:var(--color-surface);display:flex;position:sticky;top:40px}.breadcrumb{align-items:center;gap:var(--space-100);margin:var(--space-0);padding:var(--space-100);color:var(--color-text-muted);font-size:var(--font-size-small);display:flex}.breadcrumb-segment{align-items:center;gap:var(--space-100);display:inline-flex}.breadcrumb-segment>span,.breadcrumb-segment>button{align-items:center;gap:var(--space-050);display:inline-flex}.breadcrumb button{padding:var(--space-0);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.breadcrumb button:hover{color:var(--color-text);text-decoration:underline}.page-topbar h1{margin:var(--space-0);font-size:var(--font-size-page-heading);font-weight:var(--font-weight-bold);letter-spacing:-.035em;line-height:1.1}.page-actions{align-items:center;gap:var(--space-075);display:flex}.page-actions button{min-height:30px;padding:var(--space-0) var(--space-100);border-radius:var(--radius-medium);color:var(--color-text-subtle);font-size:var(--font-size-compact)}.page-actions .button-icon{width:30px;padding:var(--space-0)}.editor-canvas{width:min(var(--layout-editor-width), calc(100% - var(--space-800)));margin:var(--space-0) auto;padding:var(--space-600) var(--space-0) calc(var(--space-1000) + var(--space-600));flex:1;position:relative}.document-meta{align-items:center;gap:var(--space-100);padding:var(--space-0) var(--space-0) var(--space-100) var(--space-600);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.block-list{gap:var(--space-0);padding:var(--space-025) var(--space-0) var(--space-0) var(--space-600);flex-direction:column;display:flex}.block-row{border-radius:var(--radius-medium);min-height:30px;transition:opacity var(--motion-duration-slow) ease, transform var(--motion-duration-slow) ease;display:block;position:relative}.block-row.is-dragging{opacity:.42;transform:scale(.985)}.block-row.drop-before:before,.block-row.drop-after:before{content:"";z-index:3;border-radius:var(--radius-full);background:var(--color-link);height:2px;position:absolute;left:0;right:0}.block-row.drop-before:before{top:calc(-1 * var(--space-025))}.block-row.drop-after:before{bottom:calc(-1 * var(--space-025))}.block-controls{z-index:3;justify-content:flex-end;align-items:center;gap:var(--space-025);width:48px;min-height:30px;padding:var(--space-050) var(--space-100) var(--space-050) var(--space-0);opacity:0;transition:opacity var(--motion-duration) ease;display:flex;position:absolute;top:0;right:100%}.block-row:hover>.block-controls{opacity:1}.block-row:hover:has(.block-row:hover)>.block-controls{opacity:0}.block-row:has(.heading1)>.block-controls{top:var(--space-050)}.block-row:has(.heading2)>.block-controls{top:var(--space-025)}.block-controls button{width:20px;height:20px;padding:var(--space-0);border-radius:var(--radius-medium);color:var(--color-text-muted);flex:0 0 20px;place-items:center;line-height:1;display:grid}.block-controls .block-select-handle{cursor:grab}.block-controls .add-block-button{cursor:pointer}.block-select-handle:active{cursor:grabbing}.text-block{border-radius:var(--radius-medium);min-width:0;position:relative}.text-block.is-active,.text-block.lozenge.is-active,.text-block.date.is-active{background:0 0}.editable{min-height:32px;padding:var(--space-050) var(--space-100) var(--space-050) var(--space-025);color:var(--color-text-editor);caret-color:var(--color-link);font-size:var(--font-size-body);line-height:var(--line-height-editor);white-space:pre-wrap;word-break:break-word;outline:none}.editable:empty:before{content:attr(data-placeholder);color:var(--color-text-placeholder)}.link-chip{align-items:center;gap:var(--space-050);vertical-align:middle;padding:var(--space-025) var(--space-050);border-radius:var(--radius-small);background:var(--color-background-brand-subtle);color:var(--color-link);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact);cursor:pointer;flex-direction:row;display:inline-flex}.motive-link:hover .link-chip{background:var(--color-background-brand-subtle-hovered);text-decoration:underline}.inline-link-icon{flex:0 0 1em;place-items:center;width:1em;height:1em;display:inline-grid}.inline-link-icon svg{width:100%;height:100%}.inline-link-icon img{object-fit:contain;width:100%;height:100%}.inline-link-icon.has-favicon .inline-link-icon-fallback{display:none}.inline-lozenge,.inline-date{vertical-align:middle}.inline-lozenge{gap:var(--space-0)}.inline-lozenge input,.inline-date input{min-width:7ch;padding:var(--space-0);color:inherit;font:inherit;font-size:inherit;background:0 0;border:0;outline:0}.inline-lozenge input::placeholder{color:inherit;opacity:.68}.inline-lozenge input{field-sizing:content;min-width:0;max-width:28ch}.inline-lozenge-colors{z-index:30;width:0;margin-left:var(--space-0);transition:width var(--motion-duration) ease, margin-left var(--motion-duration) ease;display:inline-flex;position:relative;overflow:visible}.inline-lozenge:hover .inline-lozenge-colors,.text-block.is-active .inline-lozenge .inline-lozenge-colors,.inline-lozenge-colors:hover,.inline-lozenge-colors:focus-within,.inline-lozenge-colors.is-open{width:14px;margin-left:var(--space-050)}.inline-lozenge-color-trigger{width:14px;height:14px;padding:var(--space-0);border-radius:var(--radius-full);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--motion-duration) ease;background:0 0;border:0;place-items:center;display:grid}.inline-lozenge:hover .inline-lozenge-color-trigger,.text-block.is-active .inline-lozenge .inline-lozenge-color-trigger,.inline-lozenge-colors:hover .inline-lozenge-color-trigger,.inline-lozenge-colors:focus-within .inline-lozenge-color-trigger,.inline-lozenge-colors.is-open .inline-lozenge-color-trigger{opacity:1;pointer-events:auto}.inline-lozenge-color-trigger span{border-radius:var(--radius-full);width:10px;height:10px}.inline-date .page-icon{margin:var(--space-0)}.link-preview-trigger{display:block}.link-preview-trigger.is-inline{vertical-align:middle;display:inline-block}.link-preview-card{z-index:30;pointer-events:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xlarge);background:var(--color-surface-raised);width:min(320px,100vw - 32px);box-shadow:var(--elevation-shadow-overlay);position:fixed;overflow:hidden}.link-preview-body{padding:var(--space-150)}.link-preview-body>span{margin-bottom:var(--space-050);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;display:block}.preview-tags{gap:var(--space-050);margin-top:var(--space-100);flex-wrap:wrap;display:flex}.preview-tags .tag-chip{min-height:21px;padding:var(--space-025) var(--space-075);font-size:var(--font-size-caption)}.link-preview-card p{margin:var(--space-100) var(--space-0) var(--space-0);color:var(--color-text-subtle);font-size:var(--font-size-small);line-height:var(--line-height-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.heading1 .editable{font-family:var(--font-family-heading);padding-top:var(--space-025);padding-bottom:var(--space-050);font-size:var(--font-size-heading-large);font-weight:var(--font-weight-medium);letter-spacing:-.035em;line-height:1.12}.heading2 .editable{font-family:var(--font-family-heading);padding-top:var(--space-050);padding-bottom:var(--space-050);font-size:var(--font-size-heading-medium);font-weight:var(--font-weight-medium);letter-spacing:-.025em;line-height:1.18}.heading3 .editable{font-family:var(--font-family-heading);padding-top:var(--space-050);padding-bottom:var(--space-050);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);line-height:1.2}.heading4 .editable{font-family:var(--font-family-heading);padding-top:var(--space-050);padding-bottom:var(--space-050);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact)}.bulleted .editable{padding-left:var(--space-300);position:relative}.bulleted .editable:before{content:"•";left:var(--space-100);color:var(--color-text-subtle);position:absolute}.quote .editable{margin:var(--space-050) var(--space-0);padding-left:var(--space-150);border-left:var(--border-width-selected) solid var(--color-border-brand);color:var(--color-text-subtle)}.code .editable{min-height:72px;padding:var(--space-150);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-background-neutral);font-family:var(--font-family-mono);font-size:var(--font-size-compact)}.callout .editable{padding:var(--space-100) var(--space-150) var(--space-100) var(--space-500);border:var(--border-width) solid var(--color-callout-blue-border);border-radius:var(--radius-large);background:var(--color-callout-blue-background);color:var(--color-callout-blue-text);position:relative}.callout-blue,.callout-blue .editable{--callout-bg:var(--color-callout-blue-background);--callout-border:var(--color-callout-blue-border);--callout-ink:var(--color-callout-blue-text)}.callout-green,.callout-green .editable{--callout-bg:var(--color-callout-green-background);--callout-border:var(--color-callout-green-border);--callout-ink:var(--color-callout-green-text)}.callout-yellow,.callout-yellow .editable{--callout-bg:var(--color-callout-yellow-background);--callout-border:var(--color-callout-yellow-border);--callout-ink:var(--color-callout-yellow-text)}.callout-red,.callout-red .editable{--callout-bg:var(--color-callout-red-background);--callout-border:var(--color-callout-red-border);--callout-ink:var(--color-callout-red-text)}.callout-purple,.callout-purple .editable{--callout-bg:var(--color-callout-purple-background);--callout-border:var(--color-callout-purple-border);--callout-ink:var(--color-callout-purple-text)}.callout .editable{background:var(--callout-bg,var(--color-callout-blue-background));border-color:var(--callout-border,var(--color-callout-blue-border));color:var(--callout-ink,var(--color-callout-blue-text))}.callout-icon-control{top:var(--space-100);left:var(--space-100);z-index:2;color:var(--callout-ink,var(--color-link));position:absolute}.callout-icon-control .page-icon-picker{margin:var(--space-0)}.callout-icon-control .page-icon-button{width:24px;height:24px;padding:var(--space-0);color:var(--callout-ink,var(--color-link));place-items:center;display:grid}.callout-icon-control .page-icon-button:hover{background:var(--callout-bg,var(--color-background-brand-subtle))}.lozenge .editable{align-items:center;gap:var(--space-050);min-height:24px;margin:var(--space-0);padding:var(--space-050) var(--space-100);border-radius:var(--radius-small);background:var(--color-background-brand-subtle);color:var(--color-link-pressed);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);flex-direction:row;display:inline-flex}.lozenge:not(.is-active) .editable{cursor:pointer}.lozenge-green .editable{background:var(--color-tag-green-background);color:var(--color-tag-green-text)}.lozenge-yellow .editable{background:var(--color-tag-yellow-background);color:var(--color-tag-yellow-text)}.lozenge-red .editable{background:var(--color-tag-red-background);color:var(--color-tag-red-text)}.lozenge-purple .editable{background:var(--color-tag-purple-background);color:var(--color-tag-purple-text)}.inline-lozenge-colors .color-swatches{z-index:1;top:calc(100% + var(--space-050));padding:var(--space-050);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--elevation-shadow-overlay);pointer-events:auto;display:none;position:absolute;left:0}.inline-lozenge-colors:after{top:100%;left:calc(-1 * var(--space-050));width:calc(100% + var(--space-100));height:var(--space-050);content:"";position:absolute}.inline-lozenge-colors:hover .color-swatches,.inline-lozenge-colors:focus-within .color-swatches,.inline-lozenge-colors.is-open .color-swatches{display:flex}.inline-lozenge-colors:hover,.inline-lozenge-colors:focus-within,.inline-lozenge-colors.is-open{z-index:40}.inline-link-icon,.link-chip .page-icon,.link-preview-title .page-icon,.lozenge .page-icon{margin:var(--space-0)}.date-chip{margin:var(--space-0);cursor:pointer}.date-chip>svg{flex:none}.date-chip input{min-width:9ch;padding:var(--space-0);color:inherit;font:inherit;font-size:inherit;background:0 0;border:0;outline:0}.page-cover{width:100%;height:240px;margin:var(--space-0);margin-bottom:calc(-1 * var(--space-300));object-fit:cover;display:block}.page-cover.preview{height:80px;margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.graph-viewer{z-index:40;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);place-items:center;display:grid;position:fixed;inset:0}.graph-dialog{border:var(--border-width) solid var(--color-border-inverse);border-radius:var(--radius-xxlarge);background:var(--color-surface-raised);width:min(840px,100vw - 48px);height:min(600px,100vh - 48px);box-shadow:var(--elevation-shadow-modal);grid-template-rows:64px minmax(0,1fr);display:grid;overflow:hidden}.graph-header,.graph-canvas{width:100%;position:relative}.graph-header{height:64px;padding:var(--space-0) var(--space-250);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-raised);justify-content:space-between;align-items:center;display:flex}.graph-header span,.graph-header strong{display:block}.graph-header span{color:var(--color-icon-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase}.graph-header strong{margin-top:var(--space-050);font-size:var(--font-size-heading-small)}.graph-header button{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0}.graph-canvas{background:radial-gradient(circle, var(--color-border-bold) 1px, transparent 1px) 0 0 / 20px 20px, var(--color-background-subtle);height:100%;overflow:auto}.graph-canvas>svg{width:760px;height:480px;position:absolute}.graph-canvas>svg line{stroke:var(--color-border-brand);stroke-width:var(--border-width-selected)}.graph-node{align-items:center;gap:var(--space-100);width:154px;min-height:40px;padding:var(--space-100) var(--space-100);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-overlay);box-shadow:var(--elevation-shadow-raised);color:var(--color-text);cursor:pointer;display:flex;position:absolute;transform:translate(-50%,-50%)}.graph-node:hover{border-color:var(--color-border-brand);box-shadow:var(--elevation-shadow-raised-hovered)}.graph-node span{min-width:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-node .page-icon{margin:var(--space-0);color:var(--color-link);flex:none}.todo-line{grid-template-columns:24px auto;align-items:start;max-width:100%;display:inline-grid}.todo-line input{margin:var(--space-100) var(--space-0) var(--space-0);accent-color:var(--color-link)}.todo-line input:checked+.editable{color:var(--color-text-disabled);text-decoration:line-through}.divider-block{width:100%;height:1px;margin:var(--space-200) 0;border:0;border-top:1px solid var(--color-border);cursor:pointer;background-color:#0000}hr{width:100%;height:1px;margin:var(--space-050) 0;border:0;border-top:1px solid var(--color-border);background-color:#0000}.image-block{width:min(680px,100%);max-width:100%;margin:var(--space-100) var(--space-0) var(--space-150)}.image-frame{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xlarge);background:var(--color-background-subtle);position:relative;overflow:hidden}.image-frame img{background:var(--color-background-neutral);width:100%;height:auto;display:block}.image-block figcaption{width:100%;margin:var(--space-0);padding:var(--space-100) var(--space-050) var(--space-0);color:var(--color-text-subtle);font-size:var(--font-size-small);text-align:center;line-height:1.3;display:block}.image-caption{width:100%;margin:var(--space-100) var(--space-0) var(--space-0);text-align:center;display:block}.image-caption::placeholder{color:var(--color-text-placeholder)}.image-scale-handle{right:var(--space-075);bottom:var(--space-075);border:0;border-right:var(--border-width-selected) solid var(--color-surface);border-bottom:var(--border-width-selected) solid var(--color-surface);border-radius:var(--radius-xsmall);width:14px;height:14px;padding:var(--space-0);cursor:nwse-resize;background:0 0;position:absolute}.image-frame.is-selected,.image-block.is-selected .image-frame{box-shadow:0 0 0 2px var(--color-selection-ring)}.columns-row{margin:var(--space-100) var(--space-0)}.columns-block{gap:var(--space-0);padding:var(--space-0);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.column{min-width:0;padding:var(--space-100) var(--space-200)}.column+.column{position:relative}.column+.column:before{top:var(--space-200);bottom:var(--space-200);background:var(--color-border);content:"";width:1px;position:absolute;left:0}.column .block-row{display:block}.column .block-controls{padding-right:var(--space-0)}.contextual-toolbar{z-index:10;border:var(--border-width) solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);align-items:center;gap:var(--space-050);padding:var(--space-050);border-radius:var(--radius-large);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:fixed;transform:translate(-50%)}.persistent-toolbar{bottom:var(--space-250);max-width:calc(100vw - 32px);box-shadow:var(--elevation-shadow-floating);left:50%}.persistent-toolbar .change-popover{top:auto;bottom:calc(100% + var(--space-075))}.toolbar-group{align-items:center;gap:var(--space-050);display:flex}.toolbar-separator{width:1px;height:22px;margin:var(--space-0) var(--space-050);background:var(--color-border)}.contextual-toolbar button,.toolbar-pill{justify-content:center;align-items:center;gap:var(--space-075);min-width:30px;height:30px;padding:var(--space-0) var(--space-100);border-radius:var(--radius-medium);color:var(--color-text-subtle);display:inline-flex}.toolbar-pill{font-size:var(--font-size-compact)}.change-menu{position:relative}.change-popover,.slash-menu{z-index:100;isolation:isolate;width:var(--layout-menu-width);max-height:var(--layout-menu-max-height);padding:var(--space-075);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xlarge);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay);gap:var(--space-050);flex-direction:column;display:flex;overflow:auto}.change-popover{top:var(--space-500);z-index:12;display:none;position:absolute;left:0;overflow:hidden}.change-menu:hover .change-popover,.change-menu:focus-within .change-popover,.change-menu.is-open .change-popover{display:flex}.change-popover .slash-menu-row,.slash-menu .slash-menu-row{align-items:center;gap:var(--space-100);width:100%;height:30px;min-height:30px;padding:var(--space-075) var(--space-100);border-radius:var(--radius-medium);text-align:left;flex-direction:row;justify-content:space-between;display:flex}.slash-menu{top:calc(100% + var(--space-050));max-width:calc(100vw - var(--space-300));flex-direction:column;display:flex;position:absolute;left:0;transform:none}.slash-menu.viewport-menu{position:fixed}.slash-menu-row span{font-size:13px;font-weight:600}.slash-menu--scrollable{max-height:calc(var(--layout-menu-max-height) - var(--space-150));flex:1;overflow:hidden auto}.wiki-link-menu{top:calc(100% + var(--space-050));position:absolute;left:0;transform:none}.wiki-link-menu .wiki-link-option{justify-content:flex-start;height:auto;min-height:44px}.slash-title{padding:var(--space-100);color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;display:block}.create-page-option{background:var(--color-background-brand-subtlest)!important}.external-link-form{gap:var(--space-100);display:grid}.external-link-form label{padding:var(--space-0) var(--space-100)}.external-link-form .inline-page-modal-actions button{white-space:nowrap;grid-template-columns:none;width:auto;display:inline-flex}.menu-item-icon,.slash-icon{width:var(--space-300);height:var(--space-300);color:var(--color-text-subtle);place-items:center;display:grid}.create-page-option .slash-icon,.create-page-option .menu-item-icon{color:var(--color-link)}.change-popover strong,.change-popover small,.slash-menu strong,.slash-menu small{display:block}.change-popover strong,.slash-menu strong{font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold)}.change-popover small,.slash-menu small,.slash-menu p{color:var(--color-text-muted);font-size:var(--font-size-small)}.slash-menu p{margin:var(--space-0);padding:var(--space-100)}.knowledge-pane{z-index:3;width:var(--layout-knowledge-panel-width);height:100svh;padding:var(--space-0) var(--space-150);border-left:var(--border-width) solid var(--color-border);background:var(--color-background-subtle);position:fixed;top:0;right:0;overflow:auto}.knowledge-heading{height:50px;padding:var(--space-0) var(--space-075);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.knowledge-heading span,.linked-notes-section h2{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;display:block}.knowledge-heading strong{margin-top:var(--space-025);color:var(--color-text);font-size:var(--font-size-label);display:block}.linked-notes-section{padding:var(--space-200) var(--space-075);border-top:var(--border-width) solid var(--color-border)}.knowledge-heading+.linked-notes-section{border-top:0}.app-loading,.route-error{background:var(--color-surface);min-height:100vh;color:var(--color-text-muted);font-size:var(--font-size-compact);place-items:center;display:grid}.route-error{color:var(--color-text-subtle)}.auth-page{min-height:100vh;padding:var(--space-300);background:var(--color-background-subtle);place-items:center;display:grid}.auth-card{width:min(100%,390px);padding:var(--space-400);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xlarge);background:var(--color-surface-raised);box-shadow:var(--elevation-shadow-overlay)}.auth-brand{margin-bottom:var(--space-400);justify-content:space-between;align-items:center;display:flex}.auth-brand strong{font-family:var(--font-family-heading);font-size:var(--font-size-heading)}.auth-brand span,.spaces-heading span{color:var(--color-text-muted);font-size:var(--font-size-small)}.auth-card h1,.spaces-heading h1{margin:var(--space-0);font-family:var(--font-family-heading);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);letter-spacing:-.035em}.auth-card>p,.spaces-heading p{margin:var(--space-100) var(--space-0) var(--space-300);color:var(--color-text-muted);font-size:var(--font-size-compact);line-height:var(--line-height-body)}.auth-card form{gap:var(--space-150);display:grid}.auth-card form>.button-primary{min-height:var(--input-min-height);border-radius:var(--radius-medium);border:0}.auth-card button:disabled{opacity:.6;cursor:default}.auth-switch{text-align:center;margin:var(--space-250) var(--space-0) var(--space-0)!important}.auth-switch a{color:var(--color-link);font-weight:var(--font-weight-semibold)}.form-error{margin:var(--space-0);color:var(--color-tag-red-text);font-size:var(--font-size-small)}.spaces-page{min-width:0;padding:clamp(var(--space-300), 8vw, var(--space-600));background:var(--color-surface)}.spaces-heading{max-width:680px;margin-bottom:var(--space-400)}.space-grid{gap:var(--space-150);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-width:900px;display:grid}.space-card{gap:var(--space-075);min-height:132px;padding:var(--space-200);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-raised);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;display:grid}.space-card:hover{border-color:var(--color-border-brand);background:var(--color-background-brand-subtle)}.space-card svg{color:var(--color-link)}.space-card span{color:var(--color-text-muted);font-size:var(--font-size-small)}.space-create-card{background:var(--color-background-brand-subtle)}.space-create-card:hover{border-color:var(--color-border-brand);background:var(--color-background-brand-subtlest)}.space-create-modal{width:min(100%,420px)}.linked-notes-section h2{margin:var(--space-0) var(--space-0) var(--space-100)}.linked-notes-section button{width:100%;min-height:28px;padding:var(--space-050) var(--space-0);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-compact);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.linked-notes-section button:hover{background:0 0}.linked-notes-section button:hover .link-chip{background:var(--color-background-brand-subtle-hovered)}.linked-notes-section .link-chip{max-width:100%}.linked-notes-section .link-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.linked-notes-section p{margin:var(--space-0);color:var(--color-text-disabled);font-size:var(--font-size-small);line-height:var(--line-height-body)}@media (width<=780px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:var(--border-width) solid var(--color-border);min-height:auto}.doc-tree{max-height:190px}.page-topbar{padding:var(--space-200) var(--space-250)}.editor-canvas{width:calc(100% - 24px)}.editor-pane.has-knowledge-panel{padding-right:var(--space-0)}.knowledge-pane{display:none}.document-meta{padding-left:var(--space-500)}.columns-block{grid-template-columns:1fr}.column+.column{border:0}.column+.column:before{top:0;right:var(--space-200);bottom:auto;left:var(--space-200);width:auto;height:1px}}