.friends-content{overflow:auto;padding:26px 30px;flex:1}.friends-add-top{margin-left:auto;white-space:nowrap;padding:10px 13px;font-size:10px}.friends-add-top .icon{width:15px;height:15px}.friends-hero{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at right top,#7c3c5e55,transparent 75%),#2b2033;border:1px solid #80516b30;border-radius:17px;padding:24px 26px;margin-bottom:23px;position:relative;overflow:hidden}.friend-kicker{font-size:8px;letter-spacing:1.7px;color:#d29cbe}.friends-hero h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:15px 0 11px}.friends-hero h1 em{font-style:normal;color:#ffb3db}.friends-hero p{font-size:11px;color:#bc9fc8;line-height:1.8;max-width:330px}.friends-symbol{font-size:140px;color:#ffaddc14;position:absolute;right:16px;top:16px;transform:rotate(15deg)}.add-friend-form{padding:20px 22px;border:1px solid #ffffff0c;border-radius:14px;background:#17121c40;margin-bottom:25px}.add-friend-form>label{display:block;font-size:11px;color:#dac6e3;margin-bottom:12px;font-weight:550}.friend-input-row{display:flex;gap:10px}.friend-input-row input{font-size:12px;background:#18121f;border-color:#8d5c7b40;border-radius:10px;min-width:0}.friend-input-row .primary{font-size:11px;white-space:nowrap;padding:11px 15px}.friend-feedback{font-size:10px;color:#9b809f;line-height:1.8;margin-top:11px;min-height:18px}.friend-feedback strong{color:#e9b1d3;font-weight:500}.friend-feedback.is-error{color:#ffadc4}.friend-tabs{display:flex;gap:15px;border-bottom:1px solid #ffffff0b;padding-bottom:12px;margin-bottom:18px}.friend-tabs button{font-size:11px;color:#8d7798;display:flex;align-items:center;gap:8px;padding:7px 5px}.friend-tabs button.selected{color:#ffc0e1}.friend-tabs button span{font-size:9px;border-radius:5px;background:#36253f;padding:3px 6px;color:#ba99c8}.friend-tabs button.selected span{background:#62344e;color:#ffc7e6}.friend-filter{background:#16111d80;border:1px solid #ffffff09;font-size:11px;padding:12px 14px;margin-bottom:17px;border-radius:10px}.friend-row{display:flex;align-items:center;gap:13px;padding:16px 4px;border-bottom:1px solid #ffffff08}.friend-row .avatar{width:41px;height:41px;border-radius:14px}.friend-name{min-width:0}.friend-name strong{display:block;font-size:13px;color:#e7d1ee;overflow-wrap:anywhere}.friend-name small{font-size:9px;display:block;color:#957b9f;margin-top:6px}.friend-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.friend-actions .secondary,.friend-actions .primary{padding:9px 11px;font-size:10px}.friend-actions .icon{width:14px;height:14px}.friend-subtle{color:#8e6b8e;padding:7px;font-size:19px;border-radius:8px}.friend-subtle:hover{color:#ffadc4;background:#7c354f33}.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 15px;color:#91739b}.friends-empty>.icon{width:34px;height:34px;color:#c98ab6;opacity:.65}.friends-empty h3{font-size:14px;color:#c6a5cf;margin:15px 0 5px;font-weight:550}.friends-empty p{font-size:10px;line-height:1.7;text-align:center}.friends-shortcut{color:#f3acd1;border:1px solid #a96c9140;background:#472b3d40;font-size:12px!important;margin-bottom:20px!important}.request-dot{color:#ff88c1;margin-left:auto;font-size:10px}.friend-aside-note{font-size:10px;color:#9f82aa;line-height:2;padding:16px 4px}.stream-stats{font-size:9px!important;color:#ae91bb!important}.friends-content .friend-filter:focus{border-color:#e48cbe88}@media(max-width:700px){.friends-content{padding:17px 12px}.friends-hero{padding:20px}.friends-hero h1{font-size:26px}.friends-hero p{font-size:10px}.friend-input-row{flex-direction:column}.add-friend-form{padding:17px 15px}.friend-tabs{gap:8px}.friend-tabs button{font-size:10px;gap:6px}.friends-add-top{font-size:0;padding:10px}.friends-add-top .icon{width:16px;height:16px}.friend-actions .primary,.friend-actions .secondary{padding:9px 8px;font-size:9px}.friend-actions span{display:none}.friend-row{gap:9px}.friend-name strong{font-size:12px}.friend-name small{font-size:8px}.friend-row .avatar{width:33px;height:33px;border-radius:11px}.friend-actions{gap:5px}.friend-kicker{font-size:7px}}