.friend-add{align-items:flex-end;gap:14px;margin:24px 0;display:flex}.friend-add label{flex:1;gap:8px;display:grid}.friend-add input,.friends-list>input{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:10px;padding:11px}.friends-list{gap:12px;margin-top:18px;display:grid}.friend-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;animation:.2s friend-appear;display:flex}.friend-row>div:first-of-type{flex:1;min-width:0}.friend-row a{overflow-wrap:anywhere}.friend-row small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.friend-avatar{background:var(--lavender);width:44px;height:44px;color:var(--purple);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.friend-avatar i{border:2px solid var(--surface);background:var(--muted);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.friend-avatar i[data-status=online]{background:#4c9361}.friend-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.friends-modal{max-height:85dvh;overflow:auto}.friend-button{gap:4px;display:grid}.friend-button>small{color:var(--muted);font-size:11px}.friend-label{color:var(--purple);align-items:center;gap:5px;font-size:13px;display:flex}.profile-friend-stat{text-align:left;color:var(--ink)}.profile-stats .icon{width:17px;height:17px;color:var(--purple);margin-bottom:5px;display:block}.profile-stats .profile-library-link .icon{display:inline-block}.friends-page h1{align-items:center;gap:12px;display:flex}@keyframes friend-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:600px){.friend-add{flex-direction:column;align-items:stretch}.friend-row{gap:8px}.friend-row-actions{max-width:130px}.profile-stats{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.friend-row{animation:none}}