.friend-link-region[data-astro-cid-atna4uls]{margin:18px 0;container-type:inline-size}.friend-link-list[data-astro-cid-atna4uls]{grid-template-columns:repeat(var(--friend-link-columns), minmax(0, 1fr));gap:12px;display:grid}.friend-link-card[data-astro-cid-atna4uls]{isolation:isolate;border:1px solid var(--paper-line);background:var(--paper-surface);min-width:0;min-height:90px;color:var(--paper-ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--paper-surface) 82%, transparent);border-radius:8px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;padding:13px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.friend-link-card[data-astro-cid-atna4uls]:hover{border-color:color-mix(in srgb, var(--paper-accent) 54%, var(--paper-line));transform:translateY(-2px)}.friend-link-card--random[data-astro-cid-atna4uls]{background:color-mix(in srgb, var(--friend-link-random), var(--paper-surface) 76%)}.friend-link-card--random[data-astro-cid-atna4uls]:hover{background:color-mix(in srgb, var(--friend-link-random-strong), var(--paper-surface) 68%)}.friend-link-card__background[data-astro-cid-atna4uls]{z-index:-1;object-fit:cover;opacity:.16;pointer-events:none;width:72%;height:100%;position:absolute;top:0;bottom:0;left:-8%;mask-image:linear-gradient(270deg,#0000,#000)}.friend-link-card__avatar[data-astro-cid-atna4uls]{border:1px solid var(--paper-line-strong);background:color-mix(in srgb, var(--paper-surface) 72%, var(--paper-ink));border-radius:999px;place-items:center;width:50px;height:50px;font-weight:700;display:grid;overflow:hidden}.friend-link-card__avatar[data-astro-cid-atna4uls] img[data-astro-cid-atna4uls]{object-fit:cover;width:100%;height:100%}.friend-link-card__meta[data-astro-cid-atna4uls]{gap:4px;min-width:0;display:grid}.friend-link-card__heading[data-astro-cid-atna4uls]{align-items:center;gap:6px;min-width:0;display:flex}.friend-link-card__heading[data-astro-cid-atna4uls] strong[data-astro-cid-atna4uls]{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.35;overflow:hidden}.friend-link-card__heading[data-astro-cid-atna4uls] svg[data-astro-cid-atna4uls]{color:var(--paper-ink-faint);flex:none}.friend-link-card__bio[data-astro-cid-atna4uls]{color:var(--paper-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}@container (width<=920px){.friend-link-list[data-astro-cid-atna4uls]{grid-template-columns:repeat(min(3, var(--friend-link-columns)), minmax(0, 1fr))}}@container (width<=620px){.friend-link-list[data-astro-cid-atna4uls]{grid-template-columns:repeat(min(2, var(--friend-link-columns)), minmax(0, 1fr))}}@container (width<=390px){.friend-link-list[data-astro-cid-atna4uls]{grid-template-columns:1fr}}@media (width<=720px){.friend-link-list[data-astro-cid-atna4uls]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.friend-link-card[data-astro-cid-atna4uls]{transition:none}.friend-link-card[data-astro-cid-atna4uls]:hover{transform:none}}.friend-circle{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);margin:34px 0}.friend-circle__header{justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.friend-circle__eyebrow{color:var(--paper-ink);font-family:var(--font-meta);align-items:center;gap:7px;margin:0;font-size:.86rem;font-weight:700;display:flex}.friend-circle__eyebrow svg{color:var(--paper-accent)}.friend-circle__stats{color:var(--paper-ink-faint);font-family:var(--font-meta);margin:4px 0 0;font-size:.72rem}.friend-circle__stats span{color:var(--paper-line-strong);margin:0 5px}.friend-circle__refresh{border:1px solid var(--paper-line);width:32px;height:32px;color:var(--paper-ink-soft);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;transition:color .16s,background .16s,border-color .16s;display:grid}.friend-circle__refresh:hover{border-color:var(--paper-line-strong);background:var(--paper-control-hover);color:var(--paper-ink)}.friend-circle__refresh.is-refreshing svg{animation:.26s friend-circle-spin}.friend-circle__posts{border-top:1px solid var(--paper-line)}.friend-circle__post{border-bottom:1px solid var(--paper-line);grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;display:grid}.friend-circle__post:last-child{border-bottom:0}.friend-circle__author-link{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.friend-circle__author-link:hover .friend-circle__author,.friend-circle__post-title:hover{color:var(--paper-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--paper-accent) 56%, transparent);text-underline-offset:4px}.friend-circle__author-avatar{border:1px solid var(--paper-line);background:var(--paper-surface-muted);border-radius:999px;place-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:grid;overflow:hidden}.friend-circle__author-avatar img{object-fit:cover;width:100%;height:100%}.friend-circle__author{color:var(--paper-ink-soft);font-family:var(--font-meta);white-space:nowrap;font-size:.76rem}.friend-circle__post-title{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;line-height:1.35;text-decoration:none;display:block;overflow:hidden}.friend-circle__post-meta{min-width:0;color:var(--paper-ink-faint);font-family:var(--font-meta);white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.7rem;display:flex}.friend-circle__tags{gap:4px;max-width:14rem;display:flex;overflow:hidden}.friend-circle__tags span{color:color-mix(in srgb, var(--paper-accent) 72%, var(--paper-ink-soft));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-circle__tags span:before{content:"#"}@keyframes friend-circle-spin{to{transform:rotate(180deg)}}@media (width<=700px){.friend-circle__post{grid-template-columns:max-content minmax(0,1fr) auto;gap:7px;padding:7px 0}.friend-circle__author-link{gap:6px}.friend-circle__tags{display:none}}@media (width<=440px){.friend-circle__post-meta time{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.friend-circle__refresh{transition:none}.friend-circle__refresh.is-refreshing svg{animation:none}}