.friends-main{padding-top:54px;padding-bottom:80px;min-height:68vh}.friends-main h1{font-size:clamp(40px,7vw,64px);letter-spacing:-.05em;margin:10px 0}.friends-intro{color:#756f80;max-width:680px;line-height:1.6}.friends-section{background:white;border:1px solid #ede7ef;border-radius:22px;margin:22px 0;padding:24px}.friends-section h2{font-size:21px;margin:0 0 17px}.friend-card{display:flex;align-items:center;gap:12px;border-top:1px solid #f0ecf1;padding:13px 0;flex-wrap:wrap}.friend-card:first-child{border:0}.friend-name{font-weight:850;flex:1;min-width:100px}.friend-buttons{display:flex;gap:8px}.friend-buttons button{background:#f1eaff;color:#594a86;border:0;padding:9px 13px;border-radius:11px;font-weight:850}.friend-buttons button:hover{background:#e8ddff}.friend-avatar{height:40px;width:40px;background:#ebe5fc;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:850;color:#624ca0}.friends-empty{color:#8a8491;font-size:14px}.friends-find{display:inline-flex;padding:13px 20px;text-decoration:none}.friend-join-message{padding:22px;border-radius:16px;background:#f0e9ff}.friend-join-message a{text-decoration:underline;font-weight:850}@media(max-width:560px){.friends-section{padding:16px}.friend-buttons{width:100%}.friend-buttons button{flex:1;min-height:43px}.friends-main{padding-top:34px}}