/* Range slider thumb */
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2563eb;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2563eb;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input[type="range"]::-webkit-slider-thumb:hover {
  background: #1d4ed8;
}

input[type="range"]::-moz-range-thumb:hover {
  background: #1d4ed8;
}

/* Dark mode */
.dark input[type="range"]::-webkit-slider-thumb {
  border-color: #1f2937;
}

.dark input[type="range"]::-moz-range-thumb {
  border-color: #1f2937;
}