:root{
  --iss-neon: #39FF14; /* Neon green */
  --iss-neon-bg: rgba(57,255,20,0.18);
  --iss-neon-border: rgba(57,255,20,0.55);
}

.iss-audio-controls{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(0,0,0,.65);
  border: 1px solid var(--iss-neon-border);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,.35), 0 0 18px var(--iss-neon-bg);
  backdrop-filter: blur(6px);
}

.iss-audio-toggle{
  appearance: none;
  border: 1px solid var(--iss-neon-border);
  background: var(--iss-neon-bg);
  color: var(--iss-neon);
  font: 700 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.iss-audio-toggle:hover{ filter: brightness(1.1); }
.iss-audio-toggle:active{ transform: translateY(1px); }

/* Volume slider */
.iss-audio-volume{
  -webkit-appearance: none;
  appearance: none;
  width: 160px;
  height: 6px;
  background: linear-gradient(90deg, var(--iss-neon) 0%, var(--iss-neon) 50%, rgba(255,255,255,0.2) 50%);
  background-size: 200% 100%;
  background-position: 0 0;
  border-radius: 999px;
  outline: none;
  border: 1px solid rgba(255,255,255,.15);
}
.iss-audio-volume::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--iss-neon);
  border: 2px solid #000;
  box-shadow: 0 0 8px var(--iss-neon);
  cursor: pointer;
}
.iss-audio-volume::-moz-range-thumb{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--iss-neon);
  border: 2px solid #000;
  box-shadow: 0 0 8px var(--iss-neon);
  cursor: pointer;
}

/* Make slider fill reflect value (JS can update if desired) */
.iss-audio-volume{ background: linear-gradient(to right, var(--iss-neon) 0%, var(--iss-neon) calc(var(--val, 0) * 100%), rgba(255,255,255,0.2) calc(var(--val, 0) * 100%)); }

@media (max-width: 480px){
  .iss-audio-controls{ right: 10px; left: 10px; bottom: 12px; justify-content: space-between; }
  .iss-audio-volume{ width: 120px; }
}