.friend-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.friend-controls>p{flex-basis:100%;margin:0}.friend-controls .button{min-height:42px;padding:9px 15px;font-size:.85rem}.friend-controls .button.secondary,.friend-discovery .button.secondary{color:var(--red);border:1px solid var(--red);background:0 0}.friend-controls .friend-block{background:0 0;border:0;padding:8px 4px;font:.8rem Arial,sans-serif}.friend-connected{color:var(--ink);font-weight:600}.friend-profile-panel{gap:20px;margin-top:20px;display:grid}.friend-profile-panel .button{margin-top:0}.friend-discovery{border:1px solid var(--line);background:var(--wash);border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;display:flex}.friend-discovery>div{flex:320px}.friend-discovery h2{margin-bottom:10px;font-size:1.25rem}.friend-discovery p{color:var(--muted);font:.85rem/1.7 Arial,sans-serif}.friend-discovery>p{flex-basis:100%}.cb-friends{max-width:1200px}.cb-friends .page-intro{margin-bottom:26px}.friend-search{border:1px solid var(--line);border-radius:14px;margin:30px 0;padding:24px}.friend-search h2{margin-bottom:10px;font-size:1.4rem}.friend-search>p{color:var(--muted);font:.85rem/1.7 Arial,sans-serif}.friend-search form[role=search]{flex-wrap:wrap;align-items:end;gap:16px;margin-top:20px;display:flex}.friend-search label{flex:250px;gap:8px;font-size:.9rem;display:grid}.friend-search input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);border-radius:8px;padding:10px 13px}.friend-search-results{margin-top:22px}.friend-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 24px;margin-bottom:22px;display:flex}.friend-tabs a{padding:12px 3px}.friend-tabs a[aria-current=page]{color:var(--red);border-bottom:3px solid var(--red);font-weight:600}.friend-card{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:22px;display:flex}.friend-card>div{flex:200px;min-width:0}.friend-card h3{overflow-wrap:anywhere;font-size:1.2rem}.friend-card .muted{overflow-wrap:anywhere;font-size:.85rem}.friend-card .friend-controls{flex:0 380px}.friend-card .friend-controls>p{font-size:.8rem}.friend-pagination{justify-content:space-between;gap:20px;margin:22px 0;display:flex}.friend-safety-note{color:var(--muted);margin-top:28px;font:.8rem/1.7 Arial,sans-serif}@media (max-width:600px){.friend-card .friend-controls{flex-basis:100%}.friend-search,.friend-discovery,.friend-card{padding:18px}}