.people-search{display:flex;gap:10px;max-width:520px;margin:20px 0}.people-search input{min-width:0;flex:1;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:9px 12px;font:inherit}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin:20px 0}.user-card{background:var(--surface);text-align:center;padding:18px 10px;overflow:hidden}.user-avatar{display:block;position:relative;width:100px;height:100px;margin:0 auto 12px}.user-avatar>[data-avatar-headshot]{width:100%;height:100%;border-radius:50%;background:#d6d7d8;overflow:hidden}.user-card h2{font-size:16px;margin:8px 0;overflow-wrap:anywhere}.user-card p{font-size:13px;margin:6px 0 12px}.user-online{position:absolute;right:5px;bottom:5px;background:#00b06f;width:15px;height:15px;border-radius:50%;border:2px solid var(--surface)}.friend-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center}.friend-actions .outline{padding:6px 10px;font-size:13px}.profile-friend-actions{display:flex;align-items:center;gap:20px;margin-top:10px}.profile-friend-actions .notice{font-size:14px}.people-pagination{display:flex;gap:12px;justify-content:center;margin:24px 0}.people-result-count{font-size:20px}.home-user-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.home-user-grid .user-card{padding:12px 6px}.home-user-grid .user-avatar{width:85px;height:85px}.home-user-grid .friend-actions{display:none}@media(max-width:500px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-friend-actions{flex-wrap:wrap;gap:10px}.profile-tabs{flex-wrap:wrap}}