.mark-all-read-btn{background:0 0;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .15s ease;white-space:nowrap}.mark-all-read-btn:hover{background-color:rgba(var(--primary-color-rgb,5,111,240),.08);color:var(--primary-color)}.mark-all-read-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:0px}.mark-all-read-btn:active{transform:translateY(1px)}.notification-item{display:block;position:relative;padding:0;border-bottom:1px solid rgba(0,0,0,.04);transition:all .15s ease;background-color:var(--main-content-bg-color);text-decoration:none;color:inherit}.notification-list .notification-items .notification-item:hover{background-color:var(--list-hover-color)}.notification-item:visited{color:inherit}.notification-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--list-hover-color)}.notification-item:focus-visible .notification-dismiss{opacity:1}.notification-item:last-child{border-bottom:none}.notification-follows-group.unread .notification-avatar,.notification-item.unread .notification-avatar,.notification-modposts-group.unread .notification-avatar{box-shadow:0 0 0 2px var(--main-content-bg-color),0 0 0 4px var(--primary-color)}.notification-likes-group.unread .notification-avatar{box-shadow:0 0 0 2px var(--main-content-bg-color),0 0 0 4px #ef4444}.notification-follows-group:not(.unread),.notification-item:not(.unread),.notification-likes-group:not(.unread),.notification-modposts-group:not(.unread){opacity:.5}.notification-follows-group:not(.unread):hover,.notification-item:not(.unread):hover,.notification-likes-group:not(.unread):hover,.notification-modposts-group:not(.unread):hover{opacity:1}.notification-unread-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notification-content-container{padding:.75rem .5rem .75rem 1rem;display:flex;align-items:flex-start;gap:1rem;align-items:center}.notification-avatar{position:relative;width:36px;height:36px;border-radius:50%;background-color:var(--lightest-gray-color);color:var(--primary-light-text-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible}.notification-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notification-avatar .gradient-avatar-initials{font-size:.95rem}.notification-type-icon.badge{position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--main-content-bg-color);box-sizing:border-box}.notification-type-icon.badge svg{width:9px;height:9px}.notification-avatar.standalone{background-color:var(--primary-color);color:#fff}.notification-type-icon.standalone svg{width:16px;height:16px}.notification-avatar.system-logo{background-color:var(--main-content-bg-color);border:1px solid var(--lightest-gray-color);padding:3px;box-sizing:border-box}.notification-avatar.system-logo .notification-avatar-img{border-radius:0;object-fit:contain}.notification-avatar.stack{width:36px;height:36px;background:0 0;display:flex;align-items:center;justify-content:flex-end}.notification-avatar-stacked-img{width:22px;height:22px;border-radius:50%;border:2px solid var(--main-content-bg-color);object-fit:cover;background-color:var(--lightest-gray-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.notification-avatar-stacked-img+.notification-avatar-stacked-img{margin-left:-15px}.notification-avatar-stacked-img .gradient-avatar-initials{font-size:.6rem}.notification-avatar.type-vote .notification-type-icon.badge,.notification-avatar.type-vote.standalone{background-color:#ef4444}.notification-avatar.type-tip .notification-type-icon.badge,.notification-avatar.type-tip-refunded .notification-type-icon.badge,.notification-avatar.type-tip.standalone{background-color:#16a34a}.notification-avatar.type-mention .notification-type-icon.badge,.notification-avatar.type-mention.standalone{background-color:#8b5cf6}.notification-avatar.type-moderator .notification-type-icon.badge,.notification-avatar.type-moderator-demoted .notification-type-icon.badge,.notification-avatar.type-moderator-permissions-updated .notification-type-icon.badge,.notification-avatar.type-moderator-post .notification-type-icon.badge,.notification-avatar.type-moderator-promoted .notification-type-icon.badge,.notification-avatar.type-moderator.standalone{background-color:#f59e0b}.notification-avatar.type-system .notification-type-icon.badge,.notification-avatar.type-system.standalone{background-color:var(--primary-light-text-color)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:var(--primary-text-color);margin-bottom:.375rem;line-height:1.4;font-size:.9rem;letter-spacing:-.005em}.notification-message{color:var(--primary-light-text-color);margin-bottom:.5rem;line-height:1.45;font-size:.85rem;word-wrap:break-word}.notification-time{color:var(--primary-lightest-text-color);font-size:.75rem;font-weight:500}.notification-dismiss{background:0 0;border:none;color:var(--ink-strong-color);padding:.375rem;border-radius:.375rem;transition:all .15s ease;flex-shrink:0;margin-top:0;opacity:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.notification-item:hover .notification-dismiss{opacity:1;box-shadow:none}.notification-dismiss:hover{background-color:rgba(0,0,0,.06);color:var(--ink-strong-color-hover);transform:scale(1.05)}.notification-dismiss:focus-visible{outline:2px solid var(--primary-color);outline-offset:0px;opacity:1}.notification-dismiss:active{transform:scale(.95)}.notification-dropdown-chips{display:flex;gap:6px;padding:.5rem .75rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,.06);background-color:var(--main-content-bg-color);flex-shrink:0}.notification-banner-slot{flex-shrink:0}.notification-dropdown-chips::-webkit-scrollbar{display:none}.notification-likes-banner{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;background-color:rgba(239,68,68,.06);border-bottom:1px solid rgba(0,0,0,.05);font-size:.85rem;color:var(--primary-text-color)}.notification-likes-banner-heart{display:inline-flex;width:16px;height:16px;color:#ef4444;flex-shrink:0}.notification-likes-banner-heart svg{width:16px;height:16px}.notification-replies-banner{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;background-color:rgba(var(--primary-color-rgb),.06);border-bottom:1px solid rgba(0,0,0,.05);font-size:.85rem;color:var(--primary-text-color)}.notification-replies-banner-icon{display:inline-flex;width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.notification-replies-banner-icon svg{width:16px;height:16px}.notification-follows-group,.notification-likes-group,.notification-modposts-group{display:block;position:relative;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.04);background-color:var(--main-content-bg-color);transition:background-color .15s ease}.notification-follows-group:hover,.notification-likes-group:hover,.notification-modposts-group:hover{background-color:var(--list-hover-color)}.notification-follows-group:focus-visible,.notification-likes-group:focus-visible,.notification-modposts-group:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--list-hover-color)}.notification-likes-chevron{flex-shrink:0;color:var(--primary-lightest-text-color)}.notification-skeleton{display:flex;flex-direction:column}.notification-skeleton-banner{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.05)}.notification-skeleton-banner-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,var(--base-alt-color) 25%,var(--block-border-color) 50%,var(--base-alt-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.notification-skeleton .skeleton-line.notification-skeleton-banner-text{width:55%}.notification-skeleton-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.04)}.notification-skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,var(--base-alt-color) 25%,var(--block-border-color) 50%,var(--base-alt-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.notification-skeleton-item:last-child{border-bottom:none}.notification-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.notification-skeleton .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--base-alt-color) 25%,var(--block-border-color) 50%,var(--base-alt-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.notification-skeleton .skeleton-title-line{height:14px;width:70%}.notification-skeleton .skeleton-message-line{width:95%}.notification-skeleton .skeleton-message-line.short{width:60%}.notification-skeleton .skeleton-time-line{height:10px;width:40px}.notification-skeleton-dot{width:6px;height:6px;background:linear-gradient(90deg,var(--base-alt-color) 25%,var(--block-border-color) 50%,var(--base-alt-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:50%;flex-shrink:0}@media (prefers-reduced-motion:reduce){.mark-all-read-btn,.notification-dismiss,.notification-item{transition:none}.notification-skeleton .skeleton-line,.notification-skeleton-avatar,.notification-skeleton-banner-icon,.notification-skeleton-dot{animation:none}}.notification-bell-container.hide,.notifications-loading.hide{display:none!important}