@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}:root{color-scheme:light dark;--bg: light-dark(#f7f2e9, #181818);--bg-sidebar: light-dark(#efe8dc, #141414);--surface: light-dark(#fffcf6, #222222);--hover: light-dark(#e9e1d3, #2b2b2b);--border: light-dark(#e3dacb, #343434);--border-strong: light-dark(#d2c7b4, #484848);--text: light-dark(#2b241d, #ededed);--text-2: light-dark(#5c5246, #c0c0c0);--text-3: light-dark(#6c6155, #a0a0a0);--icon: light-dark(#8a7e70, #929292);--star: light-dark(#a87b1c, #d9b25c);--warn-bg: light-dark(#f6ebcf, #2e2615);--warn-border: light-dark(#e6d5a8, #4a3d1f);--warn-text: light-dark(#6b5214, #e3c886);--danger: light-dark(#a3412b, #eb9580);--scrim: light-dark(rgb(43 36 29 / .3), rgb(0 0 0 / .55));--shadow-color: light-dark(rgb(60 44 24 / .07), rgb(0 0 0 / .35));--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 14px var(--shadow-color), 0 1px 2px var(--shadow-color);--shadow-lg: 0 18px 60px light-dark(rgb(60 44 24 / .16), rgb(0 0 0 / .6)), 0 0 0 1px light-dark(transparent, rgb(255 255 255 / .04));--tint-green: light-dark(#e7ebdc, #232a1f);--tint-sand: light-dark(#f1e5cc, #2e2719);--tint-sky: light-dark(#e0e8e9, #1e2829);--tint-icon-green: light-dark(#5f7a52, #9db58f);--tint-icon-sand: light-dark(#9a7a35, #d2b47a);--tint-icon-sky: light-dark(#5a7f86, #93b6bb);--accent: light-dark(#4b6b4e, #86ad89);--accent-text: light-dark(#3f5f43, #a6c9a8);--on-accent: light-dark(#ffffff, #181818);--accent-hover: color-mix(in oklab, var(--accent), light-dark(black, white) 12%);--accent-soft: color-mix(in oklab, var(--accent) 14%, var(--surface));--selected: color-mix(in oklab, var(--accent) 13%, var(--bg-sidebar));--focus: color-mix(in oklab, var(--accent) 75%, var(--bg));--font-sans: "DM Sans", system-ui, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-body: 15px;--r-sm: 4px;--r: 6px;--r-lg: 10px;--ease: cubic-bezier(.2, .7, .2, 1);--fast: .12s;--med: .2s;--sidebar-w: 248px;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-accent=clay],[data-swatch=clay]{--accent: light-dark(#a85638, #d58b6c);--accent-text: light-dark(#924a2f, #eaa98e)}:root[data-accent=ocean],[data-swatch=ocean]{--accent: light-dark(#2f6690, #79a8cf);--accent-text: light-dark(#29597e, #a2c8e6)}:root[data-accent=plum],[data-swatch=plum]{--accent: light-dark(#7b4b85, #b08bb9);--accent-text: light-dark(#6c4076, #d4b4db)}:root[data-accent=honey],[data-swatch=honey]{--accent: light-dark(#8f6512, #d0a24a);--accent-text: light-dark(#7c5710, #e5c47e)}:root[data-accent=rose],[data-swatch=rose]{--accent: light-dark(#a8435d, #d88799);--accent-text: light-dark(#953a52, #efb3c1)}:root[data-accent=grey],[data-swatch=grey]{--accent: light-dark(#5f5a54, #adb2bb);--accent-text: light-dark(#524d47, #cdd1d8)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button:where(:not(.bn-root *,.bn-root,[class*=mantine-])),input:where(:not(.bn-root *,.bn-root,[class*=mantine-])),select:where(:not(.bn-root *,.bn-root,[class*=mantine-])){font:inherit;color:inherit}button:where(:not(.bn-root *,.bn-root,[class*=mantine-])){cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}button:where(:not(.bn-root *,.bn-root,[class*=mantine-])):hover{background:var(--hover)}button:where(:not(.bn-root *,.bn-root,[class*=mantine-])):active:not(:disabled){transform:scale(.98)}button:where(:not(.bn-root *,.bn-root,[class*=mantine-])):disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin:0}svg:where(:not(.bn-root *,.bn-root,[class*=mantine-])){flex-shrink:0}svg.lucide{stroke-width:1.75}kbd{font-family:inherit;font-size:var(--text-xs);color:var(--text-3);white-space:nowrap}small{font-size:var(--text-sm)}strong{font-weight:550}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px 10px;gap:2px}.workspace-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.brand-mark{width:26px;height:26px;border-radius:var(--r);background:var(--accent);color:var(--on-accent);font-size:var(--text-md);font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center}.workspace-brand strong{font-size:var(--text-md);font-weight:600}.search-trigger{width:100%;border:1px solid var(--border);background:var(--surface);padding:7px 10px;color:var(--text-3);justify-content:flex-start;font-size:var(--text-base);box-shadow:var(--shadow-sm)}.search-trigger:hover{background:var(--surface);border-color:var(--border-strong)}.search-trigger kbd{margin-left:auto}.primary-nav{margin:10px 0 4px;display:flex;flex-direction:column;gap:1px}.primary-nav>button,.page-nav,.sidebar-bottom>button:not(.profile),.add-page{width:100%;justify-content:flex-start;padding:6px 8px;font-size:var(--text-base);text-align:left;color:var(--text-2);min-width:0;gap:9px}.primary-nav svg,.page-nav svg,.sidebar-bottom>button svg,.add-page svg{color:var(--icon)}.primary-nav>button.selected,.page-nav.selected{background:var(--selected);color:var(--text);font-weight:500}.primary-nav>button.selected svg,.page-nav.selected svg{color:var(--accent-text)}.nav-count{margin-left:auto;font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.section-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0 4px;padding-left:8px}.section-label button{padding:2px 4px;font-size:var(--text-xs);font-weight:500;color:var(--text-3);gap:6px;letter-spacing:.02em}.section-label button:first-child{margin-left:-4px}.section-label button:hover{color:var(--text)}.section-label button[aria-label]{opacity:0;padding:3px}.section-label:hover button[aria-label],.section-label button[aria-label]:focus-visible{opacity:1}.page-nav span:not(.nav-count){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-scroll{overflow-y:auto;flex:1;min-height:0;margin-inline:-4px;padding-inline:4px}.add-page{color:var(--text-3);margin-top:6px}.sidebar-bottom{padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1px}.preview-note{font-size:var(--text-sm);color:var(--text-2);margin:8px 0 4px;padding:10px 10px 8px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.dot{display:inline-block;width:6px;height:6px;background:var(--star);border-radius:50%;margin-right:7px;vertical-align:1px}.preview-note small{display:block;font-size:var(--text-xs);color:var(--text-3);margin:2px 0 6px 13px}.preview-note button{padding:2px 4px;margin-left:9px;font-size:var(--text-sm);font-weight:500;gap:4px;color:var(--accent-text)}.profile{display:flex;width:100%;justify-content:flex-start;text-align:left;gap:9px;padding:6px;margin-top:4px;font-size:var(--text-base);font-weight:500}.profile small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--text-3);margin-top:1px}.profile>svg{margin-left:auto;color:var(--icon)}.avatar{border-radius:50%;height:26px;width:26px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm);font-weight:600}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;flex-shrink:0;gap:16px}.breadcrumbs{display:flex;align-items:center;gap:4px;font-size:var(--text-base);color:var(--text-3);min-width:0}.breadcrumbs button{color:var(--text-3);padding:3px 6px}.breadcrumbs button:hover{color:var(--text)}.breadcrumbs>span{color:var(--text);padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs>svg{color:var(--border-strong)}.top-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.primary{background:var(--accent);color:var(--on-accent);padding:8px 14px;font-size:var(--text-base);font-weight:500;box-shadow:var(--shadow-sm),inset 0 1px #ffffff14}.primary:hover{background:var(--accent-hover)}.primary.small{padding:6px 11px}.icon-button{height:30px;width:30px;padding:0;color:var(--icon)}.icon-button:hover{color:var(--text)}.icon-button.favorited{color:var(--star)}.favorited svg{fill:currentColor;fill-opacity:.25}.save-status{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:var(--text-sm);margin-right:8px}.save-status.error,.save-status.conflict{color:var(--warn-text)}.mobile-only{display:none}main{overflow:auto;flex:1}.home-page,.page-document{max-width:760px;margin:0 auto;padding:56px 48px 64px;animation:enter var(--med) var(--ease)}@keyframes enter{0%{opacity:0}}.home-intro{margin-bottom:24px}.home-intro h1{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.home-intro>p{color:var(--text-3);font-size:var(--text-md);margin-top:6px}.quick-capture{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 14px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:32px;color:var(--text-3);justify-content:flex-start;font-size:var(--text-md)}.quick-capture:hover{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.quick-capture:active:not(:disabled){transform:none}.quick-capture svg{color:var(--icon)}.quick-capture kbd{margin-left:auto;display:flex;gap:6px;align-items:center}.home-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;gap:12px;min-height:28px}.home-section-heading h2{font-size:var(--text-sm);font-weight:500;color:var(--text-3)}.home-section-heading button{font-size:var(--text-sm);color:var(--text-3);padding:4px 6px;margin-right:-6px}.home-section-heading button:hover{color:var(--text)}.home-section+.home-section{margin-top:32px}.space-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.space-links button{border:1px solid var(--border);background:var(--surface);padding:6px 10px 6px 9px;font-size:var(--text-base);color:var(--text-2);gap:7px}.space-links button:hover{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.space-links svg{color:var(--icon)}.space-links span{color:var(--text-3);font-variant-numeric:tabular-nums}.document-list{display:flex;flex-direction:column;margin-inline:-8px}.document-row{display:flex;width:100%;gap:12px;padding:8px;text-align:left;min-width:0}.page-glyph{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r);background:var(--tint-green);color:var(--tint-icon-green);flex-shrink:0}.page-glyph.pen,.page-glyph.sun{background:var(--tint-sand);color:var(--tint-icon-sand)}.page-glyph.compass,.page-glyph.layers{background:var(--tint-sky);color:var(--tint-icon-sky)}.row-main{min-width:0;flex:1}.row-main strong{display:block;font-size:var(--text-md);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{display:block;font-size:var(--text-sm);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.row-sharing{color:var(--icon);display:flex}.document-row time{font-size:var(--text-sm);color:var(--text-3);min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.page-document{padding-top:40px}.page-eyebrow{display:flex;gap:12px;align-items:center;margin-bottom:14px}.page-glyph.large{width:44px;height:44px;border-radius:var(--r-lg)}.visibility-chip{display:inline-flex;gap:5px;align-items:center;font-size:var(--text-sm);color:var(--text-3);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.page-title{width:100%;font-size:34px;font-weight:600;letter-spacing:-.025em;border:0;background:none;padding:0;margin:0;line-height:1.15;color:var(--text);outline:none!important}.page-title::placeholder{color:var(--border-strong)}.page-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-3);margin:8px 0 28px;flex-wrap:wrap}.page-meta button{font-size:var(--text-sm);color:var(--text-2);padding:2px 6px;gap:4px}.editor-wrap{margin:0 -54px;min-height:160px}.collection-document .editor-wrap{min-height:0}.collection-document .bn-editor{padding-bottom:0}.editor-loading{padding:3px 54px;color:var(--text-3);font-size:var(--text-body);line-height:1.7}.editor-wrap .bn-root[data-color-scheme]{--bn-font-family: var(--font-sans);--bn-colors-editor-background: var(--bg);--bn-colors-editor-text: var(--text);--bn-colors-menu-background: var(--surface);--bn-colors-menu-text: var(--text);--bn-colors-tooltip-background: var(--text);--bn-colors-tooltip-text: var(--bg);--bn-colors-hovered-background: var(--hover);--bn-colors-hovered-text: var(--text);--bn-colors-selected-background: var(--selected);--bn-colors-selected-text: var(--text);--bn-colors-border: var(--border);--bn-colors-side-menu: var(--icon);--bn-border-radius: var(--r);--bn-border-radius-small: var(--r-sm);--bn-border-radius-medium: var(--r);--bn-border-radius-large: var(--r-lg);--bn-shadow-medium: var(--shadow-md);--bn-shadow-light: var(--shadow-sm)}.editor-wrap .bn-editor{padding-inline:54px;background:transparent;font-size:var(--text-body);line-height:1.7}.editor-wrap .bn-block-content[data-content-type=heading]{font-weight:600;letter-spacing:-.015em;line-height:1.3}.editor-wrap .bn-block-content[data-content-type=heading][data-level="1"]{--level: 1.75em;padding-top:calc(54px - .65em)}.editor-wrap .bn-block-content[data-content-type=heading][data-level="2"]{--level: 1.35em;padding-top:calc(42px - .65em)}.editor-wrap .bn-block-content[data-content-type=heading][data-level="3"]{--level: 1.1em;padding-top:calc(33.5px - .65em)}.editor-wrap .bn-block-content:is([data-content-type=paragraph],[data-content-type=bulletListItem],[data-content-type=numberedListItem],[data-content-type=checkListItem],[data-content-type=toggleListItem]){padding-block:max(0px,calc((30px - 1lh)/2))}.editor-wrap .bn-block-content[data-content-type=checkListItem]>div>input{accent-color:var(--accent);width:14px;height:14px;margin-block:5px;align-self:center}.editor-wrap .bn-block-content[data-content-type=checkListItem]>div:has(>input){display:flex;align-items:center}.editor-wrap .bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{color:var(--text-3)}.editor-wrap .bn-block-group .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-color:var(--border)}.prosemirror-dropcursor-block{transition-duration:60ms!important;border-radius:1px}.editor-wrap .bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--text-3)!important;opacity:.7}.child-pages{margin-top:32px;padding-top:12px;border-top:1px solid var(--border)}.subtle-button{font-size:var(--text-base);color:var(--text-3);padding:6px 8px;margin:4px -8px 0}.subtle-button:hover{color:var(--text)}.collection{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.collection-toolbar>button{font-size:var(--text-base);color:var(--text-2);padding:6px 8px;gap:6px}.segmented{display:flex;background:var(--hover);padding:2px;border-radius:var(--r);gap:2px}.segmented button{font-size:var(--text-sm);padding:4px 10px;color:var(--text-3);gap:6px;border-radius:var(--r-sm)}.segmented button:hover{background:none;color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.collection-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--border);overflow:hidden;border-radius:var(--r-lg);background:var(--surface);min-width:0;padding:0;gap:0}.collection-card:hover{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.collection-card:active:not(:disabled){transform:scale(.99)}.collection-cover{height:88px;display:flex;align-items:center;justify-content:center;background:var(--tint-green);color:var(--tint-icon-green)}.collection-cover.sun,.collection-cover.pen{background:var(--tint-sand);color:var(--tint-icon-sand)}.collection-cover.compass,.collection-cover.layers{background:var(--tint-sky);color:var(--tint-icon-sky)}.collection-card-body{padding:12px 14px 14px}.collection-card h3{font-size:var(--text-md);font-weight:600;color:var(--text);line-height:1.3}.collection-card p{font-size:var(--text-sm);color:var(--text-3);line-height:1.5;margin:4px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag,.pill{background:var(--hover);color:var(--text-2);font-size:var(--text-xs);padding:2px 7px;border-radius:999px;display:inline-block;margin-right:4px}.collection-add{border:1px dashed var(--border-strong);min-height:180px;flex-direction:column;gap:8px;font-size:var(--text-base);color:var(--text-3);padding:20px;border-radius:var(--r-lg)}.collection-add:hover{color:var(--text);border-color:var(--icon)}.collection-table{overflow:auto}.table-heading,.table-row{display:grid;grid-template-columns:minmax(160px,1.6fr) 140px minmax(100px,1fr);gap:16px;align-items:center;min-width:460px;border-bottom:1px solid var(--border);padding:6px 4px;font-size:var(--text-base)}.table-heading{font-size:var(--text-sm);color:var(--text-3);font-weight:500}.table-row>button{justify-content:flex-start;text-align:left;font-weight:500;padding:5px 6px;margin-left:-6px}.table-row>button svg{color:var(--icon)}.table-row>span{color:var(--text-2)}.table-row select{margin:0;padding:4px 8px;font-size:var(--text-base);border-color:transparent;background-color:transparent}.table-row select:hover{background-color:var(--hover)}.banner{background:var(--warn-bg);color:var(--warn-text);font-size:var(--text-base);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;line-height:1.5;border-bottom:1px solid var(--warn-border)}.banner button{font-weight:600;white-space:nowrap;padding:4px 8px}.banner button:hover{background:color-mix(in oklab,currentColor 10%,transparent)}.page-document .banner{border:1px solid var(--warn-border);border-radius:var(--r);margin:0 0 16px;padding:8px 8px 8px 14px}.conflict{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--r-lg);padding:16px;font-size:var(--text-base);color:var(--warn-text);margin-bottom:20px}.conflict p{margin:4px 0 12px;line-height:1.55}.conflict>div{display:flex;gap:6px;flex-wrap:wrap}.conflict button:not(.primary){padding:6px 10px}.empty{padding:56px 16px;text-align:center;color:var(--text-3);font-size:var(--text-md);line-height:1.6}.empty h2{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.empty p{margin-bottom:16px}.empty>button:not(.primary){padding:6px 10px;color:var(--text-2)}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text-3)}.modal{padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;background:var(--surface);width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);overflow:auto}.modal[open]{animation:modal-in var(--med) var(--ease)}.modal[open]::backdrop{animation:fade-in var(--med) var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes fade-in{0%{opacity:0}}.modal.wide{width:600px;margin-top:12vh;padding:14px 14px 10px}.modal.wide>header{display:none}.modal::backdrop{background:var(--scrim)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-4px -6px 8px 0}.modal h2{font-size:16px;font-weight:600}.modal .muted{margin-bottom:8px}.muted{color:var(--text-3);font-size:var(--text-base);line-height:1.6}label:where(:not(.bn-root *,.bn-root,[class*=mantine-])){display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-2);margin:14px 0 0}input:where(:not(.bn-root *,.bn-root,[class*=mantine-])):not(.page-title):not([type=checkbox]),select:where(:not(.bn-root *,.bn-root,[class*=mantine-])){display:block;width:100%;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--bg);padding:8px 10px;font-size:var(--text-md);margin-top:6px;min-width:0;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input:where(:not(.bn-root *,.bn-root,[class*=mantine-])):not(.page-title):focus,select:where(:not(.bn-root *,.bn-root,[class*=mantine-])):focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}input:where(:not(.bn-root *,.bn-root,[class*=mantine-]))::placeholder{color:var(--text-3);opacity:.8}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{color:var(--text-3);line-height:1.5;font-size:var(--text-sm);margin:8px 0 16px}.full{width:100%;margin-top:4px;padding-block:9px}.icon-picker{display:flex;gap:2px;flex-wrap:wrap;margin:12px 0 0}.icon-picker button{width:34px;height:34px;padding:0;color:var(--icon);border:1px solid transparent}.icon-picker button.chosen{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.option-actions{display:flex;flex-direction:column;border-top:1px solid var(--border);margin:16px -8px 0;padding-top:8px;gap:1px}.option-actions button{justify-content:flex-start;padding:7px 8px;color:var(--text-2);font-size:var(--text-base)}.option-actions button svg{color:var(--icon)}.option-actions button.archive-action,.option-actions button.archive-action svg{color:var(--danger)}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.account-actions a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:var(--r)}.setting-row:has(.account-actions){flex-wrap:wrap}.settings-section+.settings-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.settings-section h3{font-size:var(--text-sm);font-weight:500;color:var(--text-3);margin-bottom:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:var(--text-md)}.settings-section .form-note{margin:4px 0 0}.swatches{display:flex;gap:6px}[data-swatch=sage]{--accent: light-dark(#4b6b4e, #86ad89)}.swatches button{width:26px;height:26px;padding:0;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:inset 0 0 0 1px #00000014}.swatches button:hover{background:var(--accent);transform:scale(1.08)}.swatches button.chosen{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.account{display:flex;align-items:center;gap:10px;font-weight:500}.secondary{border:1px solid var(--border-strong);padding:6px 11px;font-size:var(--text-base);color:var(--text-2)}.secondary:hover{color:var(--text)}.error-text{color:var(--danger);font-size:var(--text-base);line-height:1.5;margin:10px 0}.notice{font-size:var(--text-base);line-height:1.6;color:var(--warn-text);background:var(--warn-bg);padding:12px 14px;border-radius:var(--r)}.search-input{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:2px 4px 12px;color:var(--icon)}.search-input input:not(.page-title){border:0;padding:4px 0;background:none;font-size:16px;margin:0;box-shadow:none}.search-results{margin:8px -6px 0;max-height:55vh;overflow:auto}.search-results button{display:flex;width:100%;text-align:left;justify-content:flex-start;padding:8px 10px;gap:12px;color:var(--icon)}.search-results button:active:not(:disabled){transform:none}.search-results button>span{flex:1;min-width:0}.search-results strong{display:block;font-size:var(--text-md);font-weight:500;color:var(--text)}.search-results small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm);color:var(--text-3);margin-top:1px}.search-results .empty{padding:28px 16px}.toast{position:fixed;bottom:20px;left:calc(50% + var(--sidebar-w) / 2);transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 8px 8px 16px;display:flex;align-items:center;gap:12px;border-radius:var(--r-lg);font-size:var(--text-base);box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);z-index:10;animation:toast-in var(--med) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast .icon-button{color:inherit;opacity:.6;height:26px;width:26px}.toast .icon-button:hover{background:#7f7f7f33;opacity:1}.sidebar-scrim{display:none}@media(max-width:1100px){:root{--sidebar-w: 224px}.home-page,.page-document{padding-left:40px;padding-right:40px}}@media(max-width:850px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:264px;transform:translate(-100%);visibility:hidden;transition:transform var(--med) var(--ease),visibility var(--med);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0);visibility:visible}.workspace-brand .mobile-only{margin-left:auto}.mobile-only{display:inline-flex}.section-label button[aria-label]{opacity:1}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);border-radius:0;z-index:19;animation:fade-in var(--med) var(--ease)}.sidebar-scrim:active:not(:disabled){transform:none}.topbar{padding:0 12px}.home-page,.page-document{padding:32px 28px 40px}.toast{left:50%}.editor-wrap{margin-inline:-28px}.editor-wrap .bn-editor,.editor-loading{padding-inline:28px}}@media(max-width:600px){.home-page,.page-document{padding:24px 16px 32px}.home-intro h1{font-size:22px}.editor-wrap{margin-inline:-16px}.editor-wrap .bn-editor,.editor-loading{padding-inline:16px}.row-sharing{display:none}.document-row time{min-width:0}.breadcrumbs>button:not(.mobile-only),.breadcrumbs>svg{display:none}.save-status{font-size:var(--text-xs);margin-right:2px}.page-title{font-size:28px}.page-meta{margin-bottom:20px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:8px}.collection-add{min-height:140px}.modal.wide{margin-top:8vh}.form-columns{grid-template-columns:1fr;gap:0}.banner{padding:10px 14px}}.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after,.modal::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.collaboration-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--text-3);margin:0 0 18px;min-height:20px}.presence-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}.presence-dot.online{background:var(--accent);opacity:1}.collaboration-people{margin-left:auto}.collaboration-status{margin-inline:54px}@media(max-width:850px){.collaboration-status{margin-inline:28px}}@media(max-width:600px){.collaboration-status{margin-inline:16px}}