:root{--bg:#faf9f6;--bg-sidebar:#f1efe8;--bg-hover:#e7e3d7;--bg-selected:#ece5fb;--border:#e1ddd0;--text:#262420;--text-secondary:#86806f;--text-tertiary:#aba692;--accent:#7c5cf0;--accent-hover:#6c4ce0;--accent-soft:#7c5cf01f;--accent-contrast:#fff;--danger:#c1435f;--success:#3f9d6f;--shadow-sm:0 1px 2px #2624200f;--shadow-md:0 4px 16px #26242014;--radius-sm:6px;--radius-md:10px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Code", "Roboto Mono", Consolas, monospace;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1917;--bg-sidebar:#201f1b;--bg-hover:#2a2823;--bg-selected:#352c50;--border:#34312a;--text:#ece8e0;--text-secondary:#948d7c;--text-tertiary:#6c6656;--accent:#a48cff;--accent-hover:#b39dff;--accent-soft:#a48cff29;--accent-contrast:#18162a;--danger:#e88a9f;--success:#6dc79a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #0006}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit}::selection{background:var(--accent-soft)}.app{height:100%;display:flex}.app-loading,.no-note{height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:288px;display:flex}.sidebar-header{flex-direction:column;gap:10px;padding:22px 18px 16px;display:flex}.sidebar-header h1{letter-spacing:-.2px;color:var(--text);align-items:baseline;gap:7px;margin:0 0 4px;font-size:16px;font-weight:650;display:flex}.wordmark-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.wordmark-light{color:var(--text-tertiary);font-weight:400}.sync-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.sync-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.sync-btn:disabled{cursor:default}.sync-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sync-btn--synced .sync-dot{background:var(--success)}.sync-btn--syncing .sync-dot{background:var(--accent);animation:1s ease-in-out infinite pulse}.sync-btn--error{color:var(--danger);border-color:var(--danger)}.sync-btn--error .sync-dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.note-list{flex:1;padding:6px 12px 16px;overflow-y:auto}.new-note-btn{border-radius:var(--radius-sm);background:var(--accent);width:100%;color:var(--accent-contrast);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;font-weight:550;transition:background .15s,transform .1s;display:flex}.new-note-btn:hover{background:var(--accent-hover)}.new-note-btn:active{transform:scale(.98)}.note-list ul{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.note-list li{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;display:flex}.note-list li:hover{background:var(--bg-hover)}.note-list li.selected{background:var(--bg-selected);border-left-color:var(--accent);color:var(--text);font-weight:500}.note-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pin-icon{color:var(--accent);flex-shrink:0}.delete-btn{color:var(--text-tertiary);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:opacity .1s}.note-list li:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--danger)}.empty-hint{color:var(--text-tertiary);cursor:default;padding:10px 11px;font-size:13px}.empty-hint:hover{background:0 0}.editor-pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:46px;padding:0 22px;display:flex}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 6px 4px 0;font-size:22px;line-height:1;display:none}.editor-topbar-title{letter-spacing:.1px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:550;overflow:hidden}.editor-host{flex:1;overflow:auto}.editor-host .cm-editor{height:100%;outline:none!important}.editor-host .cm-scroller{font-family:var(--mono);padding:30px 32px 40px;font-size:14.5px;line-height:1.7}.editor-host .cm-content{max-width:680px;caret-color:var(--accent);margin:0 auto;padding:0!important}.editor-host .cm-line{padding:0}.editor-host .cm-gutters{display:none}.editor-host .cm-placeholder{color:var(--text-tertiary)}@media (width<=780px){.app{position:relative;overflow:hidden}.sidebar{width:100%}.editor-pane{background:var(--bg);transition:transform .2s;position:absolute;inset:0;transform:translate(100%)}.app.has-selection .sidebar{display:none}.app.has-selection .editor-pane{transform:translate(0)}.back-btn{display:inline-flex}.editor-host .cm-scroller{padding:20px 16px 40px}.editor-host .cm-content{max-width:none}}