.friends-heading,.friends-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.friends-actions{justify-content:flex-start;flex-wrap:wrap}.friends-actions input{flex:1;min-width:140px}.friends-list{list-style:none;margin:18px 0;padding:0}.friends-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #dddcd5}.friends-list p{font-size:13px;margin:5px 0 0;color:#5e625a}.friends-list strong{overflow-wrap:anywhere}.friends-list a,.friends-list button{white-space:nowrap;min-height:44px}.friends-add summary{cursor:pointer;min-height:44px;padding:10px 0}.friends-add form{margin-top:18px}.friends-add input{width:100%;margin:8px 0}.friends-add button,.friends-actions button{min-height:44px}.web-friend-markers{position:absolute;inset:0;pointer-events:none;z-index:28}.web-friend-marker{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;width:44px;height:44px;border-radius:50% 50% 50% 8px;background:#f6f5ef;border:3px solid #396549;color:#274b35;box-shadow:0 2px 9px #0005;font:700 14px 'DM Sans',sans-serif}.web-friend-marker[hidden],.web-friend-status[hidden]{display:none!important}.web-friend-marker[data-fresh="true"]{border-color:#488b61}
.web-friend-status{position:absolute;bottom:96px;right:24px;z-index:110;box-sizing:border-box;width:min(340px,calc(100vw - 48px));padding:16px 20px;border-radius:16px;background:#f6f5ef;color:#293d32;box-shadow:0 8px 36px #0002;font:14px/1.45 'DM Sans',sans-serif}
.web-friend-status p{margin:0 0 8px}.web-friend-status a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.friends-list button:focus-visible,.friends-list a:focus-visible,.web-friend-marker:focus-visible,.web-friend-status a:focus-visible{outline:3px solid #498564;outline-offset:3px}
@media(max-width:480px){.friends-list li{align-items:flex-start;flex-wrap:wrap}}
.account-slot{display:flex;gap:10px;flex-direction:row-reverse}