.topbar-actions{gap:6px}.topbar-popover-anchor{display:flex;position:relative}.topbar-popover-anchor .icon-button{border-radius:50%;width:38px;height:38px;position:relative}.topbar-popover-anchor .icon-button[aria-expanded=true]{color:#111116;background:#f1f1f4}.notification-badge{color:#fff;min-width:17px;height:17px;font:700 9px/13px var(--font-inter),sans-serif;text-align:center;box-sizing:border-box;background:#e2445c;border:2px solid #fff;border-radius:999px;padding:0 5px;position:absolute;top:4px;right:3px}button.topbar-avatar{width:38px;height:38px;font:700 11px/1 var(--font-inter),sans-serif;letter-spacing:.04em;cursor:pointer;border:0;margin-left:4px;padding:0;transition:box-shadow .15s}button.topbar-avatar:hover,button.topbar-avatar[aria-expanded=true]{box-shadow:0 0 0 3px #e4e4ea}button.topbar-avatar:focus-visible{outline-offset:2px;outline:2px solid #332eec}.topbar-popover{z-index:60;font-family:var(--font-inter),sans-serif;color:#1d1d22;text-align:left;background:#fff;border:1px solid #e4e4ea;border-radius:12px;animation:.14s ease-out topbar-pop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 1px 2px #1111160a,0 16px 40px #1111161f}@keyframes topbar-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.topbar-popover{animation:none}}.notification-panel{width:min(384px,100vw - 32px)}.notification-panel>header{border-bottom:1px solid #efeff3;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.notification-panel>header strong{letter-spacing:-.01em;font-size:14px;font-weight:650}.notification-panel>header small{color:#8a8b95;font-size:11px}.notification-panel ul{max-height:min(440px,70vh);margin:0;padding:6px 0;list-style:none;overflow-y:auto}.notification-panel li>a{color:inherit;align-items:flex-start;gap:12px;padding:11px 18px;text-decoration:none;transition:background .12s;display:flex;position:relative}.notification-panel li>a:hover{background:#f6f6f8}.notification-panel li>a.is-unread{background:#f5f5ff}.notification-panel li>a.is-unread:after{content:"";background:#332eec;border-radius:50%;width:7px;height:7px;position:absolute;top:18px;right:16px}.notification-avatar{color:#fff;letter-spacing:.04em;background:#111116;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.notification-body{color:#44454d;flex-direction:column;gap:3px;min-width:0;padding-right:14px;font-size:13px;line-height:1.4;display:flex}.notification-body b{color:#1d1d22;font-weight:650}.notification-detail{color:#6b6c76;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-body time{color:#9a9ba5;font-size:11px}.notification-empty{color:#8a8b95;text-align:center;flex-direction:column;align-items:center;gap:10px;margin:0;padding:36px 24px 38px;font-size:13px;display:flex}.notification-empty svg{color:#9a9ba5;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box;background:#f3f3f6;border-radius:50%;width:34px;height:34px;padding:9px}.account-menu{width:260px;max-width:calc(100vw - 32px)}.account-who{border-bottom:1px solid #efeff3;align-items:center;gap:12px;padding:16px 18px;display:flex}.account-who .notification-avatar{width:36px;height:36px;font-size:11px}.account-who>div{flex-direction:column;gap:2px;min-width:0;display:flex}.account-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.account-who small{color:#8a8b95;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-menu form{margin:0;padding:6px}.account-signout{color:#44454d;width:100%;min-height:38px;font:500 13px var(--font-inter),sans-serif;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.account-signout:hover{color:#c7253e;background:#fdf0f2}.account-signout svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}@media (max-width:767px){.notification-panel{right:-48px}}