body {
  margin: 0;
  overflow: hidden;
  background: #0a0a2a;
}

#quantumCanvas {
  display: block;
  width: 100vw;
  height: 100vh;
}

.status {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #4fc3f7;
  font-family: Arial, sans-serif;
  pointer-events: none;
  text-shadow: 0 0 10px rgba(79, 195, 247, 0.7);
}

#connection-status {
  margin-top: 10px;
  font-size: 1.2em;
}

.quantum-glyph {
  position: fixed;
  color: rgba(79, 195, 247, 0.7);
  font-size: 24px;
  pointer-events: none;
  animation: float 3s ease-in-out infinite;
  z-index: 100;
}

@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(5deg); }
}