.friends-page,.friends-content{max-width:var(--site-width-wide);margin:0 auto;padding:0 1rem}.friends-page{padding-top:0}.friends-aside-flow{display:block;margin-bottom:1.5rem}@media(min-width:1280px){.friends-aside-flow{display:none}}.friends-blocks.friends-aside-narrow{position:sticky;top:1rem;grid-template-columns:minmax(0,1fr);gap:.75rem}.friends-aside-narrow .friends-field{grid-template-columns:minmax(0,1fr) auto;padding:.5rem .625rem}.friends-aside-narrow .friends-field-label{grid-column:1;grid-row:1}.friends-aside-narrow .friends-field-value{grid-column:1;grid-row:2}.friends-aside-narrow .friends-field .friends-copy{grid-column:2;grid-row:1 / span 2}.friends-aside-narrow .friends-block-title{white-space:nowrap}.friends-aside-narrow .friends-steps li{display:block}.friends-aside-narrow .friends-step-title{margin-right:.5rem}.friends-filter{display:block;margin-bottom:1.25rem}.friends-tags{display:flex;flex-wrap:wrap;gap:.5rem}.friends-tag{height:1.875rem;padding:0 .75rem;border-radius:.625rem;font-size:var(--fs-sm);font-weight:500;color:var(--content-meta);background:var(--btn-regular-bg);transition:background-color .15s ease-out,color .15s ease-out}.friends-tag:hover{background:var(--btn-regular-bg-hover)}.friends-tag[data-active]{color:var(--primary);background:oklch(.93 .04 var(--hue))}:root.dark .friends-tag[data-active]{background:oklch(.3 .04 var(--hue))}.friends-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1rem 1.5rem}.friend-tile{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.875rem;padding:.5rem .25rem;text-decoration:none}.friend-avatar{rotate:-5deg;width:4rem;height:4rem;border-radius:.375rem;overflow:hidden;background:var(--btn-regular-bg);box-shadow:0 0 0 3px var(--card-bg),0 4px 12px -4px #0000004d;transition:rotate .2s ease-out,box-shadow .2s ease-out}@media(hover:hover)and (pointer:fine){.friend-tile:hover .friend-avatar,.friend-tile:focus-visible .friend-avatar{rotate:0deg;box-shadow:0 0 0 3px var(--card-bg),0 6px 16px -4px #00000059}}.friend-avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.friend-title{display:flex;align-items:center;gap:.25rem;min-width:0}.friend-arrow{flex:none;font-size:var(--fs-xs);color:var(--site-text-faint);transition:color .15s ease-out,opacity .15s ease-out}.friend-name{font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-ui);color:var(--site-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease-out}.friend-desc{font-size:var(--fs-xs);line-height:var(--lh-ui);color:var(--site-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.friend-tag:before{content:"#";color:var(--site-primary-ink)}.friend-tile:hover .friend-name,.friend-tile:focus-visible .friend-name{color:var(--primary)}.friend-tile:hover .friend-arrow,.friend-tile:focus-visible .friend-arrow{color:var(--primary);opacity:1}.friends-none{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 3.5rem}.friends-none-icon{width:3.75rem;height:3.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);background:#ffffffbf;color:oklch(.72 .09 var(--hue));margin-bottom:1.125rem}:root.dark .friends-none-icon{background:#ffffff0f}.friends-none-title{font-size:var(--fs-lg);font-weight:600;color:var(--site-text-strong);margin:0}.friends-content{margin-top:0;padding-bottom:1rem}.friends-blocks{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0 0 1.5rem}.friends-block{display:flex;flex-direction:column;gap:.75rem;padding:.875rem 1rem 1rem;border:1px solid var(--line-divider);border-radius:.5rem;background:color-mix(in oklch,var(--card-bg) 62%,transparent);backdrop-filter:blur(10px)}.friends-block-wide{grid-column:1 / -1}.friends-block-head{display:flex;align-items:center;gap:.75rem;min-width:0;padding-bottom:.625rem;border-bottom:1px solid var(--line-divider)}.friends-block-avatar{flex:none;width:2.75rem;height:2.75rem;border-radius:.375rem;object-fit:cover;rotate:-5deg;box-shadow:0 0 0 3px var(--card-bg),0 4px 12px -4px #0000004d}.friends-block-heading{display:flex;flex-direction:column;gap:.125rem;min-width:0}@media(min-width:640px){.friends-block-heading{flex-direction:row;align-items:baseline;gap:.625rem}.friends-block-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.friends-block-title{font-size:var(--fs-md);font-weight:600;line-height:var(--lh-ui);color:var(--site-text-strong)}.friends-block-sub{font-size:var(--fs-xs);line-height:var(--lh-ui);color:var(--site-text-muted);min-width:0}.friends-fields{display:flex;flex-direction:column;gap:.375rem}.friends-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:.375rem;background:color-mix(in oklch,var(--btn-regular-bg) 60%,transparent)}.friends-field-label{grid-column:1;font-size:var(--fs-xs);color:var(--site-text-muted)}.friends-field-value{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere;font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--site-text-strong)}.friends-field .friends-copy{grid-column:2;grid-row:1 / span 2;align-self:center}@media(min-width:768px){.friends-field{grid-template-columns:4.5rem minmax(0,1fr) auto;padding:.375rem .625rem}.friends-field-label{grid-column:1;grid-row:1}.friends-field-value{grid-column:2;grid-row:1}.friends-field .friends-copy{grid-column:3;grid-row:1}}.friends-blocks :is(.friends-steps,.friends-notes),.friends-blocks :is(.friends-steps,.friends-notes)>li{margin:0}.friends-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem;counter-reset:step}.friends-steps li{position:relative;display:flex;flex-direction:column;gap:.25rem;padding-left:2rem;counter-increment:step}.friends-steps li:before{content:counter(step);position:absolute;left:0;top:.0625rem;width:1.375rem;height:1.375rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;color:var(--site-primary-ink);background:var(--btn-regular-bg)}.friends-steps li{display:block}@media(min-width:640px){.friends-steps li{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:0 .75rem}}.friends-step-title{font-size:var(--fs-sm);font-weight:600;color:var(--site-text-strong);margin-right:.5rem}@media(min-width:640px){.friends-step-title{margin-right:0}}.friends-step-desc{display:inline;font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--site-text-muted)}.friends-step-desc a{color:var(--site-primary-ink)}.friends-step-desc>p{display:inline;margin:0}.friends-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.625rem 1.5rem}.friends-notes li{position:relative;padding-left:.875rem;font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--site-text-muted)}.friends-notes li:before{content:"";position:absolute;left:0;top:.5rem;width:.25rem;height:.25rem;border-radius:.0625rem;background:var(--primary);opacity:.75}.friends-notes b{color:var(--site-text-strong);font-weight:600;margin-right:.375rem}.friends-copy-head{flex:none;margin-left:auto}.friends-copy{height:1.75rem;padding:0 .625rem;border-radius:.5rem;font-size:var(--fs-xs);font-weight:500;color:var(--site-primary-ink);background:var(--btn-regular-bg);transition:background-color .15s ease-out,transform .16s ease-out}.friends-copy:hover{background:var(--btn-regular-bg-hover)}.friends-copy:active{transform:scale(.97)}.friends-copy[data-done]{color:#25984d}@media(prefers-reduced-motion:reduce){.friend-tile,.friend-name,.friend-arrow,.friend-avatar,.friends-copy{transition:none}.friends-copy:active{transform:none}.friend-tile:hover .friend-avatar,.friend-tile:focus-visible .friend-avatar{rotate:-5deg}.friend-tile:hover,.friend-tile:focus-visible{transform:none}}