.nbell{position:relative;width:38px;height:38px;border-radius:11px;border:1px solid var(--line-2,var(--line));background:var(--surface);color:var(--ink-2,#3c4458);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:border-color .13s,color .13s,background-color .13s}.nbell:hover{border-color:var(--line-3,var(--line-2));color:var(--ink)}.nbell:focus-visible{outline:2px solid var(--accent-d);outline-offset:2px}.nbell svg{width:18px;height:18px}.nbell-dot{position:absolute;top:-4px;inset-inline-start:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger,#dc2626);color:#fff;font-size:var(--fs-2xs);font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface)}.nbell-pop{padding:0}.nbp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 16px 10px;border-bottom:1px solid var(--line,var(--surface-2))}.nbp-head b{font-size:14px;font-weight:700;color:var(--ink)}.nbp-count{font-size:var(--fs-2xs);font-weight:600;color:var(--muted,#8b91a3)}.nbp-list{list-style:none;margin:0;padding:4px}.nbp-item{display:flex;align-items:center;gap:8px;width:100%;text-align:start;border:none;background:none;border-radius:10px;padding:10px 12px;font:inherit;color:inherit;cursor:default}.nbp-item.go{cursor:pointer;transition:background-color .12s}.nbp-item.go:hover{background:var(--surface-2,var(--canvas))}.nbp-item.go:focus-visible{outline:2px solid var(--accent-d);outline-offset:-2px}.nbp-c{display:block;flex:1 1 auto;min-width:0}.nbp-go{flex:0 0 auto;display:grid;place-items:center;color:var(--muted-2,#a8adbd)}.nbp-go svg{width:14px;height:14px}[dir=rtl] .nbp-go svg{transform:scaleX(-1)}.nbp-item.go:hover .nbp-go{color:var(--ink)}.nbp-item.unread{background:var(--accent-soft,var(--accent-050));box-shadow:inset 2px 0 0 var(--accent-d)}.nbp-t{font-size:13px;font-weight:700;color:var(--ink)}.nbp-b,.nbp-t{display:block;line-height:var(--lh-ui)}.nbp-b{margin-top:3px;font-size:12px;color:var(--ink-2,#3c4458)}.nbp-d{display:block;margin-top:4px;font-size:var(--fs-2xs);color:var(--muted,#8b91a3);font-weight:600}.nbp-empty{display:grid;place-items:center;gap:8px;padding:32px 16px;text-align:center;font-size:var(--fs-xs);color:var(--muted,#8b91a3)}.nbp-eic{width:40px;height:40px;border-radius:12px;background:var(--surface-2,var(--canvas));display:grid;place-items:center;color:var(--muted-2,#a8adbd)}.nbp-eic svg{width:19px;height:19px}