:root{color-scheme:light;--topbar-height: 76px;--toolbar-height: 48px;--list-pane-width: 320px;--surface: #fffefa;--surface-soft: #fbfbf7;--text: #1b1d1f;--border-subtle: rgba(27, 29, 31, .12);--shadow-subtle: rgba(27, 29, 31, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7f4;color:var(--text)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh}button{border:1px solid #1f6feb;border-radius:6px;background:#1f6feb;color:#fff;cursor:pointer;font:inherit;font-weight:650;min-height:36px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.55}.workspace{display:flex;height:100vh}.pane{display:flex;flex-direction:column;min-height:0}.list-pane{background:var(--surface);border-right:1px solid var(--border-subtle);display:none;flex:0 0 var(--list-pane-width);width:var(--list-pane-width)}.list-pane[data-open=true]{display:flex}.note-pane{flex:1 1 auto;min-width:0}.pane-header{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--border-subtle);display:flex;flex:none;gap:14px;min-height:var(--topbar-height);padding:12px 18px}.pane-title{flex:1 1 auto;font-size:17px;font-weight:700;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--border-subtle);display:flex;flex:none;gap:6px;min-height:var(--toolbar-height);overflow-x:auto;padding:7px clamp(12px,4vw,36px)}.tool-button{align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:6px;color:#414852;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;justify-content:center;min-height:30px;padding:0;width:32px}.tool-button:hover,.tool-button:focus-visible,.tool-button[data-active=true]{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 22%,transparent);color:#1f6feb;outline:none}.tool-button:disabled{color:#a0a7b2;opacity:1}.tool-button .ui-icon{height:16px;width:16px}.toolbar-separator{background:#1b1d1f24;flex:0 0 auto;height:22px;margin:0 2px;width:1px}.actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:10px;justify-content:flex-end}.status-icon{align-items:center;border:1px solid transparent;border-radius:7px;color:#68717d;display:inline-flex;height:30px;justify-content:center;width:30px}.sync-button-wrap{position:relative}.update-badge{background:#e5484d;border:2px solid var(--surface-soft);border-radius:50%;height:12px;inset-inline-end:-2px;position:absolute;top:-2px;width:12px}.sync-button{align-items:center;appearance:none;background:var(--surface);border:1px solid rgba(27,29,31,.14);border-radius:8px;color:#68717d;display:inline-flex;height:42px;justify-content:center;min-height:42px;padding:0;width:42px}.sync-button:hover,.sync-button:focus-visible{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 25%,transparent);outline:none}.sync-button[data-state=connected]{color:#1f883d}.sync-button[data-state=needs-attention]{color:#b54708}.sync-button[data-state=syncing],.sync-button[data-state=connecting]{color:#1f883d}.sync-button[data-state=syncing] .ui-icon,.sync-button[data-state=connecting] .ui-icon{animation:pulse 1.4s ease-in-out infinite}.sync-button .ui-icon{height:22px;width:22px}.sync-menu-wrap{position:relative}.sync-menu{background:var(--surface);border:1px solid rgba(27,29,31,.14);border-radius:8px;box-shadow:0 12px 32px var(--shadow-subtle);min-width:172px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.sync-menu-status{color:#68717d;font-size:12px;font-weight:650;line-height:1.3;padding:5px 7px 9px}.sync-menu-action{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);display:flex;font-size:14px;font-weight:650;justify-content:flex-start;min-height:34px;padding:0 9px;text-align:start;width:100%}.sync-menu-action:hover,.sync-menu-action:focus-visible{background:color-mix(in srgb,#1f6feb 10%,transparent);border-color:color-mix(in srgb,#1f6feb 18%,transparent);outline:none}.settings-overlay{align-items:center;display:none;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.settings-overlay:not([hidden]){display:flex}.settings-scrim{background:#1b1d1f52;inset:0;position:absolute}.settings-dialog{background:var(--surface);border-radius:14px;box-shadow:0 24px 64px var(--shadow-subtle);max-height:calc(100vh - 48px);max-width:420px;overflow-y:auto;position:relative;width:100%}.settings-dialog-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;padding:16px 18px}.settings-dialog-title{flex:1 1 auto;font-size:18px;font-weight:700;margin:0}.settings-section{border-bottom:1px solid var(--border-subtle);padding:16px 18px}.settings-section:last-child{border-bottom:none}.settings-section-title{color:#68717d;font-size:12px;font-weight:650;letter-spacing:.02em;margin:0 0 10px;text-transform:uppercase}.settings-sync-status{color:var(--text);font-size:14px;font-weight:600;margin-bottom:12px}.settings-sync-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-action-button{background:transparent;border:1px solid rgba(27,29,31,.14);border-radius:8px;color:var(--text);font-size:14px;font-weight:650;min-height:38px;padding:0 14px}.settings-action-button:hover,.settings-action-button:focus-visible{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 25%,transparent);outline:none}.language-select-wrap{position:relative}.language-select-button{align-items:center;background:var(--surface);border:1px solid rgba(27,29,31,.14);border-radius:8px;color:var(--text);display:flex;font:inherit;font-size:14px;font-weight:650;justify-content:space-between;min-height:42px;padding:0 12px;width:100%}.language-select-button:hover,.language-select-button:focus-visible{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 25%,transparent);outline:none}.language-select-button .ui-icon{color:#68717d;height:18px;transition:transform .15s ease;width:18px}.language-select-button[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.language-list{background:var(--surface);border:1px solid rgba(27,29,31,.14);border-radius:8px;list-style:none;margin:6px 0 0;max-height:240px;overflow-y:auto;padding:4px}.language-list-item-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);display:flex;font:inherit;font-size:14px;font-weight:600;justify-content:space-between;min-height:38px;padding:0 10px;text-align:start;width:100%}.language-list-item-button:hover,.language-list-item-button:focus-visible{background:color-mix(in srgb,#1f6feb 9%,transparent);outline:none}.language-list-item-button[data-active=true]{color:#1f6feb;font-weight:700}.language-list-item-check{color:#1f6feb;flex:none}.note-list{flex:1 1 auto;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:8px}.note-list-item{margin:0}.note-list-item-button{align-items:center;background:transparent;border:1px solid transparent;border-inline-start:3px solid transparent;border-radius:8px;color:var(--text);display:flex;font:inherit;font-weight:600;gap:10px;justify-content:space-between;min-height:44px;padding:8px 11px;text-align:start;width:100%}.note-list-item-button:hover,.note-list-item-button:focus-visible{background:color-mix(in srgb,#1f6feb 9%,transparent);border-color:color-mix(in srgb,#1f6feb 18%,transparent);outline:none}.note-list-item[data-active=true] .note-list-item-button{background:color-mix(in srgb,#1f6feb 9%,transparent);border-inline-start-color:#1f6feb}.note-list-item-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-item-time{color:#68717d;flex:0 0 auto;font-size:12px;font-weight:650}.note-list-empty{color:#68717d;font-size:13px;padding:16px 11px}.muted{color:#68717d}.status-icon[data-state=error]{color:#b54708}.ui-icon{display:block;fill:currentColor;height:17px;width:17px}.editor-shell{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.editor{flex:1 1 auto;min-height:0;overflow:hidden}.preview{flex:1 1 auto;min-height:0;overflow-y:auto}.cm-editor{background:transparent;font-size:17px;height:100%}.cm-editor.cm-focused{outline:none}.cm-content{caret-color:#1f6feb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.72;margin:0 auto;max-width:820px;padding:34px clamp(18px,5vw,72px)}.cm-line{padding:1px 0}.cm-line.markdown-line-heading{padding-bottom:6px;padding-top:14px}.cm-line.markdown-line-heading-1{font-size:1.42em}.cm-line.markdown-line-heading-2{font-size:1.25em}.cm-line.markdown-line-heading-3{font-size:1.12em}.cm-line.markdown-line-list{padding-left:12px}.cm-line.markdown-line-quote{border-left:3px solid color-mix(in srgb,#1f6feb 28%,transparent);color:#5f6b7a;margin-left:-14px;padding-left:11px}.cm-line.markdown-line-codeblock{background:#1b1d1f0d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;padding-left:12px;padding-right:12px}.cm-line.markdown-line-codefence{color:#68717d}.cm-gutters{background:transparent;border-right:1px solid rgba(27,29,31,.12)}.tok-heading{color:#111827;font-weight:760}.tok-heading1{font-size:1.45em}.tok-heading2{font-size:1.28em}.tok-heading3{font-size:1.14em}.tok-strong{color:#111827;font-weight:760}.tok-emphasis{font-style:italic}.tok-link,.tok-url{color:#1f6feb;text-decoration:underline;text-underline-offset:2px}.tok-quote{color:#5f6b7a;font-style:italic}.tok-monospace{background:#1b1d1f12;border-radius:4px;color:#24292f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 4px}.tok-meta,.tok-punctuation{color:#8a94a3}.preview{line-height:1.72;margin:0 auto;max-width:820px;padding:34px clamp(18px,5vw,72px)}.preview h1,.preview h2,.preview h3{color:#111827;line-height:1.22;margin:1.35em 0 .55em;white-space:normal}.preview h1:first-child,.preview h2:first-child,.preview h3:first-child{margin-top:0}.preview h1{font-size:2em}.preview h2{font-size:1.55em}.preview h3{font-size:1.25em}.preview p{margin:.7em 0}.preview ul{margin:.75em 0;padding-left:1.35em}.preview li{margin:.25em 0}.preview blockquote{border-left:3px solid color-mix(in srgb,#1f6feb 28%,transparent);color:#5f6b7a;margin:1em 0;padding:.1em 0 .1em 1em}.preview pre{background:#1b1d1f0f;border-radius:7px;overflow-x:auto;padding:14px 16px}.preview code{background:#1b1d1f12;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;padding:1px 4px}.preview pre code{background:transparent;border-radius:0;padding:0}.preview a{color:#1f6feb;text-underline-offset:2px}.preview-empty{color:#68717d}@media(max-width:720px),(pointer:coarse){:root{--topbar-height: 72px;--toolbar-height: 46px}.list-pane{border-right:none;bottom:0;flex:none;inset-inline:0;position:fixed;top:0;width:100%;z-index:30}.pane-header{gap:10px;min-height:var(--topbar-height);padding:10px 12px}.actions{gap:8px}.pane-title{font-size:15px}button{min-height:34px;padding:0 12px}.toolbar{padding:7px 12px}.tool-button{min-height:32px;width:30px}.cm-content,.preview{font-size:16px;padding:18px 16px}.settings-overlay{padding:0}.settings-dialog{border-radius:0;height:100%;max-height:100%;max-width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}