.online-banner{z-index:1000;will-change:transform;width:calc(100% - 40px);max-width:460px;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%)}.online-banner-content{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#141414d9;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a}.online-banner-avatar{flex-shrink:0;width:48px;height:48px;position:relative}.online-banner-image{object-fit:cover;background:#0003;border:2px solid #10b98180;border-radius:50%;width:100%;height:100%}.online-indicator{background:#10b981;border:2px solid #141414e6;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 8px #10b98199}.online-pulse{background:#10b981;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite onlinePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.online-banner-message{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.online-banner-username{font-weight:700}.online-banner-status{color:#ffffffe6;font-weight:500}.online-banner-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:100px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #10b98166}.online-banner-cta:hover{background:#059669;transform:scale(1.05);box-shadow:0 6px 16px #10b98199}.online-banner-cta:active{transform:scale(.98)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes onlinePulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.5)}}@media (max-width:480px){.online-banner{width:calc(100% - 24px);top:12px}.online-banner-content{gap:10px;padding:10px 14px}.online-banner-avatar{width:44px;height:44px}.online-banner-message{font-size:14px}.online-banner-cta{padding:9px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.online-banner,.online-pulse{animation:none}.online-banner-cta:hover{transform:none}}.online-banner-content{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}