.social-page{max-width:1120px;margin:0 auto}.friend-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px;display:grid}.social-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}.social-panel h2{margin:8px 0 12px;font-size:1.5rem;font-weight:500}.social-panel p{color:var(--muted);line-height:1.6}.social-panel form,.friend-link-field{flex-direction:column;gap:12px;margin-top:22px;font-size:.85rem;display:flex}.social-panel form>button{align-self:start}.friend-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.social-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.social-section-heading h2{font-size:1.5rem;font-weight:500}.social-section-heading h2 span{color:var(--muted);margin-left:8px;font-size:1rem}.social-section-heading>a,.social-caption{color:var(--muted);font-size:.85rem}.social-caption{margin-bottom:16px}.friend-list{gap:16px;padding:0;list-style:none;display:grid}.friend-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;padding:24px;display:flex}.friend-identity{overflow-wrap:anywhere;flex:1;align-items:center;gap:14px;min-width:170px;display:flex}.friend-avatar{background:var(--accent);width:52px;height:52px;color:var(--accent-foreground);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;display:inline-grid}.friend-identity small{color:var(--muted);margin-top:5px;display:block}.friend-stats{flex-wrap:wrap;gap:22px;display:flex}.friend-stats dt{color:var(--muted);font-size:.72rem}.friend-stats dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:1.15rem}.friend-removal{border-top:1px solid var(--border);flex-basis:100%;padding-top:16px}.friend-request{text-align:center;max-width:520px;margin:auto;padding:16px 0}.friend-request>.friend-avatar{width:80px;height:80px;margin-bottom:16px;font-size:2rem}.friend-request h3{overflow-wrap:anywhere;font-size:1.8rem}.friend-request>a{color:var(--muted)}.friend-request p{margin-top:18px;line-height:1.6}.friend-request .friend-actions{justify-content:center}.friend-signin{background:var(--background);border-radius:14px;margin-top:20px;padding:8px 20px 20px}.friend-signin>.btn,.friend-signin>a{margin-top:16px}.social-notice{border:1px solid var(--border);color:var(--accent);border-radius:14px;margin-bottom:24px;padding:16px 20px}.social-empty{padding-block:40px}.social-empty h3{margin-bottom:12px;font-size:1.25rem}.social-empty>a{margin-top:20px}@media (max-width:760px){.friend-panels{grid-template-columns:minmax(0,1fr)}.social-panel,.friend-card{padding:20px}.friend-stats{gap:18px;width:100%}.social-section-heading{flex-wrap:wrap}}