/* Import Share Tech Mono font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

/* Dockbar: minimal car stereo look */
.dock {
  background: rgba(20, 24, 32, 0.55);
  border-top: 1.5px solid #222;
  border-bottom: 1.5px solid #222;
  font-family: 'Share Tech Mono', 'Consolas', 'monospace', monospace;
  letter-spacing: 0.04em;
  color: #39ff14;
  text-shadow: 0 0 6px #39ff14, 0 0 2px #000;
  backdrop-filter: blur(16px) saturate(180%) contrast(1.1);
  -webkit-backdrop-filter: blur(16px) saturate(180%) contrast(1.1);
  box-shadow: 0 4px 32px 0 rgba(0,0,0,0.18), 0 1.5px 8px 0 #222;
  border-radius: 0px 0px 0 0;
  transition: background 0.3s, box-shadow 0.3s;
}

.dock .btn, .dock .btn-ghost {
  font-family: inherit;
  font-size: 1.1em;
  color: #39ff14;
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0 2px;
  text-shadow: 0 0 4px #39ff14, 0 0 2px #000;
  transition: color 0.2s;
  padding: 2px 8px;
}
.dock .btn:hover, .dock .btn-ghost:hover {
  color: #fff;
  background: #222;
}

/* Marquee: minimal car stereo look */
.nowplaying-marquee-wrap {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  padding: 0 4px;
}
.nowplaying-marquee {
  font-family: 'Share Tech Mono', 'Consolas', 'monospace', monospace;
  color: #39ff14;
  text-shadow: 0 0 6px #39ff14, 0 0 2px #000;
  font-size: 1.08em;
  letter-spacing: 0.08em;
}
.queue-info {
  font-family: 'Share Tech Mono', 'Consolas', 'monospace', monospace;
  color: #39ff14;
  text-shadow: 0 0 6px #39ff14, 0 0 2px #000;
  font-size: 1em;
  letter-spacing: 0.08em;
}

@media (max-width: 600px) {
  .dock {
    font-size: 1em;
  }
  .nowplaying-marquee {
    font-size: 1em;
  }
}