.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.r3-social{position:fixed;right:24px;bottom:24px;z-index:1800;color:#eee7f5;font-size:14px}
.r3-chat-toggle{display:flex;gap:8px;align-items:center;border:1px solid #cdbbf06b;border-radius:28px;padding:13px 23px;color:#f6efff;background:linear-gradient(120deg,#655082,#3c5763);box-shadow:0 9px 26px #0d122970;cursor:pointer}
.r3-chat-panel{position:absolute;right:0;bottom:66px;width:min(390px,calc(100vw - 32px));max-height:min(640px,calc(100dvh - 130px));display:flex;flex-direction:column;background:linear-gradient(145deg,#2c2b3cfa,#202a32fc);border:1px solid #cbbce83b;border-radius:20px;box-shadow:0 24px 85px #090e2570;overflow:hidden;backdrop-filter:blur(20px)}
.r3-chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 12px}.r3-chat-panel header b{font-size:17px}.r3-chat-panel header small{display:block;color:#aaa9bc;font-size:11px;margin-top:4px}.r3-chat-close{border:0;background:none;color:#d3c9e3;font-size:25px;cursor:pointer;padding:5px 10px}
.r3-chat-tabs{display:flex;border-bottom:1px solid #c4bad922;padding:0 12px;gap:4px}.r3-chat-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:12px 4px;color:#bcb2cf;cursor:pointer}.r3-chat-tabs button.active{color:#f4e8ff;border-bottom-color:#c2a8ec}.r3-chat-tabs button[hidden]{display:none}
.r3-unread{display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#ed8d94;margin:0 2px 3px 5px;box-shadow:0 0 8px #ec879650}
.r3-quiet{display:flex;align-items:center;gap:5px;padding:10px 16px;font-size:12px;color:#d0c5df}.r3-quiet small{font-size:10px;color:#9d98ae;margin-left:auto}
.r3-chat-stream{overflow-y:auto;min-height:160px;max-height:320px;padding:0 14px 12px;overscroll-behavior:contain}.r3-chat-empty{color:#a9a4b8;font-size:12px;padding:20px 10px;line-height:1.8}
.r3-chat-message{margin:12px 0}.r3-chat-message>div{display:flex;align-items:center;gap:8px}.r3-chat-message button{border:0;background:none;color:#c6b6e0;font-size:12px;text-align:left;padding:0;cursor:pointer}.r3-chat-message small{display:inline;font-size:10px;color:#aaa0b9}.r3-chat-message time{margin-left:auto;color:#8b869c;font-size:10px}.r3-chat-message p{background:#ffffff08;border-radius:0 11px 11px 11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;padding:10px 12px;line-height:1.7}.r3-chat-message.own p{background:#9680bb1e}.r3-chat-message.mentioned p{border-left:2px solid #d9bd8d}
.r3-chat-form{padding:12px 14px;border-top:1px solid #cabede1f}.r3-chat-form textarea{resize:none;min-height:60px;max-height:130px;border-radius:12px}.r3-chat-form>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.r3-chat-status{font-size:10px;color:#a5a0b8}.r3-chat-form .button{padding:8px 18px}
.r3-friends{overflow-y:auto;min-height:220px;padding:12px 14px;max-height:420px}.r3-add-friend{display:flex;gap:8px;align-items:end}.r3-add-friend label{flex:1;font-size:12px}.r3-add-friend input{margin-top:5px}.r3-friend-list article{padding:14px 0;border-bottom:1px solid #bdb2d326}.r3-friend-list small{display:block;color:#a9a0b9;margin:4px 0}.r3-friend-list article div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}
@media(max-width:760px){.r3-social{right:14px;bottom:84px}.r3-chat-panel{bottom:60px;max-height:calc(100dvh - 174px)}.r3-chat-stream{max-height:calc(100dvh - 390px)}.r3-chat-toggle{padding:11px 18px}body[data-page=chat] .r3-social{bottom:18px}}
