.chat-invite{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom) + var(--chat-sticky-height,0px));z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:14px;max-width:calc(100vw - 32px);pointer-events:none;transition:bottom .25s ease}
.chat-invite[hidden],.chat-invite-card[hidden]{display:none!important}
.chat-invite-card,.chat-invite-launcher{pointer-events:auto}
.chat-invite-card{position:relative;width:274px;max-width:calc(100vw - 40px);box-sizing:border-box;padding:22px 20px 17px;color:#2b1d27;background:linear-gradient(145deg,#fffffff2 0%,#fff8f9eb 58%,#f8e5eee6 100%);border:1px solid #ffffff9c;border-radius:23px 23px 7px 23px;box-shadow:0 16px 55px #0006,0 0 32px #ffa2c00c;backdrop-filter:blur(20px);animation:chat-invite-enter .4s cubic-bezier(.16,1,.3,1) both}
.chat-invite-card:after{content:'';position:absolute;right:24px;bottom:-6px;width:10px;height:10px;background:#f8e5eeeb;border-right:1px solid #ffffffd9;border-bottom:1px solid #ffffffd9;transform:rotate(45deg)}
.chat-invite-name{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#8b4562;margin-bottom:12px}
.chat-invite-greeting{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.6px;margin:0 0 6px}
.chat-invite-note{font-size:12px;line-height:1.5;color:#705d68;margin:0 0 18px}
.chat-invite-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;box-sizing:border-box;padding:11px 14px;background:linear-gradient(120deg,#ffe8ef,#f8cbdc);color:#291723;border-radius:12px;text-decoration:none;font-size:11px;font-weight:650;transition:background .2s,transform .2s}
.chat-invite-link:hover{background:linear-gradient(120deg,#fff0f5,#fbd6e3);transform:translateY(-1px)}
.chat-invite-close{position:absolute;top:6px;right:6px;width:40px;height:40px;display:grid;place-items:center;background:transparent;color:#705d68;border:0;font-size:23px;border-radius:50%;cursor:pointer}
.chat-invite-launcher{position:relative;width:66px;height:66px;padding:3px;border:1px solid #fff;border-radius:50%;background:#fff7fa;box-shadow:0 8px 30px #0005;cursor:pointer;transition:transform .2s;animation:chat-invite-enter .4s both}
.chat-invite-launcher:hover{transform:translateY(-3px)}
.chat-invite-launcher>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 26%;border-radius:50%}
.chat-invite-icon{position:absolute;bottom:-2px;right:-3px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffd0df;color:#342031;border:2px solid #fff7fa}
.chat-invite-icon svg{width:15px;height:15px}
.chat-invite-card :focus-visible{outline:2px solid #914c6d;outline-offset:3px}.chat-invite-launcher:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes chat-invite-enter{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.chat-invite{right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom) + var(--chat-sticky-height,0px));gap:10px}.chat-invite-card{width:252px;padding:20px 18px 16px}.chat-invite-greeting{font-size:20px}.chat-invite-launcher{width:58px;height:58px}}
/* Short call-like movement, followed by a quiet interval. */
.chat-invite.is-calling .chat-invite-launcher{animation:chat-invite-call 6s ease-in-out 1s infinite}
.chat-invite.is-calling .chat-invite-launcher:before,.chat-invite.is-calling .chat-invite-launcher:after{content:'';position:absolute;inset:-5px;border:1px solid #ffdcE8b3;border-radius:50%;pointer-events:none;animation:chat-invite-ring 6s ease-out 1s infinite}
.chat-invite.is-calling .chat-invite-launcher:after{animation-delay:1.4s}
@keyframes chat-invite-call{0%,16%,100%{transform:translateY(0) rotate(0)}2%,6%,10%{transform:translateY(-2px) rotate(-7deg)}4%,8%,12%{transform:translateY(-2px) rotate(7deg)}14%{transform:translateY(-1px) rotate(-3deg)}}
@keyframes chat-invite-ring{0%{opacity:0;transform:scale(.97)}3%{opacity:.8}22%,100%{opacity:0;transform:scale(1.48)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-opt-in="true"]) .chat-invite,html:not([data-motion-opt-in="true"]) .chat-invite *,html:not([data-motion-opt-in="true"]) .chat-invite *:before,html:not([data-motion-opt-in="true"]) .chat-invite *:after{animation:none!important;transition:none!important}}
html[data-effects="off"] .chat-invite,html[data-effects="off"] .chat-invite *,html[data-effects="off"] .chat-invite *:before,html[data-effects="off"] .chat-invite *:after{animation:none!important;transition:none!important}