.friends-lede{color:var(--secondary);font-size:.95rem;line-height:1.7;max-width:56ch}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px 28px;margin:8px 0 24px}.friend-card{display:flex;align-items:flex-start;gap:14px;padding:10px 8px;border-radius:var(--radius);text-decoration:none;color:var(--primary);transition:transform 220ms ease,background-color 220ms ease;-webkit-tap-highlight-color:transparent}.friend-card:hover,.friend-card:focus-visible{transform:translateY(-2px);background-color:var(--entry);outline:none}.friend-avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--entry);box-shadow:0 0 0 1px rgba(127,127,127,.18)}.friend-avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:600;color:var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--primary) 4%,transparent))}.friend-meta{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px}.friend-name{font-size:1rem;font-weight:600;line-height:1.4;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-bio{font-size:.85rem;line-height:1.55;color:var(--secondary);overflow:hidden}.friends-empty{color:var(--secondary);font-size:.95rem}@media(max-width:540px){.friend-avatar{width:46px;height:46px}}[data-theme=dark] .friend-avatar{box-shadow:0 0 0 1px rgba(255,255,255,8%)}@media(prefers-reduced-motion:reduce){.friend-card{transition:none}.friend-card:hover,.friend-card:focus-visible{transform:none}}