.groups-page.svelte-1sgss7h{overflow-y:auto;padding:32px;max-height:100%;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.groups-page.mounted.svelte-1sgss7h{opacity:1;transform:translateY(0)}.groups-header.svelte-1sgss7h{text-align:center;margin-bottom:40px}.groups-header.svelte-1sgss7h h1:where(.svelte-1sgss7h){font-size:36px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,var(--color-brand-400),var(--color-accent-400),var(--color-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:svelte-1sgss7h-gradientShift 6s ease infinite}@keyframes svelte-1sgss7h-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle.svelte-1sgss7h{margin-top:8px;color:var(--text-secondary);font-size:15px;max-width:560px;margin-inline:auto;line-height:1.5}.groups-layout.svelte-1sgss7h{max-width:1200px;margin:0 auto}.groups-grid.svelte-1sgss7h{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.group-card.svelte-1sgss7h{position:relative;text-align:left;border:1px solid var(--border);border-radius:16px;padding:0;background:var(--bg-card);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:inherit;opacity:0;transform:translateY(16px);animation:svelte-1sgss7h-cardEntry .5s ease forwards;animation-delay:var(--delay)}@keyframes svelte-1sgss7h-cardEntry{to{opacity:1;transform:translateY(0)}}.group-card.svelte-1sgss7h:hover{border-color:var(--group-color);transform:translateY(-4px);box-shadow:0 12px 32px -8px color-mix(in srgb,var(--group-color) 25%,transparent),0 4px 8px -2px #0000001a}.group-card.active.svelte-1sgss7h{border-color:var(--group-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--group-color) 30%,transparent),0 8px 24px -4px color-mix(in srgb,var(--group-color) 20%,transparent)}.card-glow.svelte-1sgss7h{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--group-color),transparent);opacity:0;transition:opacity .3s ease}.group-card.svelte-1sgss7h:hover .card-glow:where(.svelte-1sgss7h),.group-card.active.svelte-1sgss7h .card-glow:where(.svelte-1sgss7h){opacity:1}.card-content.svelte-1sgss7h{padding:20px}.card-top.svelte-1sgss7h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-icon.svelte-1sgss7h{font-size:28px}.card-era.svelte-1sgss7h{font-size:11px;font-weight:600;color:var(--group-color);background:color-mix(in srgb,var(--group-color) 12%,transparent);padding:3px 10px;border-radius:12px;letter-spacing:.03em}.card-name.svelte-1sgss7h{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.card-desc.svelte-1sgss7h{font-size:12.5px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.card-chips.svelte-1sgss7h{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.chip.svelte-1sgss7h{font-size:10px;padding:2px 8px;border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);font-weight:500}.card-footer.svelte-1sgss7h{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.member-count.svelte-1sgss7h{font-size:12px;font-weight:600;color:var(--group-color)}.expand-hint.svelte-1sgss7h{font-size:11px;color:var(--text-muted);font-weight:500}.group-detail.svelte-1sgss7h{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;margin-bottom:32px;border-top:3px solid var(--group-color);animation:svelte-1sgss7h-slideUp .35s ease}@keyframes svelte-1sgss7h-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header.svelte-1sgss7h{display:flex;align-items:center;gap:16px;margin-bottom:20px}.detail-icon.svelte-1sgss7h{font-size:48px}.detail-header.svelte-1sgss7h h2:where(.svelte-1sgss7h){font-size:26px;font-weight:800;letter-spacing:-.03em}.detail-era.svelte-1sgss7h{font-size:13px;color:var(--group-color);font-weight:600}.detail-traits.svelte-1sgss7h{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.trait-badge.svelte-1sgss7h{font-size:12px;padding:4px 12px;border-radius:20px;background:color-mix(in srgb,var(--group-color) 10%,transparent);color:var(--group-color);font-weight:600;border:1px solid color-mix(in srgb,var(--group-color) 20%,transparent)}.detail-desc.svelte-1sgss7h{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:720px}.members-grid.svelte-1sgss7h{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.member-card.svelte-1sgss7h{display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-panel);text-decoration:none;color:inherit;transition:all .2s ease;opacity:0;animation:svelte-1sgss7h-memberFade .3s ease forwards;animation-delay:calc(var(--i) * 30ms)}@keyframes svelte-1sgss7h-memberFade{to{opacity:1}}.member-card.svelte-1sgss7h:hover{background:var(--bg-elevated);border-color:var(--group-color);transform:translate(4px)}.member-avatar.svelte-1sgss7h{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.member-info.svelte-1sgss7h{flex:1;min-width:0}.member-name.svelte-1sgss7h{font-size:13px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-aka.svelte-1sgss7h{font-size:11px;color:var(--text-muted);font-style:italic;display:block}.member-tags.svelte-1sgss7h{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.mini-tag.svelte-1sgss7h{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.member-meta.svelte-1sgss7h{display:flex;justify-content:space-between;margin-top:4px}.notability.svelte-1sgss7h{font-size:10px;color:#f59e0b}.years.svelte-1sgss7h{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.no-members.svelte-1sgss7h{text-align:center;padding:32px;color:var(--text-muted);font-style:italic}@media(max-width:640px){.groups-page.svelte-1sgss7h{padding:16px}.groups-grid.svelte-1sgss7h,.members-grid.svelte-1sgss7h{grid-template-columns:1fr}.groups-header.svelte-1sgss7h h1:where(.svelte-1sgss7h){font-size:28px}.group-detail.svelte-1sgss7h{padding:20px}}
