@keyframes svelte-1arsrta-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.recommended-users-list.svelte-1arsrta{display:flex;flex-direction:column;gap:1rem}.user-card.svelte-1arsrta{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:1rem;background:var(--bg-primary);border:1px solid var(--border);transition:all .25s ease;position:relative;overflow:hidden}.user-card.svelte-1arsrta:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-500);transform:scaleY(0);transition:transform .25s ease}.user-card.svelte-1arsrta:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translate(4px);box-shadow:0 4px 16px #6366f126}.user-card.svelte-1arsrta:hover:before{transform:scaleY(1)}.user-card.svelte-1arsrta:hover .user-name:where(.svelte-1arsrta){color:var(--primary-700)}.user-card.svelte-1arsrta:hover .follow-button:where(.svelte-1arsrta){background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:scale(1.05)}.user-avatar-container.svelte-1arsrta{position:relative;flex-shrink:0}.user-avatar-container.svelte-1arsrta .user-avatar:where(.svelte-1arsrta){width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:border-color .25s ease}.user-avatar-container.svelte-1arsrta .user-badge:where(.svelte-1arsrta){position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:var(--primary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.user-avatar-container.svelte-1arsrta .user-badge:where(.svelte-1arsrta) svg:where(.svelte-1arsrta){width:10px;height:10px;color:#fff}.user-details.svelte-1arsrta{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-details.svelte-1arsrta .user-name-row:where(.svelte-1arsrta){display:flex;align-items:center;gap:.25rem}.user-details.svelte-1arsrta .user-name-row:where(.svelte-1arsrta) .user-name:where(.svelte-1arsrta){font-weight:600;color:var(--text-primary);font-size:clamp(.875rem,.8rem + .375vw,1rem);transition:color .25s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-details.svelte-1arsrta .user-name-row:where(.svelte-1arsrta) .verified-icon:where(.svelte-1arsrta){width:14px;height:14px;color:var(--primary-500);flex-shrink:0}.user-details.svelte-1arsrta .user-username:where(.svelte-1arsrta){color:var(--text-secondary);font-size:clamp(.75rem,.7rem + .25vw,.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-details.svelte-1arsrta .user-followers:where(.svelte-1arsrta){color:var(--text-muted);font-size:clamp(.75rem,.7rem + .25vw,.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.follow-button.svelte-1arsrta{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-weight:500;font-size:clamp(.75rem,.7rem + .25vw,.875rem);cursor:pointer;transition:all .25s ease;flex-shrink:0;white-space:nowrap}.follow-button.svelte-1arsrta .follow-icon:where(.svelte-1arsrta){width:12px;height:12px}.follow-button.svelte-1arsrta:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:scale(1.05)}.follow-button.svelte-1arsrta:disabled{opacity:.6;cursor:not-allowed}.follow-button.following.svelte-1arsrta{background:var(--primary-100);color:var(--primary-700);border-color:var(--primary-200)}.follow-button.following.svelte-1arsrta:hover:not(:disabled){background:var(--primary-200);border-color:var(--primary-300);color:var(--primary-800)}.loading-state.svelte-1arsrta{display:flex;flex-direction:column;gap:1rem}.user-skeleton.svelte-1arsrta{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:1rem;background:var(--bg-primary);border:1px solid var(--border)}.skeleton-avatar.svelte-1arsrta{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:svelte-1arsrta-skeleton-loading 1.5s ease-in-out infinite}.skeleton-info.svelte-1arsrta{flex-grow:1;display:flex;flex-direction:column;gap:6px}.skeleton-name.svelte-1arsrta{height:16px;width:70%;border-radius:.375rem;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:svelte-1arsrta-skeleton-loading 1.5s ease-in-out infinite}.skeleton-username.svelte-1arsrta{height:12px;width:50%;border-radius:.375rem;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:svelte-1arsrta-skeleton-loading 1.5s ease-in-out infinite}.skeleton-button.svelte-1arsrta{height:32px;width:70px;border-radius:9999px;background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:svelte-1arsrta-skeleton-loading 1.5s ease-in-out infinite}@keyframes svelte-1arsrta-skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.error-state.svelte-1arsrta{text-align:center;padding:1.5rem 1rem;color:var(--text-secondary)}.error-state.svelte-1arsrta .error-icon:where(.svelte-1arsrta){width:48px;height:48px;margin:0 auto 1rem;opacity:.5;color:var(--error-500)}.error-state.svelte-1arsrta p:where(.svelte-1arsrta){margin-bottom:1rem;font-size:clamp(.875rem,.8rem + .375vw,1rem)}.error-state.svelte-1arsrta .retry-btn:where(.svelte-1arsrta){display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:clamp(.875rem,.8rem + .375vw,1rem);cursor:pointer;transition:all .25s ease}.error-state.svelte-1arsrta .retry-btn:where(.svelte-1arsrta) svg:where(.svelte-1arsrta){width:16px;height:16px}.error-state.svelte-1arsrta .retry-btn:where(.svelte-1arsrta):hover{background:var(--bg-hover);border-color:var(--border-hover)}.empty-state.svelte-1arsrta{text-align:center;padding:1.5rem 1rem;color:var(--text-secondary)}.empty-state.svelte-1arsrta .empty-icon:where(.svelte-1arsrta){width:48px;height:48px;margin:0 auto 1rem;opacity:.5}.empty-state.svelte-1arsrta p:where(.svelte-1arsrta){font-size:clamp(.875rem,.8rem + .375vw,1rem);margin:0}