.message-alerts{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:2100;display:grid;gap:10px;width:min(340px,calc(100vw - 32px));pointer-events:none}
.message-alert{position:relative;display:flex;min-width:0;overflow:hidden;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.34);pointer-events:auto;animation:message-alert-in .22s ease-out}
.message-alert-link{display:flex;flex:1;min-width:0;gap:11px;padding:14px 34px 14px 14px;color:inherit;text-decoration:none}
.message-alert-avatar{display:grid;flex:0 0 40px;width:40px;height:40px;overflow:hidden;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--accent-text);font-weight:800}
.message-alert-avatar img{width:100%;height:100%;object-fit:cover}
.message-alert-copy{display:grid;min-width:0;gap:3px}.message-alert-copy small{color:var(--accent-text);font-size:.62rem;font-weight:750}.message-alert-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem}.message-alert-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-soft);font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}
.message-alert-close{position:absolute;top:6px;right:6px;display:grid;width:26px;height:26px;place-items:center;padding:0;background:transparent;border:0;color:var(--muted);font-size:1.1rem;cursor:pointer}.message-alert-close:hover{color:var(--text)}
@keyframes message-alert-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.message-alert{animation:none}}