@layer quartz-base{.friends-root{margin:1rem 0 2rem}.friends-intro{color:var(--darkgray);margin-bottom:1.25rem;line-height:1.6}.friends-empty{color:var(--gray);font-style:italic}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.friends-card{border:1px solid var(--lightgray);background:var(--light);color:inherit;border-radius:10px;gap:.85rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.friends-card:hover{border-color:var(--tertiary);box-shadow:0 6px 20px color-mix(in srgb, var(--tertiary) 18%, transparent);transform:translateY(-2px)}.friends-card__avatar{flex-shrink:0;width:48px;height:48px}.friends-card__avatar img,.friends-card__initial{object-fit:cover;border-radius:50%;width:48px;height:48px}.friends-card__initial{background:color-mix(in srgb, var(--tertiary) 35%, var(--light));color:var(--dark);justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.friends-card__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.friends-card__name{color:var(--dark);font-weight:600}.friends-card__desc{color:var(--darkgray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.friends-card__host{color:var(--secondary);font-size:.8rem}.friends-pager{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:1.5rem;display:flex}.friends-pager__btn{border:1px solid var(--lightgray);background:var(--light);min-width:2.25rem;color:var(--darkgray);cursor:pointer;font:inherit;border-radius:6px;padding:.35rem .5rem}.friends-pager__btn[aria-current=page]{border-color:var(--tertiary);color:var(--dark);font-weight:600}.friends-pager__btn:hover{border-color:var(--secondary)}}