:root{--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);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=sage]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f2e3;--bg-sidebar:#f1e6cd;--bg-hover:#e8dabb;--bg-selected:#f0dcc0;--border:#ddcca4;--text:#2b2419;--text-secondary:#8c7f63;--text-tertiary:#ab9d7c;--accent:#c96a3f;--accent-hover:#b85d34;--accent-soft:#c96a3f24;--accent-contrast:#fdf8ee;--danger:#b8465c;--success:#5c8a5a;--shadow-sm:0 1px 2px #3c2d1414;--shadow-md:0 4px 16px #3c2d141a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17181c;--bg-sidebar:#1c1d22;--bg-hover:#262830;--bg-selected:#2e2a45;--border:#2c2e35;--text:#e7e8ec;--text-secondary:#92959e;--text-tertiary:#61636b;--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}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-sidebar:#f5f5f7;--bg-hover:#ebebef;--bg-selected:#eee9fb;--border:#e2e2e6;--text:#1c1c1f;--text-secondary:#6b6b72;--text-tertiary:#9a9aa0;--accent:#7c5cf0;--accent-hover:#6c4ce0;--accent-soft:#7c5cf01a;--accent-contrast:#fff;--danger:#c1435f;--success:#3f9d6f;--shadow-sm:0 1px 2px #2624200f;--shadow-md:0 4px 16px #26242014}html{color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit}::selection{background:var(--accent-soft)}.app-shell{flex-direction:column;height:100%;display:flex}.app{flex:1;min-height:0;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{gap:2px;margin-bottom:10px;padding:0 12px;display:flex}.sidebar-nav button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.sidebar-nav button:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav button.active{background:var(--bg-selected);color:var(--accent);font-weight:500}.trash-nav-link{text-align:left;border-radius:var(--radius-sm);width:calc(100% - 24px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0 12px 8px;padding:6px 8px;font-size:12.5px;display:flex}.trash-nav-link:hover{background:var(--bg-hover);color:var(--text)}.trash-nav-link.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:4px;margin:0;padding:0;list-style:none;display:flex}.note-card{border-radius:var(--radius-md);cursor:pointer;color:var(--text);background:var(--bg);border:1px solid #0000;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.note-card:hover{background:var(--bg-hover)}.note-card.selected{background:var(--bg-selected);border-color:var(--accent)}.note-card-row{align-items:center;gap:6px;display:flex}.note-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.note-snippet{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.note-card-meta{align-items:center;gap:6px;margin-top:1px;display:flex}.tag-pill{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:500}.note-time{color:var(--text-tertiary);margin-left:auto;font-size:11px}.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-card: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)}.search-panel{flex:1;padding:24px 32px;overflow-y:auto}.search-input-wrap{max-width:480px;position:relative}.search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--bg-sidebar);width:100%;color:var(--text);border-radius:var(--radius-md);outline:none;padding:10px 12px 10px 36px;font-size:14px}.search-input:focus{border-color:var(--accent)}.search-results{flex-direction:column;gap:6px;max-width:480px;margin-top:20px;display:flex}.search-result{text-align:left;border:1px solid var(--border);background:var(--bg-sidebar);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.search-result:hover{background:var(--bg-hover)}.search-result .note-title{font-size:13.5px}.search-result .note-snippet{font-size:12.5px}.settings-panel{flex:1;max-width:520px;padding:24px 32px;overflow-y:auto}.settings-title{color:var(--text);margin:0 0 20px;font-size:18px;font-weight:650}.settings-section{margin-bottom:24px}.settings-section .section-label{padding:0 0 8px}.theme-picker{flex-wrap:wrap;gap:6px;display:flex}.theme-option{border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-size:12.5px}.theme-option:hover{background:var(--bg-hover)}.theme-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:500}.settings-row{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.settings-row:last-child{border-bottom:none}.settings-value{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.settings-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px}.settings-value--ok .settings-dot{background:var(--success)}.settings-sync-btn{border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-size:12px}.settings-sync-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.assistant-fab{background:var(--accent);width:48px;height:48px;color:var(--accent-contrast);cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.assistant-fab:hover{background:var(--accent-hover)}.assistant-panel{background:var(--bg-sidebar);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex}.assistant-header{border-bottom:1px solid var(--border);height:46px;color:var(--text);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:13px;font-weight:550;display:flex}.assistant-body{flex:1;padding:16px;overflow-y:auto}.assistant-placeholder{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.assistant-input-row{border-top:1px solid var(--border);flex-shrink:0;padding:10px}.assistant-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-tertiary);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.conflict-banner{background:var(--accent-soft);border-bottom:1px solid var(--accent);flex-shrink:0;padding:10px 20px}.conflict-banner-header{color:var(--accent);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.conflict-item{padding:2px 0}.conflict-item-summary{color:var(--text);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12.5px;text-decoration:underline}.conflict-versions{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.conflict-version{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-width:220px;padding:10px 12px}.conflict-version-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.conflict-version-time{text-transform:none;letter-spacing:0;font-weight:400}.conflict-version-title{color:var(--text);margin:0 0 10px;font-size:13px}.conflict-choose-btn{border:1px solid var(--accent);background:var(--bg);width:100%;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-size:12px;font-weight:500}.conflict-choose-btn:hover{background:var(--accent-soft)}.conflict-choose-both{color:var(--text-secondary);border-color:var(--border);flex-basis:100%}@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}.search-panel,.settings-panel{padding:20px 16px}.assistant-panel{z-index:10;width:auto;position:fixed;inset:0}.assistant-fab{bottom:16px;right:16px}}