.nbWrap{display:inline-flex;position:relative}.nbButton{border:1px solid var(--line-2);background:var(--surface-1);min-width:40px;min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;font-size:17px;position:relative}.nbCount{background:var(--fire);color:#170c04;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:900;line-height:18px;position:absolute;top:-5px;right:-5px}.nbPanel{border:1px solid var(--line-2);background:var(--surface-1);z-index:60;border-radius:12px;width:min(360px,100vw - 24px);max-height:70vh;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 40px #00000080}.nbHead{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:2px 6px 8px;font-size:12px;font-weight:800}.nbEmpty{color:var(--text-3);margin:8px 6px;font-size:13px}.nbList{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nbList a{min-height:48px;color:var(--text);border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;text-decoration:none;display:grid}.nbList a:hover{background:var(--surface-2)}.nbUnread a{background:color-mix(in srgb, var(--fire) 10%, transparent)}.nbText{min-width:0;display:grid}.nbText b,.nbText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nbText small{color:var(--text-3)}.nbTime{color:var(--text-3);font-size:11px}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--fire), var(--gold));border-radius:999px;flex:none;width:28px;height:28px}.avatar--lg{width:72px;height:72px}.avatarFallback{color:#170c04;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.avatar--lg.avatarFallback{font-size:26px}