.notification-bell,.notification-bell-wrap{position:relative}.notification-bell.open{background:var(--glyph-hover);color:var(--glyph-ink)}.notification-bell>span{background:var(--glyph-gold-deep);border:2px solid var(--glyph-paper);border-radius:50%;height:9px;opacity:0;position:absolute;right:5px;top:5px;transform:scale(.65);transition:opacity .2s var(--glyph-ease),transform .2s var(--glyph-ease);width:9px}.notification-bell.has-unread>span{opacity:1;transform:none}.notification-popover{background:var(--glyph-surface);border:1px solid var(--glyph-border);border-radius:18px;box-shadow:var(--glyph-shadow-lg);opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .18s var(--glyph-ease),transform .18s var(--glyph-ease),visibility 0s linear .18s;visibility:hidden;width:min(372px,calc(100vw - 16px));z-index:120}.notification-popover.open{opacity:1;pointer-events:auto;transform:none;transition-delay:0s;visibility:visible}.notification-popover>header{align-items:center;display:flex;gap:12px;padding:15px 18px 11px}.notification-popover>header strong{flex:1 1;font-size:14px;font-weight:640}.notification-popover>header button{background:transparent;color:var(--glyph-text-2);cursor:pointer;font-size:12.5px;font-weight:600}.notification-popover>header button:hover{color:var(--glyph-ink)}.notification-popover-scroll{max-height:392px;overscroll-behavior:contain;overflow-y:auto;padding:0 8px}.notification-row.compact{border-radius:12px;gap:11px;grid-template-columns:34px minmax(0,1fr);min-height:0;padding:10px}.notification-row.compact .notification-avatar-wrap{height:34px;width:34px}.notification-row.compact .notification-avatar{font-size:12px;height:32px;width:32px}.notification-row.compact .notification-row-title{font-size:13.5px}.notification-row.compact .notification-row-context{font-size:12.5px}.notification-row.compact .notification-row-chevron{display:none}.notification-row.compact .notification-unread-dot{left:2px;top:26px}.notification-popover-state{color:var(--glyph-text-2);font-size:13px;margin:0;padding:26px 18px 30px;text-align:center}.notification-popover-state button{background:transparent;color:var(--glyph-gold-text);cursor:pointer;display:block;font-size:12.5px;font-weight:670;margin:8px auto 0}.notification-popover-loading{display:grid;gap:14px;padding:18px 12px 24px}.notification-popover-loading>span:not(.sr-only){animation:notification-breathe 1.4s ease-in-out infinite alternate;background:var(--glyph-tint);border-radius:6px;height:38px}.notification-popover>footer{padding:6px 10px 12px}.notification-popover>footer a{align-items:center;border-radius:11px;display:flex;font-size:13px;font-weight:600;gap:7px;height:36px;justify-content:center}.notification-popover>footer a:hover{background:var(--glyph-hover)}.notification-popover>footer span{color:var(--glyph-text-4);font-size:17px}@media (max-width:720px){.notification-popover{position:fixed;right:8px;top:calc(var(--glyph-header) - 8px)}}@media (prefers-reduced-motion:reduce){.notification-popover{transition:none}.notification-popover-loading>span:not(.sr-only){animation:none;opacity:.7}}