.page-wrap.svelte-1sgss7h{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-header.svelte-1sgss7h{margin-bottom:2rem}.page-title.svelte-1sgss7h{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-beer-foam);letter-spacing:-.02em}.section.svelte-1sgss7h{margin-bottom:2.5rem}.section-label.svelte-1sgss7h{margin-bottom:.875rem}.cards-row.svelte-1sgss7h{display:flex;gap:.75rem;overflow-x:auto;padding:4px 4px .5rem;scrollbar-width:none}.cards-row.svelte-1sgss7h::-webkit-scrollbar{display:none}.group-card--recent.svelte-1sgss7h{flex-shrink:0;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;min-width:9rem;text-align:center}.groups-grid.svelte-1sgss7h{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.group-card.svelte-1sgss7h{display:flex;align-items:center;padding:.875rem 1rem;border-radius:.75rem;text-decoration:none;gap:0}.card-link.svelte-1sgss7h{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0;text-decoration:none}.card-avatar.svelte-1sgss7h{width:2.75rem;height:2.75rem;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-1sgss7h{width:100%;height:100%;object-fit:cover}.avatar-initials.svelte-1sgss7h{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-beer-amber)}.card-body.svelte-1sgss7h{display:flex;flex-direction:column;gap:.15rem;min-width:0}.card-name.svelte-1sgss7h{font-size:.9rem;font-weight:600;color:var(--color-beer-foam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta.svelte-1sgss7h{font-size:.72rem;color:var(--color-text-muted)}.joinable-btn.svelte-1sgss7h{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#25d366;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:.3rem;padding:.2rem .45rem;line-height:1.4;cursor:pointer;transition:background .12s ease,border-color .12s ease;margin-left:auto}.joinable-btn.svelte-1sgss7h:hover{background:#25d3662e;border-color:#25d3668c}.badge-icon.svelte-1sgss7h{width:8px;height:8px;flex-shrink:0}.empty.svelte-1sgss7h{color:var(--color-text-muted);font-size:.9rem}