.friend-card[data-astro-cid-ve2nd3vw]{background:var(--grey-0);border:1px solid color-mix(in srgb, var(--friend-accent) 14%, var(--grey-3));min-height:12rem;box-shadow:var(--shadow-card-base);will-change:transform, box-shadow;border-radius:.875rem;flex-direction:column;padding:1.15rem 1.25rem 1.25rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.friend-card[data-astro-cid-ve2nd3vw]:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--friend-accent) 88%, white), color-mix(in srgb, var(--friend-accent) 62%, var(--color-orange)));height:.26rem;z-index:var(--z-content);position:absolute;inset:0 0 auto}.friend-card[data-astro-cid-ve2nd3vw]:after{content:"";background:radial-gradient(circle at top right, color-mix(in srgb, var(--friend-accent) 10%, transparent) 0%, transparent 58%);opacity:.9;pointer-events:none;position:absolute;inset:0}.friend-card[data-astro-cid-ve2nd3vw]:hover{border-color:color-mix(in srgb, var(--friend-accent) 28%, var(--grey-3));box-shadow:0 0 2rem var(--box-bg-shadow);transform:translateY(-.3rem)}.friend-body[data-astro-cid-ve2nd3vw]{z-index:var(--z-content);align-items:flex-start;gap:1rem;display:flex;position:relative}.friend-avatar[data-astro-cid-ve2nd3vw]{z-index:var(--z-content);flex:none;position:relative}.friend-avatar[data-astro-cid-ve2nd3vw] img[data-astro-cid-ve2nd3vw]{object-fit:cover;background:var(--grey-2);border:1px solid color-mix(in srgb, var(--friend-accent) 18%, var(--grey-3));width:4.5rem;height:4.5rem;box-shadow:0 .45rem .9rem var(--grey-9-a1);will-change:transform, box-shadow;border-radius:1rem;transition:box-shadow .3s}.friend-content[data-astro-cid-ve2nd3vw]{z-index:var(--z-content);flex:1;min-width:0;position:relative}.friend-title-row[data-astro-cid-ve2nd3vw]{align-items:baseline;gap:.35rem;display:flex}.friend-title[data-astro-cid-ve2nd3vw]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--grey-7);font-size:1.12rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-block;overflow:hidden}.friend-meta[data-astro-cid-ve2nd3vw]{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.friend-author[data-astro-cid-ve2nd3vw]{height:1.55rem;color:color-mix(in srgb, var(--friend-accent) 70%, var(--grey-7));background:color-mix(in srgb, var(--friend-accent) 10%, var(--grey-1));border:1px solid color-mix(in srgb, var(--friend-accent) 18%, var(--grey-3));border-radius:999px;align-items:center;padding:0 .65rem;font-size:.77rem;font-weight:600;line-height:1;display:inline-flex}.friend-desc[data-astro-cid-ve2nd3vw]{color:var(--grey-6);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:.65rem 0 0;font-size:.95rem;line-height:1.75;transition:color .3s;display:-webkit-box;overflow:hidden}.friend-card[data-astro-cid-ve2nd3vw]:hover .friend-title[data-astro-cid-ve2nd3vw],.friend-card[data-astro-cid-ve2nd3vw]:hover .friend-desc[data-astro-cid-ve2nd3vw],.friend-card[data-astro-cid-ve2nd3vw]:focus-within .friend-title[data-astro-cid-ve2nd3vw],.friend-card[data-astro-cid-ve2nd3vw]:focus-within .friend-desc[data-astro-cid-ve2nd3vw]{color:var(--friend-accent)}.friend-card[data-astro-cid-ve2nd3vw]:hover .friend-avatar[data-astro-cid-ve2nd3vw] img[data-astro-cid-ve2nd3vw],.friend-card[data-astro-cid-ve2nd3vw]:focus-within .friend-avatar[data-astro-cid-ve2nd3vw] img[data-astro-cid-ve2nd3vw]{box-shadow:0 .45rem .9rem var(--grey-9-a1), 0 0 .75rem color-mix(in srgb, var(--friend-accent) 42%, transparent);transform:translateY(-.15rem)}.site-preview[data-astro-cid-ve2nd3vw]{border:1px solid color-mix(in srgb, var(--friend-accent) 16%, var(--grey-3));background:var(--grey-1);width:100%;height:9rem;max-height:0;box-shadow:var(--shadow-card-base);opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:.75rem;margin-bottom:0;transition:max-height .4s,margin .4s,transform .4s,opacity .4s;position:relative;overflow:hidden;transform:translateY(-.75rem)}.site-preview[data-astro-cid-ve2nd3vw] img[data-astro-cid-ve2nd3vw]{object-fit:cover;width:100%;height:100%}.site-preview-mask[data-astro-cid-ve2nd3vw]{letter-spacing:.04em;color:var(--grey-0);background:linear-gradient(120deg, var(--grey-9-a2), color-mix(in oklch, var(--friend-accent) 38%, var(--grey-9-a6)));opacity:0;will-change:opacity;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.site-preview[data-astro-cid-ve2nd3vw]:hover .site-preview-mask[data-astro-cid-ve2nd3vw],.site-preview[data-astro-cid-ve2nd3vw]:focus-visible .site-preview-mask[data-astro-cid-ve2nd3vw]{opacity:1}.friend-card[data-astro-cid-ve2nd3vw]:hover .site-preview[data-astro-cid-ve2nd3vw],.friend-card[data-astro-cid-ve2nd3vw]:focus-within .site-preview[data-astro-cid-ve2nd3vw]{opacity:1;pointer-events:auto;max-height:9rem;margin-bottom:.75rem;transform:translateY(0)}@media (width<=768px){.friend-card[data-astro-cid-ve2nd3vw]{min-height:auto;padding:1rem}.friend-body[data-astro-cid-ve2nd3vw]{align-items:flex-start}.friend-avatar[data-astro-cid-ve2nd3vw] img[data-astro-cid-ve2nd3vw]{border-radius:.75rem;width:4rem;height:4rem}.friend-content[data-astro-cid-ve2nd3vw]{padding-right:0}.friend-title[data-astro-cid-ve2nd3vw]{white-space:normal}.site-preview[data-astro-cid-ve2nd3vw]{opacity:1;pointer-events:auto;height:11rem;max-height:11rem;margin-bottom:.75rem;transform:translateY(0)}}.friend-code[data-astro-cid-5site2ah] pre{background:var(--grey-2);border:1px solid var(--grey-3);color:var(--grey-7);white-space:pre;border-radius:.75rem;margin:0;padding:1rem 1.1rem;font-size:.9rem;line-height:1.6;overflow-x:auto}