.friends-header{margin-bottom:22px}.friends-invite,.friends-section,.friends-collaboration{background:var(--surface-raised);border:1px solid var(--line);border-radius:20px;margin:16px 0;padding:17px}.friends-invite h2,.friends-section h2,.friends-collaboration h2{font-family:Georgia,serif;font-size:1.38rem;letter-spacing:-.04em;margin:3px 0 6px}.friends-invite p,.friends-collaboration p{color:var(--text-secondary);font-size:.84rem;line-height:1.4;margin:0 0 13px}.friends-invite form{display:grid;gap:9px}.friends-invite .button{justify-self:start}.friends-section>.eyebrow{margin:0}.friends-list{display:grid;gap:8px;margin-top:12px}.friends-list article,.friend-request-card{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:12px 0}.friends-list article>span{align-items:center;background:#e4edf2;border-radius:50%;color:#315568;display:flex;font-family:Georgia,serif;font-size:1.1rem;height:37px;justify-content:center;width:37px}.friends-list article>div,.friend-request-card>div:first-child{flex:1;min-width:0}.friends-list strong,.friends-list small,.friend-request-card strong,.friend-request-card small{display:block}.friends-list small,.friend-request-card small,.friend-sent-row small{color:var(--text-secondary);font-size:.73rem;margin-top:2px}.friends-list b{background:#e8f1e5;border-radius:99px;color:#3e6b45;font-size:.66rem;padding:5px 7px}.friend-request-actions{display:flex;gap:6px}.friend-request-actions .button{font-size:.72rem;padding:7px 9px}.friends-empty{color:var(--text-secondary);padding:20px 4px;text-align:center}.friends-empty span,.friends-empty strong,.friends-empty p{display:block}.friends-empty span{font-size:1.5rem}.friends-empty strong{color:var(--ink);font-family:Georgia,serif;font-size:1.1rem;margin-top:6px}.friends-empty p{font-size:.78rem;line-height:1.4;margin:5px auto 0;max-width:280px}.friend-sent-row{border-top:1px solid var(--line);padding:10px 0}.friend-sent-row span,.friend-sent-row small{display:block}.friends-collaboration{align-items:flex-start;background:linear-gradient(135deg,#eef0f7,#edf5ee);display:flex;gap:12px}.friends-collaboration>span{align-items:center;background:#fff;border-radius:12px;display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.friends-collaboration p:last-child{margin-bottom:0}