.notes-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.5rem;min-height:500px}.notes-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.notes-editor-pane{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.notes-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:400px;scrollbar-width:thin}.note-item{padding:.75rem 1rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .2s;text-align:left}.note-item:hover,.note-item.active{border-color:var(--accent);background:var(--accent-light)}.note-item-title{font-weight:700;font-size:.85rem;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-desc{font-size:.75rem;color:var(--text-3);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-date{font-size:.65rem;color:var(--text-3);margin-top:.4rem}.note-input-title{font-size:1.35rem;font-weight:700;border:none;border-bottom:2px solid var(--border);background:transparent;color:var(--text-1);padding:.5rem 0;width:100%;outline:none;transition:border-color .2s}.note-input-title:focus{border-color:var(--accent)}.note-textarea{flex:1;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-1);padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;resize:none;min-height:250px;outline:none;transition:border-color .2s}.note-textarea:focus{border-color:var(--accent)}@media (max-width: 768px){.notes-grid{grid-template-columns:minmax(0,1fr)}.notes-editor-pane{padding:1rem}}.notes-sidebar,.notes-editor-pane{min-width:0}.notes-editor-pane textarea,.notes-editor-pane input{max-width:100%;box-sizing:border-box}