/* ── Volume ── */
.pfvjs-vol-wrap{display:flex;align-items:center;gap:0}
.pfvjs-vol{
    width:0;max-width:0;opacity:0;
    transition:width .25s,max-width .25s,opacity .25s;
    -webkit-appearance:none;appearance:none;
    height:4px;border-radius:4px;cursor:pointer;
    background:linear-gradient(to right,#a855f7 calc(var(--v,100)*1%),rgba(255,255,255,.2) calc(var(--v,100)*1%));
}
.pfvjs-vol-wrap:hover .pfvjs-vol{width:60px;max-width:60px;opacity:1}
.pfvjs-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(168,85,247,.8)}
.pfvjs-vol::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none}