.user-notification-bell{position:relative}.user-notification-count{box-sizing:border-box;color:#fff;border:2px solid var(--panel,#fffaf0);background:#dc2626;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:2px}.user-notification-dialog{box-sizing:border-box;border:1px solid var(--line,#dfd5c2);background:var(--panel,#fffaf0);width:min(780px,100vw - 32px);max-height:85dvh;color:var(--ink,#211b10);border-radius:24px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0004}.user-notification-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17120788}.user-notification-head{border-bottom:1px solid var(--line,#dfd5c2);background:linear-gradient(135deg,#dcaf4012,#0000);justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.user-notification-head h2{letter-spacing:-.025em;margin:0 0 7px;font-size:22px}.user-notification-head small{color:var(--muted,#7d715d);font-size:12px}.user-notification-head button{border:1px solid var(--line,#dfd5c2);color:inherit;cursor:pointer;background:0 0;border-radius:11px;place-items:center;padding:9px;display:grid}.user-notification-dialog .author-notifications-wrapper{padding:22px 26px 26px}.user-notification-dialog [role=alert],.user-notification-loading{margin:20px 26px;font-size:13px}.user-notification-dialog [role=alert]{color:#b43d32}.admin-notification-filters{flex-wrap:wrap;gap:8px;padding:18px 26px 0;display:flex}.admin-notification-filters button{border:1px solid var(--line,#dfd5c2);color:var(--muted,#7d715d);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600}.admin-notification-filters button.active{color:var(--ink,#211b10);background:#e1b12826;border-color:#d7a522}@media (max-width:680px){.user-notification-head,.user-notification-dialog .author-notifications-wrapper{padding:18px}.user-notification-dialog .author-notif-toolbar{flex-wrap:wrap;gap:12px}.user-notification-dialog .author-notif-meta-row{flex-wrap:wrap}.user-notification-dialog .author-notif-card{gap:12px;padding:14px}}