.NotificationBell_wrap__gX4Q_{position:relative}.NotificationBell_bellBtn__VMwFw{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);transition:color .2s ease,background .2s ease}.NotificationBell_bellBtn__VMwFw:hover{color:var(--accent-hover);background:hsla(0,0%,100%,.05)}.NotificationBell_bellBtn__VMwFw svg{width:19px;height:19px}.NotificationBell_badge__ESFpa{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;line-height:16px;text-align:center}.NotificationBell_menu__IVLn3{position:fixed;width:330px;z-index:150;background:rgba(16,16,18,.75);border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.5);overflow:hidden;transform-origin:top right;animation:NotificationBell_menu-in__dkwOU .16s var(--ease-smooth);transition:top .25s var(--ease-smooth)}.NotificationBell_menuOut__igHy3{animation:NotificationBell_menu-out__MlJyt .14s var(--ease-smooth) forwards}@keyframes NotificationBell_menu-in__dkwOU{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes NotificationBell_menu-out__MlJyt{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@media (prefers-reduced-motion:reduce){.NotificationBell_menuOut__igHy3,.NotificationBell_menu__IVLn3{animation:none}}.NotificationBell_head__X9J7a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.NotificationBell_headLabel__aXXkM{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.NotificationBell_markAll__3Z043{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-secondary);transition:color .2s ease}.NotificationBell_markAll__3Z043:hover{color:var(--accent-hover)}.NotificationBell_markAll__3Z043:disabled{opacity:.4;pointer-events:none}.NotificationBell_markAll__3Z043 svg{width:13px;height:13px}.NotificationBell_list__c35NH{max-height:340px;overflow-y:auto;padding:4px}.NotificationBell_empty__iFYkf{padding:20px 14px;font-size:13px;color:var(--text-muted);text-align:center}.NotificationBell_item__yBFJD{position:relative;display:flex;align-items:center;gap:4px;width:100%;margin-bottom:8px;padding:9px 10px 9px 20px;border-radius:8px;transition:background .15s ease}.NotificationBell_item__yBFJD:hover{background:hsla(0,0%,100%,.06)}.NotificationBell_itemUnread__o9b9o{background:rgba(222,97,97,.06)}.NotificationBell_itemUnread__o9b9o:hover{background:rgba(222,97,97,.1)}.NotificationBell_itemMain__I75KU{display:flex;align-items:flex-start;gap:8px;flex:1 1;min-width:0;text-align:left}.NotificationBell_markReadBtn__hMzFL{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;align-self:center;color:var(--text-muted);transition:color .2s ease}.NotificationBell_markReadBtn__hMzFL:hover{color:var(--accent)}.NotificationBell_dot___Elew{position:absolute;left:8px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.NotificationBell_itemBody__bDu_Z{display:flex;flex-direction:column;gap:2px;min-width:0}.NotificationBell_itemText__Y5S9q{font-size:13px;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.NotificationBell_itemTime__a83CV{font-size:11px;color:var(--text-muted)}.NotificationBell_footerLink__LBwhf{display:block;padding:9px 12px;border-top:1px solid var(--border);text-align:center;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);transition:color .2s ease,background .2s ease}.NotificationBell_footerLink__LBwhf:hover{color:var(--accent-hover);background:hsla(0,0%,100%,.04)}@media (max-width:480px){.NotificationBell_menu__IVLn3{
    /* !important: beats the inline top/right the component computes from the
       bell's position — on narrow screens the menu always stretches edge to
       edge instead of trailing the button. */left:10px!important;right:10px!important;top:calc(var(--nav-height) + 4px)!important;width:auto}.NotificationBell_item__yBFJD{padding:10px 10px 10px 18px}.NotificationBell_footerLink__LBwhf{padding:10px 12px;min-height:44px;display:flex;align-items:center;justify-content:center}}.ChatButton_btn__Hrl_s{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);transition:color .2s ease,background .2s ease}.ChatButton_btn__Hrl_s:hover{color:var(--accent-hover);background:hsla(0,0%,100%,.05)}.ChatButton_btn__Hrl_s svg{width:19px;height:19px}.ChatButton_badge__sRBUr{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;line-height:16px;text-align:center}