/* Единый визуальный язык range-калькуляторов: fill берёт цвет текущей темы. */
.sim__track{
  height:8px!important;
  border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 9%,rgba(128,128,128,.15))!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.13);
}
.sim__track>span{
  position:relative;
  min-width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--accent-deep,var(--accent)),var(--accent),color-mix(in srgb,var(--accent) 72%,#fff))!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.38);
  transition:width .16s cubic-bezier(.2,.8,.2,1)!important;
}
.sim__track>span::after{
  content:"";
  position:absolute;
  top:50%;right:-3px;
  width:10px;height:10px;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent),0 0 18px var(--accent);
  opacity:.78;
}
.sim__slider input[type="range"]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);
  outline-offset:7px;
  border-radius:999px;
}
.sim__slider input[type="range"]::-webkit-slider-thumb{
  border-color:var(--accent)!important;
  box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 48%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)!important;
}
.sim__slider input[type="range"]::-moz-range-thumb{
  border-color:var(--accent)!important;
  box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 48%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)!important;
}
@media(prefers-reduced-motion:reduce){.sim__track>span{transition:none!important}}