.friends-page{padding-top:4px}.friends-page [data-friend-status]:empty{display:none}
.friends-page .friend-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 20px}
.friends-page .friend-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:8px 12px;border:1px solid #bca47755;border-radius:5px;background:#10261c77;font:16px 'Golos Text',sans-serif;color:#bfc3ae}
.friends-page .friend-tabs button[aria-pressed=true]{color:#eedfba;border-color:#c3a76c;background:#25392bcc}
.friend-tabs span{font-size:12px;min-width:20px;text-align:center;color:#c4b694}.friend-tabs .friend-badge{background:#944e41;color:#fff0d5;border-radius:12px;padding:2px 6px}
.friends-page .friend-row{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #b39d6b42;padding:14px 0}
.friends-page .friend-person{display:flex;align-items:center;gap:13px;flex:1;min-width:0;width:auto;padding:4px 0;border:0;background:none;text-align:left;border-radius:4px;color:#e8dbbb;box-shadow:none}
.friend-person>.avatar-art{width:50px;height:50px;border:1px solid #b39d6b77;border-radius:50%;flex:none}
.friend-person .friend-identity{min-width:0;flex:1}.friend-identity strong{font:20px 'Literata',Georgia;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-identity small{display:block;margin-top:5px;font:12px 'Golos Text',sans-serif;color:#b5baa5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-person .friend-renown{position:static;display:flex;align-items:center;flex:none;gap:4px;margin:0;font:17px 'Literata',Georgia;color:#cdb476}.friend-renown svg{width:17px;height:17px}.friend-renown>span{transform:translateY(-1px)}
.friend-options{position:relative;flex:none}.friend-options summary{display:grid;place-items:center;list-style:none;width:40px;height:44px;color:#cebd93;font-size:25px;cursor:pointer;border-radius:5px}.friend-options summary::-webkit-details-marker{display:none}.friend-options summary:hover{background:#c7b48015}.friend-options[open]{z-index:2}
.friends-page .friend-options>button{position:absolute;right:0;top:42px;white-space:nowrap;padding:12px 16px;border:1px solid #aa9060;border-radius:5px;background:#1b3024;color:#e4baaa;font-size:13px;box-shadow:0 5px 16px #0005}
.friends-page .friend-request-actions{display:flex;gap:8px;width:100%;padding-left:63px}.friends-page .friend-request-actions button,.friends-page .friend-remove-confirm button{min-height:38px;width:auto;padding:8px 13px;font:13px 'Golos Text',sans-serif;border:1px solid #ad95655c;border-radius:4px;background:#263c2c;color:#e6dbb9}
.friends-page .friend-request-actions .quiet,.friends-page .friend-remove-confirm .quiet{border-color:transparent;background:none;color:#b8baa8}.friends-page .friend-remove-confirm{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px 0;font-size:13px}.friend-remove-confirm>span{margin-right:auto;color:#d4c7a7}.friends-page .friend-remove-confirm .remove-confirm{background:#623d33;border-color:#a77a60}
.friends-page .friend-requests h3{font:17px 'Literata',Georgia;margin:22px 0 2px;display:flex;align-items:center;gap:10px}.friend-requests h3 span{font:12px 'Golos Text',sans-serif;color:#b6b39b}.friends-page .friend-empty{font-size:14px;line-height:1.6;color:#b7bba8;padding:14px 0;margin:0}
.friend-search{display:block;margin-bottom:8px}.friend-search>span{display:block;font-size:12px;color:#b7bba8;margin-bottom:7px}.friend-search input{box-sizing:border-box;width:100%;padding:11px 13px;background:#10251a88;border:1px solid #ac956452;border-radius:5px;color:#e8dbbb;font:14px 'Golos Text',sans-serif}
.friend-options summary:focus-visible,.friends-page button:focus-visible{outline:2px solid #d4b775;outline-offset:3px}
@media(max-width:400px){.friend-person>.avatar-art{width:42px;height:42px}.friends-page .friend-person{gap:9px}.friend-identity strong{font-size:17px}.friend-person .friend-renown{font-size:15px}.friend-renown svg{width:14px;height:14px}.friend-options summary{width:32px}.friends-page .friend-tabs button{font-size:14px;gap:6px}.friends-page .friend-request-actions{padding-left:51px}.friends-page .friend-remove-confirm{flex-wrap:wrap}.friend-remove-confirm>span{width:100%}}
.friends-page .friend-tabs .friend-badge{position:static;inset:auto;height:auto;line-height:18px;box-shadow:none}
.friends-page .friend-options{margin:0;padding:0;border:0;background:none}
.friends-page .friend-options summary{margin:0;padding:0;border:0;min-height:44px;line-height:1}
.friends-page .friend-person{margin:0;min-height:0}