: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}}.sidebar-nav{flex-direction:column;gap:1px;margin-bottom:6px;padding:0 12px;display:flex}.sidebar-nav button{text-align:left;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;display:flex}.sidebar-nav button:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav button.active{background:var(--bg-selected);color:var(--text);font-weight:500}.count-badge{color:var(--text-tertiary);margin-left:auto;font-size:11px}.section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-tertiary);padding:4px 11px;font-size:10.5px;font-weight:600;display:block}.taxonomy-section{padding:4px 12px}.taxonomy-header{justify-content:space-between;align-items:center;display:flex}.taxonomy-header .section-label{padding:4px 0}.taxonomy-add-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px;display:flex}.taxonomy-add-btn:hover{color:var(--text);background:var(--bg-hover)}.taxonomy-input{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;margin:2px 0 4px;padding:6px 8px;font-size:13px}.taxonomy-input--inline{flex:1;margin:0;padding:2px 6px}.taxonomy-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.taxonomy-list li{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:7px;padding:6px 8px;font-size:13px;display:flex}.taxonomy-list li:hover{background:var(--bg-hover);color:var(--text)}.taxonomy-list li.selected{background:var(--bg-selected);color:var(--accent);font-weight:500}.taxonomy-icon{opacity:.7;flex-shrink:0;display:flex}.taxonomy-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.taxonomy-list li .delete-btn{padding:2px 4px}.note-list{flex:1;padding:6px 12px 16px;overflow-y:auto}.note-group{margin-bottom:4px}.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}.empty-trash-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--danger);cursor:pointer;margin-bottom:10px;padding:8px 12px;font-size:12.5px;font-weight:500}.empty-trash-btn:hover{background:var(--bg-hover)}.trash-item{cursor:default}.trash-actions{flex-shrink:0;gap:2px;display:flex}.trash-actions button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.trash-actions button:hover{color:var(--text);background:var(--bg-hover)}.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;flex:1;font-size:12.5px;font-weight:550;overflow:hidden}.editor-topbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.folder-select,.tag-add-select{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;max-width:140px;padding:5px 8px;font-size:12px}.icon-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;display:flex}.icon-btn:hover{color:var(--text);background:var(--bg-hover)}.icon-btn--active{color:var(--accent)}.editor-tags{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 22px 0;display:flex}.tag-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-size:12px;font-weight:500;display:flex}.tag-chip button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.tag-chip button:hover{opacity:1}.tag-add-select{max-width:90px;padding:4px 6px;font-size:11.5px}.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}}