/* ── Scrubber ──────────────────────────────────────────────── */
.scrubber {
    width: 100%;
    padding: 18px 0 12px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.scrubber__track {
    position: relative;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .12);
    border-radius: 99px;
}

.scrubber__fill {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 0%;
    background: var(--ic-accent, #0096c7);
    border-radius: 99px;
    pointer-events: none;
    transition: width .05s linear;
}

.scrubber__thumb {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--ic-accent, #0096c7);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
    transition: left .05s linear, transform .2s ease, box-shadow .2s ease;
    cursor: grab;
}

.scrubber__thumb:active,
.scrubber--dragging .scrubber__thumb {
    cursor: grabbing;
    transform: translate(-50%, -50%) scale(1.35);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
}