.friends-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.friends-apply{flex-shrink:0;font-size:.85rem}.friends-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1.25rem;font-size:.8rem;display:flex}.friends-status p{margin:0}.friends-status:has([data-status]:empty){display:none}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.friend-entry{perspective:1000px;min-width:0;animation:friend-enter var(--motion-normal) var(--motion-ease) both;animation-delay:var(--friend-delay,0s)}.friend-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--surface-radius);background:linear-gradient(135deg, var(--page), color-mix(in srgb, var(--soft) 60%, var(--page)));height:100%;min-height:158px;box-shadow:inset 0 1px 0 var(--glass-rim-light), inset 0 -1px 0 var(--glass-rim-shade), 0 3px 12px #00000006;color:var(--ink);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--motion-normal) var(--motion-ease), border-color var(--motion-normal) ease, box-shadow var(--motion-normal) ease;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.25rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.friend-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);opacity:0;transition:opacity var(--motion-normal) ease;position:absolute;inset:0}.friend-card__avatar{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));border-radius:var(--surface-radius);background:var(--soft);width:64px;height:64px;color:var(--accent);font:600 1.5rem/1 var(--sans);box-shadow:inset 0 1px 0 var(--glass-rim-light);place-items:center;display:grid;position:relative;overflow:hidden}.friend-card__avatar img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--motion-normal) ease;position:absolute;inset:0}.friend-card__avatar[data-ready]>span{visibility:hidden}.friend-card__avatar[data-ready] img{opacity:1}.friend-card__body{min-width:0;position:relative}.friend-card__name{color:var(--ink);font:650 1.05rem/1.4 var(--sans);overflow-wrap:anywhere;transition:color var(--motion-fast) ease;margin:.05rem 0 0}.friend-card__description{color:var(--muted);overflow-wrap:anywhere;margin:.45rem 0 .75rem;font-size:.85rem;line-height:1.65}.friend-card__domain{color:var(--muted);overflow-wrap:anywhere;font-size:.7rem}.friend-card__arrow{color:var(--accent);transition:transform var(--motion-normal) var(--motion-ease);font-size:1.2rem;line-height:1.3}.friend-card__echo{z-index:-1;object-fit:contain;opacity:.07;pointer-events:none;width:40%;height:auto;transition:opacity var(--motion-normal) ease, transform var(--motion-normal) var(--motion-ease);position:absolute;top:50%;right:-4%;transform:translateY(-50%)rotate(-12deg)}.friend-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.friend-card:focus-visible:before{opacity:1}.friend-card:focus-visible .friend-card__name{color:var(--accent)}@media (hover:hover) and (pointer:fine){.friend-card:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:inset 0 1px 0 var(--glass-rim-light), inset 0 -1px 0 var(--glass-rim-shade), 0 12px 28px #00000012}.friend-card:hover:before{opacity:1}.friend-card:hover .friend-card__name{color:var(--accent)}.friend-card:hover .friend-card__arrow{transform:translate(2px,-2px)}.friend-card:hover .friend-card__echo{opacity:.12;transform:translateY(-50%)rotate(-5deg)scale(1.06)}}.friend-placeholder{border:1px solid var(--line);border-radius:var(--surface-radius);align-items:start;gap:1rem;min-height:158px;padding:1.25rem;display:flex}.friend-placeholder__avatar{border-radius:var(--surface-radius);background:var(--soft);flex:0 0 64px;height:64px}.friend-placeholder__body{flex:1;gap:.75rem;padding-top:.2rem;display:grid}.friend-placeholder__body span{background:var(--soft);border-radius:.25rem;height:.75rem}.friend-placeholder__body span:first-child{width:60%;height:1rem}.friend-placeholder__body span:last-child{width:40%}@keyframes friend-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@supports (corner-shape:squircle){.friend-card,.friend-card__avatar,.friend-placeholder,.friend-placeholder__avatar{corner-shape:squircle}}@media (width<=640px){.friends-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.friend-card,.friend-placeholder{min-height:148px;padding:1rem}}@media (prefers-reduced-motion:reduce){.friend-card,.friend-card:hover .friend-card__arrow{transform:none}.friend-card__echo,.friend-card:hover .friend-card__echo{transform:translateY(-50%)}}