.social-launch{position:fixed;right:22px;bottom:18px;z-index:650;background:#122a43;color:#d7eaff;border:1px solid #416b95;border-radius:9px;padding:12px 18px;box-shadow:0 8px 30px #0007;font:600 16px 'Rajdhani',sans-serif;cursor:pointer;display:flex;gap:10px;align-items:center}.social-launch .unread-count{background:#69b4ff;color:#071322;border-radius:12px;min-width:21px;text-align:center;padding:0 5px;font-size:12px}.social-panel{position:fixed;right:22px;bottom:75px;width:370px;height:min(620px,calc(100dvh - 105px));z-index:660;display:flex;flex-direction:column;background:#0c1624;border:1px solid #2c4e70;border-radius:12px;box-shadow:0 18px 70px #0009;overflow:hidden;font-family:'Rajdhani',sans-serif;font-size:16px;line-height:1.4;color:#dce9f9}.social-panel[hidden]{display:none}.social-top{padding:16px 17px;background:#112238;border-bottom:1px solid #243b56;display:flex;align-items:center;gap:10px}.social-top strong{font-size:20px;flex:1}.social-panel button{font:inherit;background:#192d44;color:#cbe0f5;border:1px solid #304d6a;border-radius:6px;padding:6px 10px;cursor:pointer}.social-panel button:hover{color:#8bcaff;border-color:#69b4ff}.social-panel button:disabled{opacity:.5;cursor:default}.social-panel .social-close{background:none;border:0;font-size:22px;line-height:1;padding:0 4px}.social-status{padding:11px 16px;font-size:13px;color:#8da9c7;border-bottom:1px solid #20334c}.social-list{overflow-y:auto;flex:1;padding:5px 9px}.social-friend{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:12px 8px!important;background:none!important;border:0!important;border-bottom:1px solid #1c2c41!important;border-radius:0!important;color:#dce9f9!important}.social-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.social-friend-info{min-width:0;flex:1}.social-friend-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600}.social-friend-info small{display:block;color:#8da4bd;font-size:12px;margin-top:2px}.social-friend-info .social-online{color:#76d8ad}.social-empty{padding:28px 18px;color:#9eb4cc;font-size:15px}.social-empty a{color:#69b4ff}.social-bottom{padding:12px 15px;border-top:1px solid #253a53;font-size:12px;color:#9eb2c8}.social-bottom label{display:flex;gap:8px;align-items:center;margin:0;color:inherit;font-size:13px}.social-bottom input{width:auto;accent-color:#69b4ff}.social-thread-top{padding:10px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #253a53}.social-thread-top div{flex:1;min-width:0}.social-thread-top strong{display:block;font-size:17px}.social-thread-top small{font-size:11px;color:#92abc5}.social-server{padding:10px 14px;background:#10283a;font-size:13px;color:#a9c8e8;display:flex;justify-content:space-between;gap:10px;align-items:center}.social-server a{color:#85c8ff;text-decoration:none;white-space:nowrap}.social-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:11px}.social-message{max-width:88%;align-self:flex-start;background:#18283b;border-radius:9px;padding:10px 12px;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.social-message.mine{align-self:flex-end;background:#173c60}.social-message time{display:block;font-size:10px;color:#91adca;margin-top:5px;white-space:normal}.social-compose{padding:11px 13px;display:flex;gap:8px;border-top:1px solid #263a53}.social-compose textarea{flex:1;min-height:44px;max-height:90px;resize:vertical;font:15px 'Rajdhani',sans-serif;background:#091321;border:1px solid #2d4560;border-radius:7px;padding:10px;color:#e1ecf9}.social-compose button{align-self:end;padding:11px}.social-error{padding:10px 14px;color:#ffb2bb;font-size:13px}.social-panel :focus-visible,.social-launch:focus-visible{outline:2px solid #69b4ff;outline-offset:2px}@media(max-width:500px){.social-panel{right:10px;left:10px;bottom:74px;width:auto;height:min(590px,calc(100dvh - 95px))}.social-launch{right:12px;bottom:14px;padding:10px 15px}.social-top{padding:13px 15px}}

.social-friend-row{display:flex;align-items:center;border-bottom:1px solid #1c2c41;gap:8px}.social-friend-row .social-friend{flex:1;min-width:0;width:auto;border-bottom:0!important}.social-profile-link{flex-shrink:0;color:#85c8ff!important;font-size:12px;padding:8px 5px;text-decoration:none}.social-profile-link:hover{text-decoration:underline}.social-profile-name{color:#dce9f9!important;text-decoration:none}.social-profile-name:hover{color:#85c8ff!important;text-decoration:underline}