@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-latin-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--white:#fff;--black:#000;--paper:var(--white);--ink:color-mix(in srgb,var(--black) 88%,var(--white));--muted:color-mix(in srgb,var(--black) 60%,var(--white));--faint:color-mix(in srgb,var(--black) 55%,var(--white));--line:color-mix(in srgb,var(--black) 8%,var(--white));--hover:color-mix(in srgb,var(--black) 4%,var(--white));--sidebar:color-mix(in srgb,var(--black) 1.8%,var(--white));--selected:color-mix(in srgb,var(--black) 5.5%,var(--white));--inverse:var(--white);--code-bg:color-mix(in srgb,var(--black) 2.5%,var(--white));--selection:color-mix(in srgb,var(--black) 12%,transparent);--shadow:0 8px 40px color-mix(in srgb,var(--black) 8%,transparent);--sans:"DM Sans",system-ui,-apple-system,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper)}:root[data-theme=dark]{--paper:color-mix(in srgb,var(--black) 93%,var(--white));--ink:color-mix(in srgb,var(--white) 91%,var(--black));--muted:color-mix(in srgb,var(--white) 62%,var(--black));--faint:color-mix(in srgb,var(--white) 50%,var(--black));--line:color-mix(in srgb,var(--white) 10%,var(--black));--hover:color-mix(in srgb,var(--white) 11%,var(--black));--sidebar:color-mix(in srgb,var(--black) 94.5%,var(--white));--selected:color-mix(in srgb,var(--white) 12%,var(--black));--inverse:var(--black);--code-bg:color-mix(in srgb,var(--white) 7.5%,var(--black));--selection:color-mix(in srgb,var(--white) 16%,transparent);--shadow:0 8px 40px color-mix(in srgb,var(--black) 35%,transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}svg{flex-shrink:0;width:18px;height:18px;display:block}button:disabled{cursor:default;color:var(--faint)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}input:focus-visible{outline:none}button{touch-action:manipulation}::selection{background:var(--selection)}.app{grid-template-columns:240px minmax(0,1fr);height:100dvh;min-height:360px;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:0 16px;display:flex;overflow:hidden}.brand-row{flex-shrink:0;align-items:center;gap:10px;height:80px;padding:0 8px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:9px;font-size:22px;font-weight:650;text-decoration:none;display:flex}.wordmark svg{stroke-width:1.5px;width:25px;height:25px}.brand-period{color:var(--faint)}.local-label{font:10px var(--mono);letter-spacing:.02em;border:1px solid var(--line);color:var(--muted);border-radius:5px;margin-left:auto;padding:3px 5px}.sidebar-close{display:none!important}.new-note{background:var(--ink);width:100%;color:var(--inverse);height:41px;box-shadow:0 2px 3px color-mix(in srgb,var(--black) 5%,transparent);border-radius:9px;align-items:center;gap:10px;padding:0 13px;font-size:12.5px;font-weight:550;display:flex}.new-note:hover{opacity:.88}.new-note svg{width:16px;height:16px}.new-note-shortcut{font:10px var(--sans);opacity:.55;margin-left:auto}.search-wrap{height:38px;color:var(--muted);align-items:center;gap:8px;margin:14px 3px 26px;display:flex}.search-wrap svg{width:15px;height:15px}.search-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:11.5px}.search-wrap input::placeholder{color:var(--muted)}.search-wrap:focus-within{color:var(--ink)}kbd{font:10px var(--sans);white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:4px;padding:2px 4px}.search-wrap kbd{background:0 0;border:0;padding:0}.sidebar-section-label{letter-spacing:.12em;color:var(--faint);justify-content:space-between;margin-bottom:11px;padding:0 10px;font-size:9px;font-weight:600;display:flex}.note-list{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.note-row{text-align:left;border-radius:8px;align-items:flex-start;gap:11px;width:100%;margin-bottom:4px;padding:12px 10px;display:flex;position:relative}.note-row:hover{background:var(--hover)}.note-row[aria-current=true]{background:var(--selected)}.note-row>svg{width:17px;height:17px;color:var(--muted);margin-top:2px}.note-row-copy{flex:1;min-width:0}.note-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;line-height:1.5;display:block;overflow:hidden}.note-row-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin-top:3px;font-size:10.5px;line-height:1.5;display:block;overflow:hidden}.note-row-time{color:var(--faint);margin-top:6px;font-size:9px;display:block}.empty-list{color:var(--muted);padding:24px 10px;font-size:12px;line-height:1.8}.sidebar-bottom{flex-shrink:0;padding-top:12px}.sidebar-link{text-align:left;width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:10px;font-size:11px;display:flex}.sidebar-link:hover{background:var(--hover);color:var(--ink)}.sidebar-link svg{width:15px;height:15px}.subtle-count{margin-left:auto;font-size:10px}.local-info{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:10px;margin:16px 8px 22px;padding-top:19px;display:flex}.local-info>svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.local-info strong{font-size:10px;font-weight:450;display:block}.local-info span{color:var(--faint);margin-top:4px;font-size:9.5px;display:block}.sidebar-bottom-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:49px;margin:0 5px;display:flex}.quiet-button{color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.quiet-button:hover{color:var(--ink)}.quiet-button svg{width:14px;height:14px}.main{background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:65px;padding:0 27px;display:flex}.topbar-start,.topbar-end{align-items:center;gap:17px;min-width:0;display:flex}.topbar-end{gap:13px}.icon-button{min-width:30px;height:30px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--ink);background:var(--hover)}.icon-button svg{width:17px;height:17px}.breadcrumb{color:var(--faint);white-space:nowrap;align-items:center;gap:13px;min-width:0;font-size:11px;display:flex}.breadcrumb>span:first-child{color:var(--line)}#breadcrumb-title{color:var(--muted);text-overflow:ellipsis;max-width:250px;overflow:hidden}.save-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.status-dot{background:currentColor;border-radius:100%;flex-shrink:0;width:4px;height:4px;display:inline-block}.save-status[data-state=saving] .status-dot{opacity:.35}.save-status[data-state=error]{color:var(--ink);font-weight:650}.workspace-header{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:24px;padding:43px 44px 30px;display:flex}.note-heading{flex:1;min-width:0}.eyebrow{letter-spacing:.15em;color:var(--faint);font-size:8.5px;font-weight:500;display:block}.note-title{font-family:var(--sans);letter-spacing:-1.15px;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;border-radius:0;outline:none;width:100%;margin:9px 0 10px;padding:0;font-size:29px;font-weight:550;line-height:1.4}.note-title::placeholder{color:var(--faint)}.note-title:focus{box-shadow:0 1px 0 var(--line)}.note-meta{color:var(--faint);align-items:center;gap:8px;font-size:10px;display:flex}.meta-dot{background:currentColor;border-radius:50%;width:2px;height:2px}.view-switch{background:var(--sidebar);border:1px solid var(--line);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;margin-bottom:1px;padding:3px;display:flex}.view-switch button{white-space:nowrap;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:450;display:flex}.view-switch button svg{width:13px;height:13px}.view-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px color-mix(in srgb,var(--black) 8%,transparent)}.view-switch button:not([aria-pressed=true]):hover{color:var(--ink)}.canvas{border-top:1px solid var(--line);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;margin:0 26px 0 28px;display:grid}.editor-pane,.preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--line)}.pane-heading{letter-spacing:.12em;height:47px;color:var(--faint);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 19px;font-size:8px;font-weight:500;display:flex}.preview-pane .pane-heading{padding-left:27px}.format-toolbar{align-items:center;gap:1px;display:flex}.format-toolbar .icon-button{min-width:25px;height:25px}.format-toolbar svg{width:13px;height:13px}.toolbar-divider{background:var(--line);width:1px;height:10px;margin:0 5px}.live-label{letter-spacing:0;text-transform:none;color:var(--faint);align-items:center;gap:6px;font-size:9px;font-weight:400;display:flex}.live-label .status-dot{width:3px;height:3px}.editor-mount{flex:1;min-height:0;overflow:hidden}.editor-mount>.cm-editor{height:100%}.cm-scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.preview-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-anchor:none;flex:1;min-height:0;padding:8px 28px 70px;overflow:hidden auto}.document{overflow-wrap:anywhere;max-width:720px;color:var(--ink);margin:0 auto;font-size:15px;line-height:1.85}.document>:first-child{margin-top:0}.document h1,.document h2,.document h3,.document h4{letter-spacing:-.035em;color:var(--ink);font-weight:550;line-height:1.35}.document h1{letter-spacing:-1.4px;margin:0 0 22px;font-size:33px;line-height:1.25}.document h2{margin:34px 0 14px;font-size:19px}.document h3{margin:27px 0 10px;font-size:16px}.document p{color:color-mix(in srgb,var(--ink) 83%,var(--paper));margin:0 0 19px}.document strong{color:var(--ink);font-weight:600}.document em{font-style:italic}.document ul,.document ol{margin:16px 0 23px;padding-left:21px}.document li{color:color-mix(in srgb,var(--ink) 83%,var(--paper));margin:6px 0;padding-left:4px}.document li::marker{color:var(--faint)}.document li>p{margin:0}.document li:has(>input[type=checkbox]){margin-left:-20px;padding-left:0;list-style:none;display:block}.document input[type=checkbox]{appearance:none;border:1px solid var(--faint);cursor:pointer;vertical-align:baseline;background:var(--paper);border-radius:3px;flex-shrink:0;width:13px;height:13px;margin:0 9px -1px 0;position:relative}.document input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.document input[type=checkbox]:checked:after{content:"";border-left:1.5px solid var(--inverse);border-bottom:1.5px solid var(--inverse);width:6px;height:3px;position:absolute;top:3px;left:2px;transform:rotate(-45deg)}.document blockquote{border-left:2px solid var(--line);margin:26px 0;padding:1px 0 1px 18px;font-size:14px}.document blockquote p{color:var(--muted);margin:6px 0;font-style:italic}.document a{color:inherit;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.document a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.document code{font-family:var(--mono);background:var(--hover);border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:.83em}.document hr{border:0;border-top:1px solid var(--line);margin:30px 0}.document img{border-radius:8px;max-width:100%;height:auto}.table-scroll{border:1px solid var(--line);border-radius:8px;margin:22px 0;overflow-x:auto}.document table{border-collapse:collapse;width:100%;font-size:12px}.document th,.document td{text-align:left;border-bottom:1px solid var(--line);padding:10px 13px}.document th{background:var(--sidebar);font-weight:550}.document tr:last-child td{border-bottom:0}.code-block{border:1px solid var(--line);background:var(--code-bg);border-radius:9px;margin:22px 0 27px;overflow:hidden}.code-heading{border-bottom:1px solid var(--line);height:37px;font:9px var(--mono);letter-spacing:0;color:var(--muted);justify-content:space-between;align-items:center;padding:0 13px;display:flex}.copy-code{font:9px var(--sans);color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:4px 2px;display:flex}.copy-code svg{width:11px;height:11px}.copy-code:hover{color:var(--ink)}.document pre{font:11px/1.9 var(--mono);tab-size:2;scrollbar-width:thin;margin:0;padding:17px 16px;overflow:auto}.document pre code{font:inherit;color:inherit;background:0 0;border:0;border-radius:0;min-width:max-content;padding:0;display:block}.document .line{min-height:1em}.empty-document{color:var(--faint);padding:30px 0;font-size:14px;line-height:1.8}.empty-document h1{color:var(--faint);font-size:29px;font-weight:450}.statusbar{border-top:1px solid var(--line);height:40px;color:var(--faint);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:0 28px;font-size:9px;display:flex}.statusbar>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.statusbar-divider{background:var(--line);width:1px;height:9px}.statusbar-hint{color:var(--faint);align-items:center;gap:7px;padding:0;font-size:9px;display:flex}.statusbar-hint:hover{color:var(--ink)}.statusbar-hint kbd{background:0 0;border:0;padding:0;font-size:9px}[data-mode=write] .canvas{grid-template-columns:minmax(0,1fr)}[data-mode=write] .preview-pane{display:none}[data-mode=write] .editor-pane{border-right:0;width:100%;max-width:900px;margin:0 auto}[data-mode=document] .canvas{grid-template-columns:minmax(0,1fr)}[data-mode=document] .editor-pane{display:none}[data-mode=document] .preview-scroll{padding:32px 60px 90px}[data-mode=document] .document{max-width:680px;font-size:16px}[data-mode=document] .document h1{letter-spacing:-1.7px;margin-bottom:26px;font-size:40px}[data-mode=document] .document h2{margin-top:40px;font-size:23px}[data-mode=document] .document blockquote{font-size:16px}[data-mode=document] .document pre{font-size:12px}[data-mode=document] .preview-pane>.pane-heading{display:none}[data-sidebar=closed]{grid-template-columns:minmax(0,1fr)}[data-sidebar=closed] .sidebar{display:none}.app.is-focused{grid-template-columns:minmax(0,1fr)}.is-focused .sidebar{display:none}.is-focused .workspace-header{width:100%;max-width:1100px;margin:auto;padding-top:23px;padding-bottom:18px}.is-focused .note-meta,.is-focused .eyebrow,.is-focused .breadcrumb{display:none}.is-focused .topbar{border-color:#0000;height:48px}.is-focused .note-title{font-size:23px}.is-focused .statusbar-hint{visibility:hidden}.is-focused .canvas{width:calc(100% - 56px);max-width:1100px;margin-left:auto;margin-right:auto}.actions-menu{border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);z-index:40;border-radius:10px;width:224px;margin:0;padding:5px;inset:57px 26px auto auto}.actions-menu button{text-align:left;border-radius:6px;align-items:center;gap:11px;width:100%;padding:10px 9px;font-size:11px;display:flex}.actions-menu button:hover{background:var(--hover)}.actions-menu svg{width:15px;height:15px;color:var(--muted)}.menu-extension{color:var(--faint);font:9px var(--mono);margin-left:auto}.menu-divider{background:var(--line);height:1px;margin:4px 6px}.dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;width:min(500px,100% - 32px);max-height:80dvh;padding:30px}.dialog::backdrop{background:color-mix(in srgb,var(--black) 25%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog h2{letter-spacing:-.8px;margin:10px 0 0;font-size:26px;font-weight:550}.dialog-description{color:var(--muted);margin:18px 0 25px;font-size:12px;line-height:1.8}.trash-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:12px;display:flex}.trash-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.trash-row button{background:var(--hover);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:7px;font-size:10px;display:flex}.trash-row svg{width:12px;height:12px}.shortcut-list{margin:25px 0 0}.shortcut-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.shortcut-list dt{color:var(--muted);font-size:12px}.shortcut-list dd{gap:4px;margin:0;display:flex}.toast{background:var(--ink);color:var(--inverse);border:1px solid color-mix(in srgb,var(--inverse) 15%,transparent);box-shadow:var(--shadow);z-index:100;border-radius:9px;align-items:center;gap:20px;max-width:calc(100% - 32px);padding:12px 17px;font-size:11px;line-height:1.6;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast button{color:inherit;text-underline-offset:3px;white-space:nowrap;font-size:11px;font-weight:650;text-decoration:underline}.sidebar-scrim{background:color-mix(in srgb,var(--black) 22%,transparent);z-index:49;cursor:default;position:fixed;inset:0}:root{--ease-out:cubic-bezier(.22,1,.36,1);--motion-fast:.15s;--motion:.26s}button,.note-row{transition:background var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out)}.icon-button:active,.new-note:active,.view-switch button:active{transform:scale(.95)}.brand-mark{color:var(--ink);display:block}.wordmark .xdface-mark{width:32px;height:32px;transition:transform .4s var(--ease-out);stroke-width:initial}.wordmark:hover .xdface-mark{transform:rotate(-8deg)translateY(-1px)}.new-note svg{transition:transform var(--motion) var(--ease-out)}.new-note:hover svg{transform:rotate(90deg)}.note-row:after{content:"";background:var(--ink);opacity:0;width:2px;transition:opacity var(--motion) ease,transform var(--motion) var(--ease-out);border-radius:2px;position:absolute;top:19px;bottom:19px;left:0;transform:scaleY(.35)}.note-row[aria-current=true]:after{opacity:.6;transform:scaleY(1)}.view-switch{isolation:isolate;position:relative}.view-switch button{z-index:1;position:relative}.view-switch button[aria-pressed=true]{box-shadow:none;background:0 0}.view-indicator{z-index:0;background:var(--paper);box-shadow:0 1px 4px color-mix(in srgb,var(--black) 8%,transparent);pointer-events:none;transition:transform var(--motion) var(--ease-out),width var(--motion) var(--ease-out),height var(--motion) var(--ease-out);border-radius:5px;position:absolute;top:0;left:0}.status-dot{transition:opacity var(--motion) ease,transform var(--motion) var(--ease-out)}.save-status[data-state=saving] .status-dot{animation:1s ease-in-out infinite saving-breathe}.save-status[data-state=saved] .status-dot{transform:scale(1)}:is(.dialog[open],.actions-menu:popover-open){animation:surface-enter .22s var(--ease-out)}.dialog::backdrop{animation:.2s backdrop-enter}.toast:not([hidden]){animation:toast-enter var(--motion) var(--ease-out)}@keyframes surface-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes saving-breathe{50%{opacity:.75;transform:scale(1.25)}}.canvas{padding-right:66px;position:relative}.preview-scroll,.cm-scroller{scrollbar-width:none}.preview-scroll::-webkit-scrollbar{display:none}.cm-scroller::-webkit-scrollbar{display:none}.document-minimap{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:52px;height:120px;min-height:35px;color:var(--ink);opacity:0;transition:opacity var(--motion) ease;outline-offset:3px;border-radius:5px;position:absolute;top:55px;right:0}.document-minimap[data-ready=true]{opacity:.72}.document-minimap:hover,.document-minimap:focus-visible,.document-minimap[data-dragging=true]{opacity:1}.document-minimap canvas{pointer-events:none;width:100%;display:block}.minimap-viewport{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--ink) 4%,transparent);pointer-events:none;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease;border-radius:4px;position:absolute;top:0;left:1px;right:1px}.document-minimap:hover .minimap-viewport,.document-minimap:focus-visible .minimap-viewport,.document-minimap[data-dragging=true] .minimap-viewport{border-color:color-mix(in srgb,var(--ink) 25%,transparent);background:color-mix(in srgb,var(--ink) 7%,transparent)}.document-minimap[data-scrollable=false]{cursor:default}.document-minimap[data-scrollable=false] .minimap-viewport{background:0 0;border-color:#0000}.minimap-marker{background:var(--ink);opacity:0;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.minimap-label{white-space:nowrap;text-overflow:ellipsis;background:var(--paper);max-width:240px;color:var(--muted);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out);z-index:5;border-radius:6px;padding:7px 10px;font-size:10px;line-height:1.5;position:absolute;top:12px;right:calc(100% + 13px);overflow:hidden;transform:translateY(-50%)translate(4px)}.document-minimap:hover .minimap-marker,.document-minimap[data-dragging=true] .minimap-marker{opacity:.25}.document-minimap:hover .minimap-label,.document-minimap:focus-visible .minimap-label,.document-minimap[data-dragging=true] .minimap-label{opacity:1;transform:translateY(-50%)translate(0)}[data-mode=document] .document-minimap{top:30px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1600px){.workspace-header{padding-left:64px;padding-right:64px}.canvas{margin-left:46px;margin-right:46px}.preview-scroll{padding-left:44px;padding-right:44px}.statusbar{margin-left:46px;margin-right:46px}}@media (max-width:1190px){.workspace-header{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 29px 22px}.note-heading{width:100%}.view-switch{align-self:flex-end;margin-top:-7px}.note-title{font-size:27px}.canvas{margin-left:14px;margin-right:14px}.preview-scroll{padding-left:22px;padding-right:18px}.document h1{font-size:28px}.topbar{padding-left:18px;padding-right:18px}.topbar-start{gap:12px}.breadcrumb{gap:8px}.breadcrumb>#breadcrumb-title{max-width:180px}.statusbar-hint span{display:none}}@media (max-width:800px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:min(290px,100% - 46px);box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;inset:0 auto 0 0}[data-sidebar=open] .sidebar{display:flex}.local-label{margin-left:auto}.sidebar-close{display:inline-flex!important}.brand-row{gap:12px}.new-note{height:45px;font-size:13px}.search-wrap{margin-top:18px;margin-bottom:20px}.search-wrap input{font-size:13px}.note-row{padding-top:15px;padding-bottom:15px}.note-row-title{font-size:13px}.note-row-preview{font-size:11px}.sidebar-link{font-size:12px}.sidebar-bottom-row{height:55px}.quiet-button{font-size:12px}.sidebar-bottom-row .icon-button{width:40px;height:40px}.local-info strong{font-size:11px}.local-info span{font-size:10px}.split-mode-button{display:none!important}.canvas{margin-left:12px;margin-right:12px;grid-template-columns:minmax(0,1fr)!important}.editor-pane{border:0}.pane-heading{height:42px;padding-left:10px;padding-right:10px}.preview-pane .pane-heading{padding-left:14px}.workspace-header{flex-direction:column;gap:20px;padding:27px 24px 22px}.note-title{letter-spacing:-1px;margin-top:9px;margin-bottom:9px;font-size:27px}.eyebrow{letter-spacing:.12em;font-size:8px}.view-switch{justify-content:center;align-self:stretch;margin-top:0;padding:4px}.view-switch button{flex:1;padding:8px 12px;font-size:11px}.view-switch button svg{width:14px;height:14px}.note-meta{font-size:10px}.topbar{gap:12px;height:57px;padding:0 16px}.topbar-end{gap:6px}.topbar-start{gap:10px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>#breadcrumb-title{max-width:150px}.save-status{gap:4px;font-size:9px}.focus-button{display:none}.icon-button{width:34px;height:34px}.preview-scroll,[data-mode=document] .preview-scroll{padding:22px 14px 60px}.document,[data-mode=document] .document{font-size:15px}.document h1,[data-mode=document] .document h1{letter-spacing:-1.1px;margin-bottom:22px;font-size:31px;line-height:1.25}.document h2,[data-mode=document] .document h2{margin-top:30px;font-size:20px}.document pre,[data-mode=document] .document pre{font-size:10.5px}.statusbar{height:38px;padding-bottom:env(safe-area-inset-bottom);gap:6px;margin:0 23px;font-size:8px}.statusbar>div{gap:7px}.statusbar-hint,#character-count,.statusbar-divider:nth-of-type(2){display:none}.actions-menu{top:52px;right:13px}.is-focused .workspace-header{gap:10px;padding:15px 22px}.is-focused .canvas{width:calc(100% - 24px)}.is-focused .note-title{font-size:23px}.is-focused .topbar{height:46px}.canvas{padding-right:34px}.document-minimap{width:28px;top:48px}[data-mode=document] .document-minimap{top:24px}.minimap-label{max-width:190px;font-size:9px;right:calc(100% + 7px)}[data-sidebar=open] .sidebar{animation:drawer-enter .28s var(--ease-out)}.sidebar-scrim:not([hidden]){animation:.22s backdrop-enter}}@keyframes drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:380px){.breadcrumb{font-size:9px}.breadcrumb>#breadcrumb-title{max-width:108px}.save-status{font-size:8px}.workspace-header{padding-left:19px;padding-right:19px}.note-title{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.workspace-header,.statusbar,.pane-heading,.editor-pane,.toast,.copy-code,.document-minimap{display:none!important}.app,.main,.canvas,.preview-pane,.preview-scroll{border:0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.document{max-width:none!important;font-size:12pt!important}.code-block{break-inside:avoid}.document a:after{content:" (" attr(href) ")";font-size:9pt}}.app[data-mode=document] .editor-pane{border:0;width:100%;margin:0 auto;display:flex}.app[data-mode=document] .preview-pane,.app[data-mode=document] .editor-pane>.pane-heading{display:none}.app[data-mode=document] .editor-mount{width:100%;max-width:790px;margin:0 auto}.cm-editor.cm-document{font-family:var(--sans);font-size:16px}.cm-editor.cm-document .cm-scroller{font-family:var(--sans);line-height:1.85}.cm-editor.cm-document .cm-content{caret-color:var(--ink);min-width:0;padding:30px 32px 120px 12px}.cm-editor.cm-document .cm-line{color:color-mix(in srgb,var(--ink) 86%,var(--paper));padding:0;line-height:1.85}.cm-editor.cm-document .cm-rich-blank{min-height:14px;line-height:14px}.cm-editor.cm-document .cm-rich-h1,.cm-editor.cm-document .cm-rich-h2,.cm-editor.cm-document .cm-rich-h3,.cm-editor.cm-document .cm-rich-h4,.cm-editor.cm-document .cm-rich-h5,.cm-editor.cm-document .cm-rich-h6{font-family:var(--sans);color:var(--ink);letter-spacing:-.035em;font-weight:550;line-height:1.35}.cm-editor.cm-document .cm-rich-h1{letter-spacing:-1.5px;padding-bottom:13px;font-size:39px;line-height:1.25}.cm-editor.cm-document .cm-rich-h2{padding-top:15px;padding-bottom:8px;font-size:23px}.cm-editor.cm-document .cm-rich-h3{padding-top:12px;padding-bottom:5px;font-size:19px}.cm-editor.cm-document .cm-rich-h4,.cm-editor.cm-document .cm-rich-h5,.cm-editor.cm-document .cm-rich-h6{padding-top:10px;padding-bottom:4px;font-size:16px}.cm-editor.cm-document .cm-rich-syntax{font:400 12px/1 var(--mono);color:var(--faint);opacity:.6;letter-spacing:0}.cm-editor.cm-document .cm-rich-list{text-indent:-16px;padding-left:23px}.cm-rich-bullet{background:var(--faint);vertical-align:3px;border-radius:50%;width:4px;height:4px;margin:0 11px 0 1px;display:inline-block}.cm-editor.cm-document .cm-rich-task{padding-left:1px}.cm-rich-task-control{vertical-align:-1px;text-indent:0;align-items:center;width:14px;height:16px;margin-right:9px;display:inline-flex}.cm-rich-task-control input{width:14px;height:14px;accent-color:var(--ink);cursor:pointer;margin:0}.cm-rich-task-control input:focus-visible{outline:2px solid var(--faint);outline-offset:3px}.cm-editor.cm-document .cm-rich-quote{border-left:2px solid var(--line);color:var(--muted);padding-left:18px;font-style:italic}.cm-rich-inline-code{font-family:var(--mono);background:var(--hover);box-shadow:0 0 0 1px var(--line);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 4px;font-size:.84em}.cm-rich-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.cm-editor.cm-document .cm-rich-code{font:12px/1.95 var(--mono);background:var(--code-bg);border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink);padding:0 16px}.cm-editor.cm-document .cm-rich-code-start{font:10px/34px var(--mono);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);border-radius:9px 9px 0 0}.cm-editor.cm-document .cm-rich-code-end{border-bottom:1px solid var(--line);border-radius:0 0 9px 9px;min-height:12px;font-size:1px;line-height:12px}.cm-rich-code-heading{vertical-align:middle;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;line-height:34px;display:inline-flex}.cm-rich-code-heading>span{cursor:text}.cm-rich-code-heading .copy-code{line-height:1.4}.cm-rich-table-widget{cursor:text;max-width:100%;padding:10px 0 16px;font-size:14px;position:relative;overflow-x:auto}.cm-rich-table-widget table{border:1px solid var(--line);border-radius:8px;min-width:280px;overflow:hidden}.cm-rich-table-widget .cm-rich-table-edit{opacity:0;background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px;transition:opacity .15s;position:absolute;top:14px;right:4px}.cm-rich-table-edit svg{width:12px;height:12px}.cm-rich-table-widget:hover .cm-rich-table-edit,.cm-rich-table-edit:focus-visible{opacity:1}.cm-editor.cm-document .cm-rich-table-source{font:12px/2 var(--mono);color:var(--muted);background:var(--code-bg);white-space:pre}.cm-rich-image{cursor:text;max-width:100%;display:inline-block}.cm-rich-image p{margin:0}.cm-rich-image img{border-radius:8px;max-width:100%;height:auto;max-height:480px;display:block}.cm-rich-rule{background:var(--line);vertical-align:middle;width:100%;height:1px;display:inline-block}.cm-editor.cm-document .cm-placeholder{font-family:var(--sans);color:var(--faint)}.cm-editor .cm-scroller .cm-gutters{color:var(--faint);-webkit-user-select:none;user-select:none;background:0 0;border:0}.cm-editor .cm-lineNumbers{min-width:34px;font:9px var(--mono);font-variant-numeric:tabular-nums;cursor:default}.cm-editor .cm-lineNumbers .cm-gutterElement{opacity:0;transition:opacity .24s ease,transform .28s var(--ease-out);padding-right:9px;transform:translate(3px)}.cm-editor .cm-lineNumbers .cm-activeLineGutter{background:0 0}.cm-editor .cm-gutters:hover .cm-lineNumbers .cm-gutterElement,.cm-editor[data-line-navigation=true] .cm-lineNumbers .cm-gutterElement,.cm-editor[data-line-selection=true] .cm-lineNumbers .cm-gutterElement{opacity:.5;transform:translate(0)}.cm-editor.cm-focused .cm-lineNumbers .cm-activeLineGutter{opacity:.55;background:0 0;transform:translate(0)}.cm-editor.cm-document.cm-focused .cm-lineNumbers .cm-activeLineGutter{opacity:.32}.cm-editor .cm-dialog{font-family:var(--sans);background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;padding:12px;font-size:12px}.cm-editor .cm-dialog input{background:var(--paper);color:var(--ink);border:1px solid var(--line);font:12px var(--mono);border-radius:5px;padding:6px 8px}.cm-editor .cm-dialog button{background:var(--ink);color:var(--inverse);border-radius:5px;padding:6px 10px;font-size:11px}@media (max-width:1190px){.app[data-mode=document] .editor-mount{max-width:740px}.cm-editor.cm-document .cm-content{padding-right:24px}}@media (max-width:800px){.cm-editor.cm-document{font-size:15px}.cm-editor.cm-document .cm-content{padding:22px 7px 90px 2px}.cm-editor.cm-document .cm-rich-h1{letter-spacing:-1.1px;font-size:31px}.cm-editor.cm-document .cm-rich-h2{font-size:20px}.cm-editor.cm-document .cm-rich-code{padding-left:11px;padding-right:11px;font-size:10.5px}.cm-editor.cm-document .cm-rich-code-start{font-size:9px}.cm-editor .cm-lineNumbers{min-width:25px;font-size:8px}.cm-editor .cm-lineNumbers .cm-gutterElement{padding-right:7px}.cm-rich-table-widget table{min-width:260px}}@media (prefers-reduced-motion:reduce){.cm-editor .cm-lineNumbers .cm-gutterElement{transition:none;transform:none}}