.friends-directory{display:grid;gap:1.5rem;min-width:0}.friends-directory__search{width:min(100%,36rem)}.friends-directory__recommendations{display:grid;gap:1rem;min-width:0}.friends-directory__recommendations h2{font-size:var(--font-size-section-title);line-height:var(--line-height-heading);margin:0}.friends-directory__person-copy{display:grid;gap:.25rem;min-width:0}.friends-directory__reason{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.friends-directory__list{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none;margin:0;min-width:0;overflow:hidden;padding:0}.friends-directory__person{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:1rem 1.25rem}.friends-directory__person+.friends-directory__person{border-top:1px solid var(--color-border)}.friends-directory__identity{align-items:center;color:var(--color-text);display:flex;gap:.875rem;min-width:0;text-decoration:none}.friends-directory__identity:hover .friends-directory__name{text-decoration:underline;text-underline-offset:.2em}.friends-directory__avatar{background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-muted);display:grid;flex:0 0 auto;height:3.5rem;overflow:hidden;place-items:center;width:3.5rem}.friends-directory__avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.friends-directory__name{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);min-width:0;overflow-wrap:anywhere}.friends-directory__person-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.friends-directory__action{flex:0 0 auto;max-width:100%}@media(max-width:640px){.friends-directory{gap:1rem}.friends-directory__person{gap:.875rem;grid-template-columns:minmax(0,1fr);padding:1rem}.friends-directory__person-actions{justify-content:flex-start}.friends-directory__action{flex:1 0 auto}}.friends-activity{display:grid;gap:1rem;min-width:0}.friends-activity__title{color:var(--color-text);font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0}.friends-activity__list{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none;margin:0;padding:0}.friends-activity__event{min-width:0;padding:1.5rem}.friends-activity__event+.friends-activity__event{border-top:1px solid var(--color-border)}.friends-activity__header,.friends-activity__person{align-items:center;display:flex;gap:1rem;min-width:0}.friends-activity__header{flex-wrap:wrap;justify-content:space-between;row-gap:.5rem}.friends-activity__person{color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere}.friends-activity__person strong{font-weight:var(--font-weight-semibold);min-width:0}.friends-activity__avatar{background:var(--color-surface-soft);border-radius:var(--radius-sm);color:var(--color-text-muted);display:grid;flex:0 0 2.5rem;height:2.5rem;overflow:hidden;place-items:center;width:2.5rem}.friends-activity__avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.friends-activity__time{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.friends-activity__body{display:grid;gap:.75rem;justify-items:start;margin-left:3.5rem;margin-top:1rem;min-width:0}.friends-activity__quiz-title{color:var(--color-text);font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0;overflow-wrap:anywhere}.friends-activity__kind{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body);margin:0}.friends-activity__actions,.friends-activity__result{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem}.friends-activity__score{color:var(--color-primary);font-size:var(--font-size-section-title);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.friends-activity__score>span{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-normal)}.friends-activity__correct{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.friends-activity__playlist{min-width:0;width:min(100%,38rem)}@media(max-width:540px){.friends-activity__event{padding:1rem}.friends-activity__body{margin-left:0}.friends-activity__time{margin-left:3.5rem}}