.join-dialog.svelte-hite65{border:none;background:transparent;padding:0;max-width:min(92vw,420px);width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.join-dialog.svelte-hite65::backdrop{background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.join-dialog.svelte-hite65{animation:svelte-hite65-modal-pop .22s cubic-bezier(.34,1.3,.64,1) forwards}.modal-inner.svelte-hite65{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:1.25rem;overflow:hidden}@keyframes svelte-hite65-modal-pop{0%{opacity:0;transform:translate(-50%,-48%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.close-btn.svelte-hite65{position:absolute;top:.875rem;right:.875rem;width:2rem;height:2rem;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease;z-index:1}.close-btn.svelte-hite65:hover{color:var(--color-beer-foam)}.modal-header.svelte-hite65{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.25rem 0}.group-avatar.svelte-hite65{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img.svelte-hite65{width:100%;height:100%;object-fit:cover}.avatar-initials.svelte-hite65{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-beer-amber)}.group-info.svelte-hite65{min-width:0;padding-right:2.5rem}.group-name.svelte-hite65{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-beer-foam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.group-meta.svelte-hite65{font-size:.75rem;color:var(--color-text-muted);margin:.15rem 0 0}.qr-section.svelte-hite65{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1rem;gap:.75rem}.qr-wrap.svelte-hite65{padding:.75rem;background:var(--color-beer-foam);border-radius:.875rem;border:2px solid rgba(245,158,11,.4);box-shadow:0 0 0 4px #f59e0b14,0 8px 32px #0006}.qr-img.svelte-hite65{display:block;width:200px;height:200px;border-radius:.375rem}.qr-skeleton.svelte-hite65{width:216px;height:216px;border-radius:.875rem;background:linear-gradient(90deg,var(--color-bg-surface) 25%,rgba(245,158,11,.06) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:svelte-hite65-shimmer 1.4s infinite}.skeleton-text.svelte-hite65{opacity:.4}@keyframes svelte-hite65-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-caption.svelte-hite65{font-size:.78rem;color:var(--color-text-muted);text-align:center;margin:0}.qr-error.svelte-hite65{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;color:var(--color-text-muted);text-align:center;font-size:.875rem}.modal-actions.svelte-hite65{display:flex;gap:.625rem;padding:0 1.25rem 1.25rem}.btn.svelte-hite65{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:.625rem;font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .12s ease,background .12s ease;flex:1}.btn-join.svelte-hite65{background:#25d366;color:#fff;border:none}.btn-join.svelte-hite65:hover{opacity:.9}.btn-share.svelte-hite65{background:transparent;border:1px solid var(--color-border);color:var(--color-beer-foam)}.btn-share.svelte-hite65:hover{background:var(--color-bg-surface)}