.notes-sidebar.s-9qsi6s{background:linear-gradient(#fefefe 0%,#f9f9f9 100%);border-right:1px solid #00000014;flex-direction:column;width:200px;padding:.75rem 0;display:flex}.sidebar-header.s-9qsi6s{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem 1rem;display:flex}h2.s-9qsi6s{color:#333;margin:0;font-size:1.5rem;font-weight:700}.new-note-btn.s-9qsi6s{cursor:pointer;color:#333;background:linear-gradient(135deg,#ffd60a 0%,#ffc400 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 6px #ffc40040}.new-note-btn.s-9qsi6s:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffc40059}.new-note-btn.s-9qsi6s:active{transform:scale(1.05)}.folders.s-9qsi6s{flex-direction:column;gap:2px;padding:0 .5rem;display:flex}.folder-item.s-9qsi6s{cursor:pointer;color:#555;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.95rem;transition:all .2s;display:flex}.folder-item.s-9qsi6s:hover{color:#333;background:#00000008}.folder-item.active.s-9qsi6s{color:#333;background:linear-gradient(135deg,#ffd60a 0%,#ffc400 100%);font-weight:600;box-shadow:0 2px 8px #ffc40033}.folder-icon.s-9qsi6s{filter:grayscale(.3);font-size:1.1rem;transition:filter .2s}.folder-item.active.s-9qsi6s .folder-icon:where(.s-9qsi6s){filter:grayscale(0)}.folder-item.s-9qsi6s:hover .folder-icon:where(.s-9qsi6s){filter:grayscale(0)}.folder-name.s-9qsi6s{flex:1}.folder-count.s-9qsi6s{color:#888;font-size:.85rem;font-weight:500}.folder-item.active.s-9qsi6s .folder-count:where(.s-9qsi6s){color:#666}.notes-list.s-1mtx7w1{background:#fff;border-right:1px solid #00000014;flex-direction:column;width:280px;display:flex}.search-container.s-1mtx7w1{border-bottom:1px solid #0000000f;padding:.75rem 1rem;position:relative}.search-icon.s-1mtx7w1{color:#999;pointer-events:none;position:absolute;top:50%;left:1.75rem;transform:translateY(-50%)}.search-input.s-1mtx7w1{background:#f8f8f8;border:1px solid #0000001a;border-radius:6px;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.9rem;transition:all .2s}.search-input.s-1mtx7w1:focus{background:#fff;border-color:#ffd60a;outline:none;box-shadow:0 0 0 3px #ffd60a1a}.list-header.s-1mtx7w1{border-bottom:1px solid #0000000f;padding:.75rem 1rem}.note-count.s-1mtx7w1{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.notes-container.s-1mtx7w1{flex:1;overflow-y:auto}.note-item.s-1mtx7w1{cursor:pointer;background:#fff;border-bottom:1px solid #0000000f;padding:1rem;transition:all .2s}.note-item.s-1mtx7w1:hover{background:#fafafa}.note-item.active.s-1mtx7w1{background:linear-gradient(135deg,#fff9e6 0%,#fffaeb 100%);border-left:3px solid #ffd60a}.note-header.s-1mtx7w1{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.note-title.s-1mtx7w1{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.delete-btn.s-1mtx7w1{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.note-item.s-1mtx7w1:hover .delete-btn:where(.s-1mtx7w1){opacity:1}.delete-btn.s-1mtx7w1:hover{color:#e74c3c;background:#e74c3c1a}.note-meta.s-1mtx7w1{margin-bottom:.5rem}.note-date.s-1mtx7w1{color:#999;font-size:.8rem}.note-preview.s-1mtx7w1{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.empty-state.s-1mtx7w1{color:#999;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.empty-icon.s-1mtx7w1{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state.s-1mtx7w1 p:where(.s-1mtx7w1){margin:0;font-size:.9rem}.note-editor.s-3m04fl{background:#fff;flex-direction:column;flex:1;display:flex}.no-selection.s-3m04fl{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.placeholder-icon.s-3m04fl{opacity:.5;margin-bottom:1rem;font-size:4rem}.no-selection.s-3m04fl h3:where(.s-3m04fl){color:#666;margin:0 0 .5rem;font-size:1.3rem}.no-selection.s-3m04fl p:where(.s-3m04fl){text-align:center;max-width:300px;margin:0;font-size:.95rem}.editor-header.s-3m04fl{background:linear-gradient(#fff 0%,#fafafa 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.title-input.s-3m04fl{color:#333;background:0 0;border:none;flex:1;padding:.5rem 0;font-size:1.5rem;font-weight:700}.title-input.s-3m04fl:focus{outline:none}.title-input.s-3m04fl::placeholder{color:#ccc}.editor-controls.s-3m04fl{gap:.5rem;display:flex}.toggle-preview-btn.s-3m04fl{cursor:pointer;color:#666;background:#f5f5f5;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.toggle-preview-btn.s-3m04fl:hover{color:#333;background:#ececec;border-color:#00000026}.toggle-preview-btn.active.s-3m04fl{color:#333;background:linear-gradient(135deg,#ffd60a 0%,#ffc400 100%);border-color:#ffc400}.editor-content.s-3m04fl{flex-direction:column;flex:1;display:flex;overflow:hidden}.markdown-input.s-3m04fl{color:#333;resize:none;background:#fafafa;border:none;flex:1;padding:1.5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.95rem;line-height:1.7}.markdown-input.s-3m04fl:focus{background:#fff;outline:none}.markdown-input.s-3m04fl::placeholder{color:#bbb}.preview-pane.s-3m04fl{color:#333;flex:1;padding:1.5rem;line-height:1.7;overflow-y:auto}.preview-pane h1{color:#222;margin:1.5rem 0 1rem;font-size:2rem;font-weight:700}.preview-pane h2{color:#333;margin:1.25rem 0 .75rem;font-size:1.5rem;font-weight:600}.preview-pane h3{color:#444;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.preview-pane p{margin:.75rem 0}.preview-pane ul{margin:.75rem 0;padding-left:1.5rem}.preview-pane li{margin:.25rem 0}.preview-pane code{color:#e74c3c;background:#f5f5f5;border-radius:3px;padding:.2rem .4rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9em}.preview-pane pre{color:#f8f8f2;background:#2d2d2d;border-radius:6px;margin:1rem 0;padding:1rem;overflow-x:auto}.preview-pane pre code{color:inherit;background:0 0;padding:0}.preview-pane blockquote{color:#666;border-left:4px solid #ffd60a;margin:1rem 0;padding-left:1rem;font-style:italic}.preview-pane strong{color:#222;font-weight:700}.preview-pane em{font-style:italic}.notes-app.s-qokhvl{color:#333;border-radius:inherit;background:#f5f5f5;width:100%;height:100%;display:flex;overflow:hidden}