.audio-controls{position:fixed;right:18px;top:74px;z-index:5;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;background:#123e55dc;color:#fff;max-width:190px}.audio-controls button{font-size:10px;padding:7px 8px;background:#e6f6f5;border-radius:8px;min-height:30px}.audio-controls label{display:flex;align-items:center;font-size:10px;gap:3px}.audio-controls input{width:58px;accent-color:#ffce45;margin:0}.audio-controls:focus-within{outline:2px solid #ffce45}@media(max-height:520px){.audio-controls{top:62px;right:max(10px,env(safe-area-inset-right));flex-direction:column;gap:2px;padding:4px}.audio-controls button{font-size:9px;padding:4px 6px;min-height:26px}.audio-controls input{width:56px}}body:not(.playing) .audio-controls{top:auto;bottom:68px}
.audio-dialog{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #d6e5e9;font-size:12px}.audio-dialog button{font-size:11px;padding:8px}.audio-dialog input{width:80px;vertical-align:middle;accent-color:#17617b}

.audio-controls{max-width:240px;flex-wrap:wrap}.audio-controls small{width:100%;font-size:10px}.audio-dialog{flex-wrap:wrap}.audio-dialog small{font-size:10px}