/* Scientific Luxury Design Tokens & Micro-interactions */
:root {
  --bg-oled: #050505;
  --surface-card: #0a0a0a;
  --surface-elevated: #111111;
  --color-cyan: #00F5FF;
  --border-subtle: rgba(255, 255, 255, 0.06);
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
  background-color: var(--bg-oled);
  color: rgba(255, 255, 255, 0.9);
}

.chip {
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  color: rgba(255, 255, 255, 0.7);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 2px;
  transition: all 0.15s ease;
}

.chip:hover {
  background: rgba(0, 245, 255, 0.08);
  border-color: rgba(0, 245, 255, 0.3);
  color: var(--color-cyan);
}

.voice-card input[type="radio"] {
  accent-color: var(--color-cyan);
}

/* Precision Scrollbars */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #050505;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 245, 255, 0.4);
}