/* A small invitation beside the existing avatar; it leaves the top button clear. */
.community-invite {
  position:absolute;right:60px;bottom:0;width:272px;max-width:calc(100vw - 108px);
  padding:14px 42px 12px 16px;border:1px solid var(--line);border-radius:14px;
  background:var(--paper);color:var(--ink);box-shadow:0 4px 18px rgb(0 0 0 / .08);
}
.community-invite::after {content:"";position:absolute;right:-5px;bottom:19px;width:8px;height:8px;transform:rotate(45deg);background:var(--paper);border-top:1px solid var(--line);border-right:1px solid var(--line)}
.community-invite p {margin:0 0 8px;font-size:14px;line-height:1.6;font-weight:500;text-wrap:pretty}
.community-invite-cta {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:32px;padding:3px 11px;border-radius:8px;background:var(--ink);color:var(--on-ink);font-size:12px;font-weight:500}
.community-invite-cta:hover {opacity:.86}
.community-invite-cta:active {opacity:.72}
.community-invite-close {position:absolute;right:4px;top:5px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--muted)}
.community-invite-close svg {width:16px;height:16px}
.community-invite-close:hover {background:var(--surface);color:var(--ink)}
.community-invite-visible .support-toggle-label {display:none}
.support-community-intro {margin:-2px 0 0;text-align:center}
.support-community-intro p {margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.support-community-intro .support-group-title {margin-bottom:8px;color:var(--ink);font-size:15px;font-weight:550}
.support-community-mode > :not(.support-community-intro) {display:none}
.support-group-qr {display:block;width:256px;max-width:100%;height:auto;margin:16px auto 12px;padding:8px;background:#fff;border-radius:8px;box-sizing:border-box;object-fit:contain}
.dialog-open .community-invite, body:has(dialog[open]) .community-invite {display:none}
.announcement-actions {display:inline-flex;align-items:center;gap:8px;margin-left:12px;white-space:nowrap}
.announcement-actions .announcement-feedback {margin-left:0}
.announcement-community {display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:550;color:#252708;text-decoration:underline;text-underline-offset:3px}
.announcement-community:hover {background:#25270810}
@media(max-width:700px) {
  .announcement-actions {margin-left:0;gap:12px}
  .announcement-actions .announcement-feedback,.announcement-community {min-height:44px}
}
@media(max-width:600px) {
  .community-invite {right:56px;width:260px;max-width:calc(100vw - 92px);padding:12px 44px 12px 14px}
  .community-invite-close {width:44px;height:44px;top:0;right:0}
  .community-invite-cta {min-height:44px;padding-inline:12px}
}
@media(forced-colors:active) {
  .community-invite,.community-invite-cta {border:1px solid CanvasText}
}