.connection-status{z-index:9999;-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#fff;background:#f44336e6;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:fixed;top:10px;right:10px;box-shadow:0 2px 8px #f443364d}.connection-status:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f4433666}.connection-dot{background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 6px #ffffff80}.connection-text{color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-bs-theme=dark] .connection-status{background:#b71c1cf2;box-shadow:0 2px 8px #0006}.connection-status-mobile{z-index:9999;-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#fff;background:#f44336f2;border:none;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 8px #f443364d}.connection-text-mobile{color:#fff;text-align:center}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}[data-bs-theme=dark] .connection-status-mobile{background:#b71c1cfa;box-shadow:0 2px 8px #0006}