.volume-control{display:flex;align-items:center;gap:10px;padding:5px 12px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff0d;color:#ffe6a6;min-width:210px}
.volume-control label{font-size:12px;font-weight:700;white-space:nowrap}
.volume-control input#volume{width:clamp(100px,10vw,180px);height:34px;min-width:0;padding:0;margin:0;accent-color:#f6c85c;touch-action:pan-y}
.volume-control output{font-size:12px;font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}
@media(max-width:760px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;justify-content:flex-end}.volume-control{order:5;flex:1 0 100%;justify-content:center;padding:2px 12px;min-width:0}.volume-control input#volume{width:min(220px,45vw);flex:1;max-width:260px}.volume-control output{font-size:12px}}