.message-notifications{position:fixed;top:calc(18px + env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));z-index:140;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.message-notification{position:relative;display:flex;align-items:flex-start;background:var(--bg-color);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #0002;pointer-events:auto;min-width:0}
.message-notification-link{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1;padding:18px 48px 18px 18px;text-decoration:none;border-radius:14px}
.notification-avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--text);font-size:14px;font-weight:600}
.notification-copy{min-width:0;display:grid;gap:4px;font-size:14px}.notification-copy strong{overflow-wrap:anywhere;line-height:1.45}.notification-label{font-size:12px;color:var(--muted)}
.notification-preview{line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-close{position:absolute;top:8px;right:5px}.notification-close svg{width:17px;height:17px}
.notification-option{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:4px}.notification-option label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-height:44px}.notification-option input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--accent)}
.notification-option span{display:grid;gap:5px;min-width:0}.notification-option strong{font-size:14px;font-weight:600}.notification-option small{font-size:13px;color:var(--muted);line-height:1.6}.notification-option input:disabled+span{opacity:.7}.notification-settings>#notificationTest{margin-top:14px}.notification-system-actions{margin-top:18px;flex-wrap:wrap}.notification-settings>#notificationStatus{min-height:22px;margin-top:16px}
@media(max-width:700px){.message-notifications{top:calc(80px + env(safe-area-inset-top));left:12px;right:12px;width:auto}.message-notification-link{padding:16px 46px 16px 14px;gap:10px}.notification-copy{font-size:14px}.notification-option strong{font-size:15px}.notification-option input{min-width:20px;min-height:20px}.notification-settings .actions .button{width:100%}body[data-social-view="messages"]:has(.dm-thread-open) .message-notifications{top:calc(10px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:no-preference){.message-notification{animation:notification-enter .2s ease-out}@keyframes notification-enter{from{transform:translateY(-6px);opacity:.5}to{transform:none;opacity:1}}}