.status-indicator {
  position: fixed;
  bottom: 12px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #666;
  z-index: 9999;
  transition: background-color 0.3s ease;
  opacity: 0.8;
}

.status-indicator.status-connected {
  background: #00ff7f;
}

.status-indicator.status-reconnecting {
  background: #ffcc00;
  animation: status-pulse 1.5s ease-in-out infinite;
}

.status-indicator.status-pairing {
  background: #00aaff;
  animation: status-pulse 2s ease-in-out infinite;
}

.status-indicator.status-disconnected {
  background: #ff4d4d;
}

@keyframes status-pulse {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 0.3; }
}