.app-invitation { position:fixed; right:24px; bottom:24px; z-index:50; width:min(420px,calc(100vw - 32px)); max-height:80vh; overflow:auto; background:var(--cream,#F8F1E7); color:#5B1C25; border:1px solid #BE7B7E; border-radius:18px; padding:28px; box-shadow:0 12px 48px #35121c33; }
.app-invitation[hidden] { display:none; }
.app-invitation h2 { font-size:28px; padding-right:22px; }
.app-invitation p { font-size:16px; line-height:1.5; margin:14px 0; }
.app-invitation .invite-close { position:absolute; right:10px; top:10px; background:transparent; border:0; color:#5B1C25; font-size:26px; cursor:pointer; width:44px; height:44px; }
.app-invitation .invite-privacy { font-size:14px; }
.app-invitation .invite-app { display:block; margin-top:18px; text-decoration:underline; font-weight:600; }
@media(max-width:600px) { .app-invitation { right:16px; bottom:16px; padding:24px; } }


.app-invitation{box-sizing:border-box;max-height:calc(100dvh - 108px)}
.app-invitation input,.app-invitation button{max-width:100%;font-size:16px}
.app-invitation a{display:inline-block;min-height:44px;padding:8px 0;overflow-wrap:anywhere}