.event-invite-dialog {
  box-sizing: border-box;
  width: min(92vw, 28rem);
  max-height: 90dvh;
  padding: max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));
  color: var(--text);
}
.event-invite-dialog::backdrop { background: rgba(36, 21, 57, 0.6); }
.event-invite-dialog h2 { font-size: 1.3rem; overflow-wrap: anywhere; }
.event-invite-dialog button { display: block; width: 100%; min-height: 44px; margin-top: 1rem; white-space: normal; }
.event-invite-dialog button:focus-visible { outline: 3px solid var(--purple); outline-offset: 3px; }
.event-invite-dialog button:active { opacity: .8; }