.friends-page{padding:32px}.friends-heading{border-bottom:1px solid color-mix(in srgb, var(--fuwari-fg-50) 20%, transparent);grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;padding-bottom:26px;display:grid}.friends-heading h1{color:var(--fuwari-fg);padding-left:22px;font-size:30px;font-weight:700;line-height:1.3;position:relative}.friends-heading h1:before{content:"";background:var(--fuwari-primary);border-radius:4px;width:5px;height:.95em;position:absolute;top:.18em;left:0}.friends-heading p{color:var(--fuwari-fg-50);grid-column:1/-1;padding-left:22px;font-size:15px;line-height:1.65}.friends-apply{border-radius:12px;align-self:start;min-height:44px;padding:0 22px;font-size:14px;font-weight:700}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:0;padding:26px 0 0;list-style:none;display:grid}.friends-grid li{min-width:0}.friend-entry{min-height:104px;transition:background-color .18s, transform .25s var(--fuwari-motion-ease);border-radius:12px;align-items:center;gap:20px;margin:0 -12px;padding:12px;display:flex}.friend-entry:hover,.friend-entry:focus-visible{background:var(--fuwari-btn-plain-bg-hover)}.friend-entry:focus-visible,.friends-apply:focus-visible{outline:2px solid var(--fuwari-primary);outline-offset:3px}.friend-entry:active{transform:scale(.985)}.friend-avatar{background:var(--fuwari-btn-regular-bg);width:64px;height:64px;color:var(--fuwari-primary);border-radius:16px;flex:0 0 64px;place-items:center;display:grid;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-copy{min-width:0}.friend-name{color:var(--fuwari-fg);align-items:center;gap:8px;font-size:18px;font-weight:700;transition:color .18s;display:flex}.friend-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-name svg{opacity:0;flex-shrink:0;transition:opacity .18s}.friend-entry:hover .friend-name,.friend-entry:focus-visible .friend-name{color:var(--fuwari-primary)}.friend-entry:hover svg,.friend-entry:focus-visible svg{opacity:1}.friend-description{-webkit-line-clamp:2;color:var(--fuwari-fg-50);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.friends-empty{text-align:center;color:var(--fuwari-fg-50);padding:64px 0}@media (width<=639px){.friends-page{padding:24px}.friends-heading{gap:8px 12px;padding-bottom:22px}.friends-heading h1{padding-left:16px;font-size:26px}.friends-heading p{padding-left:0;font-size:14px}.friends-apply{padding:0 16px}.friends-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:16px}.friend-entry{gap:16px;min-height:96px}.friend-avatar{border-radius:14px;flex-basis:56px;width:56px;height:56px}.friend-name{font-size:16px}}@media (prefers-reduced-motion:reduce){.friend-entry,.friend-name,.friend-name svg{transition:none}}