:root {
  --bg: #0a0f14;
}

body {
  margin: 0;
  font-family: 'Bricolage Grotesque', system-ui, sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(34, 211, 238, 0.08), transparent 40%),
    radial-gradient(circle at 80% 100%, rgba(163, 230, 53, 0.06), transparent 45%),
    var(--bg);
  background-attachment: fixed;
  color: #e2e8f0;
}

.title { font-family: 'Bricolage Grotesque', sans-serif; }
.mono { font-family: 'IBM Plex Mono', monospace; }

.disc {
  display: inline-block;
  animation: none;
}

/* spin the disc while working (targeted via body class not needed; keep subtle idle wobble) */
@keyframes spin { to { transform: rotate(360deg); } }
.disc { animation: spin 6s linear infinite; }

.shadow-glow {
  box-shadow: 0 0 24px rgba(163, 230, 53, 0.25);
}
.shadow-glow-cyan {
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.3);
}

/* scrollbar for console */
.overflow-y-auto::-webkit-scrollbar { width: 8px; }
.overflow-y-auto::-webkit-scrollbar-thumb {
  background: #1e293b; border-radius: 4px;
}
.overflow-y-auto::-webkit-scrollbar-track { background: transparent; }