/* ── TOPBAR ── */
#topbar{height:42px;background:var(--s1);border-bottom:1px solid var(--b1);display:flex;align-items:center;padding:0 10px;gap:6px;flex-shrink:0;overflow:hidden}
#logo{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:-.3px;margin-right:6px}
.vdiv{width:1px;height:18px;background:var(--b2);margin:0 4px}
.tab{padding:4px 12px;border-radius:5px;border:none;background:transparent;color:var(--t3);cursor:pointer;font-size:11px;font-family:var(--sans);transition:.12s all}
.tab:hover{color:var(--t1);background:var(--s3)}
.tab.on{background:rgba(110,231,183,0.12);color:var(--accent);border:1px solid rgba(110,231,183,0.2)}
.spacer{flex:1}
.tbtn{padding:4px 11px;border-radius:5px;border:1px solid var(--b2);background:var(--s2);color:var(--t2);cursor:pointer;font-size:11px;font-family:var(--sans);transition:.12s all}
.tbtn:hover{color:var(--t1);border-color:var(--b3)}
#note-count{font-family:var(--mono);font-size:10px;color:var(--t3)}