.friend-online-toast{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:center;gap:10px;min-width:235px;max-width:min(85vw,340px);padding:12px 16px;border:1px solid #49b978;border-radius:12px;background:#203d30;color:#fff;box-shadow:0 12px 32px #10241940;opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s}
.friend-online-toast.visible{opacity:1;transform:translateY(0)}
.friend-online-toast>i{color:#45d681;font-style:normal;font-size:19px}
.friend-online-toast span{display:grid;gap:3px}
.friend-online-toast strong{font-size:11px;color:#d9f6e4}
.friend-online-toast b{font-size:13px;font-weight:600}
.member-tabs{display:flex;gap:5px;margin:8px 0;padding:3px;background:#eef4f0;border-radius:9px}
.member-tabs button{flex:1;border:0;border-radius:7px;padding:7px 5px;background:transparent;color:#63766a;font:inherit;font-size:11px;cursor:pointer}
.member-tabs button.active{background:#fff;color:#246b49;box-shadow:0 1px 4px #153c2818}
.friends-list.hidden{display:none}