.notes-container{height:100%;display:flex}.notes-sidebar{background:#00000014;border-right:1px solid #ffffff08;flex-direction:column;width:180px;display:flex;overflow:hidden}.notes-sidebar-header{padding:var(--sp-2);border-bottom:1px solid #ffffff08;flex-shrink:0}.notes-new-btn{border-radius:var(--r-md);background:var(--neon-cyan-dim);width:100%;color:var(--neon-cyan);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;border:1px solid rgba(var(--neon-cyan-rgb), .12);transition:all var(--t-fast) ease;letter-spacing:var(--ls-wide);padding:7px}.notes-new-btn:hover{background:rgba(var(--neon-cyan-rgb), .15)}.notes-list{padding:var(--sp-1);flex:1;overflow-y:auto}.note-item{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast) ease;border:1px solid #0000;margin-bottom:1px;padding:8px 10px}.note-item:hover{background:#ffffff08}.note-item.active{background:var(--neon-cyan-dim);border-color:rgba(var(--neon-cyan-rgb), .12)}.note-item-title{font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:2px;overflow:hidden}.note-item.active .note-item-title{color:var(--neon-cyan)}.note-item-date{font-size:var(--fs-2xs);color:var(--text-tertiary);font-family:var(--font-mono)}.notes-editor{flex-direction:column;flex:1;min-width:0;display:flex}.notes-toolbar{padding:var(--sp-2) var(--sp-3);background:#0000000d;border-bottom:1px solid #ffffff08;flex-shrink:0;align-items:center;gap:3px;display:flex}.notes-tool-btn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-tertiary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notes-tool-btn:hover{color:var(--text-primary);background:#ffffff0d}.notes-tool-btn:active{transform:scale(.92)}.notes-textarea{color:var(--text-primary);font-size:var(--fs-md);line-height:var(--lh-relaxed);resize:none;caret-color:var(--neon-cyan);padding:var(--sp-4);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.notes-textarea::placeholder{color:var(--text-disabled)}.notes-preview{padding:var(--sp-4);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text-primary);flex:1;overflow-y:auto}.notes-preview h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-3);color:var(--neon-cyan);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.notes-preview h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--sp-4) 0 var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid #ffffff0a}.notes-preview h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:var(--sp-3) 0 var(--sp-1)}.notes-preview p{margin-bottom:var(--sp-3)}.notes-preview strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.notes-preview code{background:rgba(var(--neon-cyan-rgb), .06);color:var(--neon-cyan);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 6px}.notes-preview pre{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-3) 0;background:#0000004d;border:1px solid #ffffff08;overflow-x:auto}.notes-preview pre code{color:var(--text-secondary);background:0 0;padding:0}.notes-preview blockquote{border-left:3px solid rgba(var(--neon-cyan-rgb), .3);padding-left:var(--sp-3);margin:var(--sp-3) 0;color:var(--text-secondary);font-style:italic}.notes-preview ul,.notes-preview ol{margin:var(--sp-2) 0;padding-left:var(--sp-6)}.notes-preview li{margin-bottom:var(--sp-1)}.notes-preview hr{margin:var(--sp-4) 0;border:none;border-top:1px solid #ffffff0a}.notes-preview a{color:var(--neon-cyan);text-decoration:none}.notes-preview a:hover{text-decoration:underline}