css/audio.css
```
.audio-controls{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(0,0,0,.3);border-radius:8px;backdrop-filter:blur(4px)}
.audio-controls button{padding:6px 8px;font-size:12px;background:transparent;border:1px solid rgba(255,255, 255,.2);color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}
.audio-controls button:hover{background:rgba(255,255, 255,.1);transform:translateY(-1px)}
.audio-controls button[aria-pressed="true"]{background:rgba(255,100,100,.3);border-color:rgba(255,100,100,.5)}
.audio-controls input[type="range"]{width:50px;height:4px;background:rgba(255,255, 255,.2);border-radius:2px;outline:none;-webkit-appearance:none}
.audio-controls input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#4CAF50;border-radius:50%;cursor:pointer}
.audio-controls input[type="range"]::-moz-range-thumb{width:12px;height:12px;background:#4CAF50;border-radius:50%;cursor:pointer;border:none}


```
</output>