.join-share { container-type:inline-size; min-width:0; max-width:100%; padding:16px; border:1px solid #c6c5df; border-radius:14px; background:#f3f1fc; color:#292d56; }
.join-share-label { display:block; margin:0 0 10px; font-size:.95rem; font-weight:800; line-height:1.4; }
.join-share-controls { display:flex; flex-direction:column; align-items:stretch; gap:10px; min-width:0; }
.join-share .join-share-url { display:block; field-sizing:content; width:100%; min-width:0; min-height:52px; max-height:180px; margin:0; padding:11px 12px; resize:none; border:1px solid #a7afc9; border-radius:9px; background:#fff; color:#283359; font:inherit; font-size:.85rem; font-weight:500; line-height:1.5; overflow-wrap:anywhere; word-break:break-all; cursor:text; }
.join-share .join-share-copy { min-height:44px; padding:10px 15px; border:2px solid #5441a8; border-radius:10px; background:#5e49b8; color:#fff; box-shadow:0 3px 0 #392a78; font-size:.85rem; font-weight:750; white-space:normal; }
.join-share .join-share-copy:hover { background:#6a54c8; }
.join-share .join-share-copy:active { transform:translateY(2px); box-shadow:0 1px 0 #392a78; }
.join-share .join-share-copy:disabled { cursor:progress; }
.join-share-status { min-height:1.35em; margin:9px 0 0; font-size:.81rem; line-height:1.45; overflow-wrap:anywhere; }
.join-share[data-copy-state=success] .join-share-status { color:#246048; font-weight:700; }
.join-share[data-copy-state=manual] .join-share-status { padding:9px 11px; border-left:3px solid #b58223; background:#fff0ce; color:#664812; border-radius:4px; }
.join-share .join-share-url:focus-visible,.join-share .join-share-copy:focus-visible { outline:3px solid #5d43b8; outline-offset:3px; }
@container (min-width:440px) {
  .join-share-controls { flex-direction:row; align-items:center; }
  .join-share .join-share-url { flex:1 1 0; }
  .join-share .join-share-copy { flex:0 0 auto; }
}
@media(prefers-reduced-motion:reduce) {
  .join-share .join-share-copy { transition:none; }
  .join-share .join-share-copy:active { transform:none; }
}