.slider{--track:linear-gradient(to right, var(--color-ink) var(--pct,0%), var(--color-line) var(--pct,0%));cursor:pointer;appearance:none;background:0 0;width:100%;height:44px}.slider::-webkit-slider-runnable-track{background:var(--track);border-radius:999px;height:6px}.slider::-moz-range-track{background:var(--track);border-radius:999px;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:3px solid var(--color-ink);width:28px;height:28px;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-out-soft);border-radius:999px;margin-top:-11px}.slider::-moz-range-thumb{background:var(--color-accent);border:3px solid var(--color-ink);width:28px;height:28px;box-shadow:var(--shadow-soft);border-radius:999px}.slider:active::-webkit-slider-thumb{transform:scale(1.1)}.slider:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:999px}