.messenger-help { position: fixed; right: 20px; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 40; display: flex; align-items: center; border-radius: 28px; background: #1f3b30; color: #fff; box-shadow: 0 4px 16px #17211b26; max-width: calc(100vw - 32px); }
.messenger-help a { display: flex; align-items: center; gap: 10px; padding: 12px 16px; min-height: 52px; box-sizing: border-box; color: inherit; text-decoration: none; }
.messenger-help a > svg { color: #c3e545; flex-shrink: 0; }
.messenger-help-copy { display: grid; font-size: 13px; line-height: 1.4; }
.messenger-help-copy strong { font-size: 14px; }
.messenger-help button { display: grid; place-items: center; min-width: 44px; min-height: 44px; margin-right: 4px; border: 0; background: transparent; color: #fff; cursor: pointer; }
.messenger-help a:hover, .messenger-help button:hover { color: #c3e545; }
.messenger-help :focus-visible { outline: 3px solid #c3e545; outline-offset: 3px; border-radius: 24px; }
.messenger-help.compact .messenger-help-copy, .messenger-help.compact button { display: none; }
.messenger-help.compact a { padding: 14px; }
body:has(dialog[open]) .messenger-help, body:has([aria-modal="true"]) .messenger-help { display: none; }
@media (max-width: 900px) { .messenger-help { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); } }
@media print { .messenger-help { display: none; } }
