:root{color-scheme:light;--bg: #f5f4f8;--panel: #ffffff;--sidebar: #f7f6fa;--soft: #f1eff6;--hover: #ebe8f3;--text: #282536;--muted: #777184;--faint: #9690a2;--line: #e8e5ee;--accent: #7254bd;--accent-hover: #6243ad;--accent-soft: #eee8fa;--editor-selection: #875ce64d;--accent-text: #6243ad;--success: #3e7d62;--warning: #aa711b;--error: #b23a51;--shadow: 0 20px 70px #30204714;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #1a1820;--panel: #211e29;--sidebar: #1c1923;--soft: #2a2633;--hover: #312b3c;--text: #ece7f3;--muted: #aba1b9;--faint: #83798f;--line: #35303f;--accent: #a58add;--accent-hover: #b69be8;--accent-soft: #352b48;--editor-selection: #b596ed66;--accent-text: #c5aff0;--success: #8dbca4;--warning: #dab374;--error: #ee9caa;--shadow: 0 20px 70px #0004}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}button:hover:not(:disabled),.button:hover{background:var(--hover)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{color:#fff;background:var(--accent);border-color:transparent;font-weight:600}.primary:hover:not(:disabled){background:var(--accent-hover)}:root[data-theme=dark] .primary:not(:disabled){color:#1e172b}.icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--icon-size, 18px);height:var(--icon-size, 18px);line-height:0;vertical-align:middle}.icon svg{display:block;flex:none;width:100%;height:100%}[data-icon]{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}.icon-button{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:34px;padding:0;border-color:transparent;background:transparent;color:var(--muted)}.icon-button.small{--icon-size: 16px;width:28px;height:28px;min-height:28px}.subtle{background:transparent;border-color:transparent;color:var(--muted)}input,select{min-width:0;max-width:100%;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px 12px}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--accent)}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}kbd{font:11px var(--mono);border:1px solid var(--line);border-radius:4px;padding:3px 5px;color:var(--faint);white-space:nowrap}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--muted)}.app-header{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--panel)}.brand,.header-actions{display:flex;align-items:center;gap:11px}.brand strong{font-size:16px;letter-spacing:-.5px}.brand-mark{width:28px;height:30px;border-radius:7px 7px 11px;background:var(--accent);color:#fff;font:700 24px/26px Georgia,serif;text-align:center;transform:rotate(-6deg)}.pilot-badge{color:var(--muted);border:1px solid var(--line);padding:2px 7px;border-radius:5px;font-size:10px;letter-spacing:.01em}.header-actions{gap:6px}.plugin-link{font-size:12px}.login-screen{display:grid;place-items:center;flex:1;min-height:0;overflow:auto;padding:42px 20px;background:radial-gradient(ellipse at 50% 20%,var(--accent-soft),transparent 65%)}.login-card{width:min(100%,450px);padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-symbol{padding:12px;color:var(--accent-text);background:var(--accent-soft);border-radius:13px;margin-bottom:20px}.login-symbol .icon{width:22px;height:22px}.login-card h1{margin:10px 0;font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1.25}.login-intro{color:var(--muted);line-height:1.75;margin:12px 0 30px}#login-form input{width:100%;margin-bottom:14px}.login-screen{align-items:safe center}#account-dialog{width:min(600px,calc(100% - 32px));max-height:85dvh;overflow:auto}#account-dialog .dialog-heading{position:sticky;top:0;z-index:2;background:var(--panel);padding-bottom:12px}.account-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.account-section h3{margin:0 0 12px;font-size:15px}.account-section input,.account-section select{display:block;width:100%;margin-bottom:14px}.account-row{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px}.account-row span{flex:1;min-width:0;overflow-wrap:anywhere}.account-row button{flex:none}#ticket-output{font-family:var(--mono)}#account-email{overflow-wrap:anywhere}.login-submit{margin-top:14px;width:100%;height:42px}.login-footnote{font-size:11px;color:var(--faint);line-height:1.7;margin:22px 0 0}#app{display:grid;grid-template-columns:258px minmax(0,1fr);flex:1;min-height:0}#app:not(.sidebar-open){grid-template-columns:minmax(0,1fr)}#sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:24px 14px 10px;background:var(--sidebar);border-right:1px solid var(--line)}.vault-picker{padding:0 4px}.vault-picker label{margin-bottom:4px}.vault-picker-row{display:flex;align-items:center;gap:4px}#vaults{flex:1;border:0;font-weight:600;padding:8px 4px;background:transparent;font-size:14px;text-overflow:ellipsis}.search-box{display:flex;align-items:center;gap:7px;margin:20px 0 22px;padding:0 10px;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--faint)}.search-box:focus-within{border-color:var(--accent)}.search-box{--icon-size: 16px}.search-box input{padding:8px 0;width:100%;background:transparent;border:0;outline:none;font-size:12px}.search-box kbd{border:0;padding:0;font-size:10px}.notes-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-bottom:10px}#file-count{margin-left:5px;letter-spacing:0;color:var(--faint);font-weight:400}.row-actions{display:flex;gap:2px}#files{flex:1;min-height:0;overflow:auto;padding:0 1px 20px;scrollbar-width:thin}.file-group{margin-bottom:12px}.file-group summary{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;padding:7px 6px;cursor:pointer;list-style:none}.file-group summary::-webkit-details-marker{display:none}.file-group summary:before{content:"\203a";display:inline-block;width:7px;transition:transform .12s}.file-group[open] summary:before{transform:rotate(90deg)}.file-group summary{--icon-size: 16px}.folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#files .note-link{display:flex;justify-content:flex-start;gap:9px;width:100%;min-height:35px;padding:8px 10px;border:0;border-radius:6px;color:var(--muted);background:transparent;text-align:left;font-size:12px;font-weight:400;margin:2px 0}.note-link .icon{--icon-size: 16px;color:var(--faint)}.note-link .note-name{overflow:hidden;text-overflow:ellipsis}#files .note-link:hover{color:var(--text);background:var(--hover)}#files .note-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.note-link[aria-current=page] .icon{color:var(--accent-text)}.files-empty{padding:10px 7px;font-size:12px;color:var(--faint);line-height:1.8}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:11px 6px 0}.privacy-indicator{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:11px}.privacy-indicator{--icon-size: 14px}.account-menu{position:relative}.account-menu summary{cursor:pointer;list-style:none;padding:6px;color:var(--muted);border-radius:5px;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:var(--hover)}.account-popover{position:absolute;z-index:5;bottom:37px;right:0;background:var(--panel);border:1px solid var(--line);padding:6px;min-width:185px;box-shadow:var(--shadow);border-radius:9px}.account-popover button{display:block;width:100%;text-align:left;border:0;font-size:12px}.danger-text{color:var(--error)}#workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel)}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 22px;height:51px;flex-shrink:0;border-bottom:1px solid var(--line)}#workspace-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--faint)}.view-switch{display:flex;flex:none;padding:3px;gap:2px;background:var(--soft);border-radius:7px}.view-switch button{border:0;min-height:27px;padding:4px 8px;font-size:11px;color:var(--muted);background:transparent;border-radius:5px;gap:5px}.view-switch{--icon-size: 16px}.view-switch button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000000b}.empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;min-height:0;overflow:auto}.empty-symbol{color:var(--accent);padding:22px;background:var(--accent-soft);border-radius:24px;margin-bottom:22px;transform:rotate(-5deg)}.empty-symbol .icon{width:33px;height:33px}.empty-state h1{font-size:27px;font-weight:600;letter-spacing:-.9px;margin:6px 0 10px}#empty-description{max-width:360px;color:var(--muted);line-height:1.8;margin:0 0 24px}.empty-shortcut{display:flex;gap:10px;align-items:center;color:var(--faint);font-size:11px;margin-top:25px}#document{flex:1;display:flex;flex-direction:column;min-height:0}.document-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 32px 26px;flex-shrink:0}.document-identity{min-width:0}.breadcrumb{color:var(--faint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}#note-title{font-size:clamp(23px,2.5vw,32px);line-height:1.25;font-weight:650;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.document-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.save-button{min-width:102px;margin-left:12px;font-size:12px}.save-button{--icon-size: 16px}.save-button:disabled{opacity:1;color:var(--muted);border-color:var(--line);background:var(--panel);font-weight:400}.panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0;border-top:1px solid var(--line)}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}#source-pane{border-right:1px solid var(--line)}.pane-label{display:flex;justify-content:space-between;padding:10px 22px;color:var(--faint);font-size:9px;letter-spacing:.12em;flex-shrink:0}.pane-label span{letter-spacing:0;font-size:10px;opacity:.75}#app[data-view=live] .panes,#app[data-view=edit] .panes,#app[data-view=preview] .panes{grid-template-columns:minmax(0,1fr)}#app[data-view=live] #source-pane,#app[data-view=edit] #source-pane{border-right:0}#editor{flex:1;min-height:0;overflow:hidden;padding:8px 0 20px}.cm-editor{height:100%;color:var(--text)}.cm-editor.cm-focused{outline:none}.cm-editor .cm-scroller{overflow:auto;font:15px/1.9 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scrollbar-width:thin}.cm-editor .cm-content{padding:4px 20px 40px 8px;caret-color:var(--accent)}.cm-editor .cm-gutters{background:transparent;border:0;color:var(--faint);font-size:10px;padding-left:7px}#editor .cm-activeLine{background:transparent}.cm-editor .cm-activeLineGutter{background:var(--soft)}.cm-editor .cm-gutters .cm-gutter.cm-lineNumbers{display:none}#app[data-view=edit] #editor{padding-inline:max(18px,calc((100% - 800px)/2))}#app[data-view=edit] .document-heading,#app[data-view=preview] .document-heading{padding-left:max(32px,calc((100% - 800px)/2 + 22px))}#app[data-view=preview] #preview{padding-inline:max(30px,calc((100% - 760px)/2))}.cm-editor .cm-cursor{border-left-color:var(--accent)}#editor .cm-selectionLayer{z-index:1!important;pointer-events:none;mix-blend-mode:multiply}:root[data-theme=dark] #editor .cm-selectionLayer{mix-blend-mode:screen}#editor .cm-selectionBackground{background:var(--editor-selection)}.cm-editor .cm-tooltip,.cm-editor .cm-panels{color:var(--text);border-color:var(--line);background:var(--sidebar)}.cm-editor .cm-searchMatch{background:var(--accent-soft);outline:1px solid var(--accent)}#preview{flex:1;min-height:0;overflow:auto;padding:10px 30px 40px;line-height:1.85;font-size:15px;overflow-wrap:anywhere;scrollbar-width:thin}#preview>*{max-width:100%}#preview>:first-child{margin-top:0}#preview h1,#preview h2,#preview h3{letter-spacing:-.4px;line-height:1.4;font-weight:600}#preview h1{font-size:1.7em}#preview h2{font-size:1.4em}#preview h3{font-size:1.15em}#preview a{color:var(--accent-text);text-decoration-color:var(--accent-soft);text-underline-offset:3px}#preview a:hover{text-decoration-color:currentColor}#preview pre{white-space:pre-wrap;background:var(--soft);border-radius:7px;padding:14px 16px;font:12px/1.8 var(--mono)}#preview :not(pre)>code{font:.85em var(--mono);background:var(--soft);padding:2px 5px;border-radius:4px}#preview blockquote{border-left:3px solid var(--accent);padding:2px 18px;background:var(--soft);border-radius:0 7px 7px 0;color:var(--muted)}#preview table{border-collapse:collapse;font-size:13px;display:block;max-width:100%;overflow:auto}#preview td,#preview th{padding:8px 13px;border:1px solid var(--line)}#preview th{background:var(--soft);font-weight:600}#preview input[type=checkbox]{accent-color:var(--accent)}#preview hr{border:0;border-top:1px solid var(--line);margin:24px 0}#preview.is-empty:before{content:"A blank page. Start writing in the editor.";color:var(--faint);font-size:13px;font-style:italic}.unsupported{display:inline-block;color:var(--warning);background:var(--soft);border-radius:5px;padding:5px 8px;font-size:12px}.native-query{border:1px dashed var(--line);border-radius:8px;padding:10px 15px}.native-query small{color:var(--faint);font-size:10px}.document-footer{display:flex;align-items:center;gap:18px;padding:10px 23px;border-top:1px solid var(--line);font-size:10px;color:var(--faint);flex-shrink:0}.save-state{display:flex;align-items:center;gap:6px}.save-state:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--success)}.save-state[data-dirty=true]:before{background:var(--warning)}.manual-save{margin-left:auto}.statusbar{display:flex;gap:20px;align-items:center;padding:5px 18px;min-height:29px;background:var(--sidebar);border-top:1px solid var(--line);flex-shrink:0;font-size:10px;color:var(--faint)}#status{margin:0;flex:1;overflow-wrap:anywhere}#status[data-kind=error]{color:var(--error);font-weight:500}.status-context{white-space:nowrap;font-size:10px}.status-context span{margin:0 6px}dialog{width:min(460px,calc(100vw - 32px));max-height:min(80vh,700px);overflow:auto;margin:auto;padding:28px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}dialog::backdrop{background:#17112366;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.dialog-heading .eyebrow{margin:0 0 5px}.dialog-heading h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.6px}.dialog-heading .icon-button{margin:-6px -6px 0 0}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset input{width:100%}#create-folder-row{margin-top:18px}.optional{color:var(--faint);font-size:11px;font-weight:400;margin-left:5px}.dialog-help{color:var(--muted);font-size:12px;line-height:1.75;margin:16px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.form-error{color:var(--error);font-size:12px}.form-error:empty{display:none}#history-dialog{width:min(540px,calc(100vw - 32px))}#history-dialog .dialog-help{margin-top:-8px;margin-bottom:18px}#revisions button{display:flex;width:100%;justify-content:space-between;text-align:left;padding:14px 12px;margin-top:7px;font-size:12px}#revisions .revision-size{font:10px var(--mono);color:var(--muted)}@media(max-width:1050px){#app{grid-template-columns:225px minmax(0,1fr)}.document-heading{padding:24px;gap:12px}.document-actions{gap:0}.save-button{margin-left:4px;min-width:85px}.pane-label span{display:none}#preview{padding-left:22px;padding-right:22px}}@media(max-width:760px){.app-header{height:52px;padding:0 12px}.brand{gap:9px}.brand strong{font-size:15px}.brand-mark{width:25px;height:27px;font-size:22px;line-height:25px}.pilot-badge{display:none}.plugin-link{font-size:11px;padding:7px}#app{grid-template-columns:minmax(0,1fr)}#sidebar{border-right:0;padding-top:18px}#app.sidebar-open #workspace{display:none}.workspace-toolbar{padding:8px 14px;height:48px}.view-label{display:none}.view-switch button{padding:6px 10px}.document-heading{flex-wrap:wrap;padding:18px;gap:14px}.document-identity{flex:1 1 100%;min-width:0}.document-actions{width:100%;justify-content:flex-end}#app[data-view=edit] .document-heading,#app[data-view=preview] .document-heading{padding-left:18px}#note-title{font-size:24px}.document-actions .icon-button{width:30px;height:30px;min-height:30px}.save-button{min-width:73px;padding:6px 9px;margin-left:5px}.save-button .icon{display:none}#app[data-view=split] .panes{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}#source-pane{border-right:0}#app[data-view=split] #source-pane{border-bottom:1px solid var(--line)}.pane-label{padding:8px 16px}#preview{padding:8px 18px 25px}.document-footer{gap:12px;padding:8px 14px}.manual-save,.status-context{display:none}.statusbar{padding:6px 12px;font-size:10px}.login-screen{padding:20px 16px}.login-card{padding:28px 24px;border-radius:13px}.login-card h1{font-size:25px}.empty-state{padding:24px}.empty-state h1{font-size:24px}dialog{padding:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.cm-live-preview .cm-gutters{display:none!important}.cm-live-preview .cm-lp-heading{font-weight:650;line-height:1.5;padding-top:8px;padding-bottom:5px;letter-spacing:-.4px}.cm-live-preview .cm-lp-h1{font-size:1.65em}.cm-live-preview .cm-lp-h2{font-size:1.4em}.cm-live-preview .cm-lp-h3{font-size:1.2em}.cm-live-preview .cm-lp-heading span{font-size:inherit;font-weight:inherit}.cm-lp-strong{font-weight:650}.cm-lp-em{font-style:italic}.cm-lp-strike{text-decoration:line-through}.cm-lp-inline-code{font-family:var(--mono);background:var(--soft);border-radius:4px;padding:1px 3px}.cm-lp-link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-soft);cursor:text}.cm-lp-link:hover{text-decoration-color:var(--accent)}#editor .cm-live-preview .cm-lp-quote{border-left:3px solid var(--accent);padding-left:16px;color:var(--muted);background:var(--soft)}.cm-lp-bullet{display:inline-block;min-width:.75em;text-align:center;color:var(--accent-text)}.cm-lp-checkbox{display:inline-block;vertical-align:baseline;line-height:1}.cm-lp-checkbox input{width:15px;height:15px;padding:0;margin:0 3px 0 0;vertical-align:-2px;accent-color:var(--accent);cursor:pointer}.cm-lp-task-done{color:var(--muted)}#editor .cm-live-preview .cm-lp-code-block,#editor .cm-live-preview .cm-lp-frontmatter{background:var(--soft);font:13px/1.85 var(--mono);padding-left:14px}.cm-lp-code-info{color:var(--muted);font-size:11px}.cm-lp-table{margin:12px 8px 16px;max-height:400px;overflow:auto;cursor:text;font:14px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cm-lp-table table{border-collapse:collapse;min-width:50%}.cm-lp-table th,.cm-lp-table td{border:1px solid var(--line);padding:8px 13px}.cm-lp-table th{background:var(--soft);font-weight:600}.cm-lp-table a{color:var(--accent-text)}.cm-lp-table code{font-family:var(--mono)}.cm-lp-table:focus-visible,.cm-lp-rule:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cm-lp-rule{padding:16px 8px;cursor:text}.cm-lp-rule hr{border:0;border-top:1px solid var(--line);margin:0}#app[data-view=live] #editor{padding-inline:max(10px,calc((100% - 800px)/2))}#app[data-view=live] .document-heading{padding-left:max(18px,calc((100% - 800px)/2 + 8px))}#editor-mode-label{font:inherit}
