5deg, #fff, #f4f7ff);
      box-shadow: inset 0 0 0 2px var(--accent), 0 6px 16px rgba(139,156,246,0.35);
      color: #3d4aa6;
    }
    .slider {
      -webkit-appearance: none;
      appearance: none;
      height: 10px;
      border-radius: 10px;
      background: linear-gradient(90deg, #ffffffaa, #ffffff);
      box-shadow: inset 0 2px 6px rgba(0,0,0,0.08);
      outline: none;
    }
    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 22px; height: 2