.alert-bell{flex-shrink:0;position:relative}.alert-bell-button{min-width:44px;min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:980px;justify-content:center;align-items:center;padding:9px;display:inline-flex;position:relative}.alert-bell-button:hover{color:var(--text)}.alert-bell-badge{background:var(--accent-solid);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:980px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:3px;right:1px}.alert-bell-panel{z-index:30;border:1px solid var(--border);background:var(--bg-card);border-radius:16px;flex-direction:column;gap:2px;width:360px;max-width:calc(100vw - 32px);padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000001f}.alert-bell-head{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.alert-bell-head strong{color:var(--text);font-size:15px;font-weight:600}.alert-bell-head button{min-height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:980px;padding:0 10px;font-size:13px}.alert-bell-head button:hover{background:var(--bg-hover);color:var(--text)}.alert-bell-panel ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.alert-bell-item{color:var(--text);border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:9px 10px 9px 14px;display:grid;position:relative}.alert-bell-item:hover{background:var(--bg-hover)}.alert-bell-item.unread{background:var(--bg-soft)}.alert-bell-item.unread:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:21px;left:4px}.alert-bell-tile{background:var(--bg-soft);border-radius:9px;width:32px;height:32px}.alert-bell-text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.5;display:flex}.alert-bell-text b{font-weight:600}.alert-bell-kind{color:var(--text-2);font-size:13px}.alert-bell-note{color:var(--text-2);text-align:center;padding:18px 10px;font-size:13px}.alert-bell-all{border-top:1px solid var(--border);min-height:44px;color:var(--text);justify-content:center;align-items:center;margin-top:4px;font-size:13px;font-weight:500;display:flex}@media (max-width:520px){.alert-bell{display:none}}.alert-bell-panel:focus{outline:none}