.audio_thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(0.5);transform:scale(1.12)}#audio-player{position:relative;z-index:1;width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px 5% 28px;background:linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0) 70%);color:#fff}#audio-player #media-element{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#audio-player #waveform{cursor:pointer;position:relative}#audio-player #waveform:hover #hover{opacity:1}#audio-player #hover{position:absolute;left:0;top:0;z-index:10;pointer-events:none;height:100%;width:0;mix-blend-mode:overlay;background:linear-gradient(to left, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0) 100%);opacity:0;transition:opacity .2s ease}#audio-player #time,#audio-player #duration{position:absolute;z-index:11;top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font:600 11px/1.4 "Outfit",system-ui,sans-serif;font-variant-numeric:tabular-nums}#audio-player #time{left:0}#audio-player #duration{right:0}#audio-player #controls{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:16px}#audio-player #controls .control-group{display:flex;align-items:center;gap:10px}#audio-player #controls .transport{gap:18px;justify-content:center}#audio-player #controls .rate{justify-content:flex-end}#audio-player label,#audio-player button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:0;padding:0;border:0;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;background-size:contain;color:#fff;cursor:pointer}#audio-player button:focus-visible,#audio-player select:focus-visible,#audio-player input:focus-visible{outline:none;box-shadow:0 0 0 2px #000,0 0 0 4px rgba(255,98,0,.9)}#audio-player #rewind,#audio-player #forward{width:40px;height:40px;border-radius:50%;background-size:30px;padding-top:2px;font:800 10px/1 "Outfit",system-ui,sans-serif;transition:background-color .2s}#audio-player #rewind:hover,#audio-player #forward:hover{background-color:hsla(0,0%,100%,.12)}#audio-player #rewind{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z" fill="%23ffffff"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466" fill="%23ffffff"/></svg>')}#audio-player #forward{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z" fill="%23ffffff"/><path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466" fill="%23ffffff"/></svg>')}#audio-player #play-pause{width:64px;height:64px;border-radius:50%;background:linear-gradient(to right, #eb3223, #f08232);box-shadow:0 0 0 8px rgba(255,98,0,.18);transition:transform .2s,box-shadow .2s}#audio-player #play-pause:hover{transform:scale(1.06);box-shadow:0 0 0 10px rgba(255,98,0,.22)}#audio-player #play-pause:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 10px rgba(255,98,0,.35)}#audio-player #play-pause .playbttn{width:30px;height:30px;margin-left:3px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16"><path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" fill="%23ffffff"/></svg>')}#audio-player #play-pause.playing .playbttn{margin-left:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16"><path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5m5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5" fill="%23ffffff"/></svg>')}#audio-player label.volume{flex:none;width:22px;height:22px;cursor:default;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-up" viewBox="0 0 16 16"><path d="M11.536 14.01A8.47 8.47 0 0 0 14.026 8a8.47 8.47 0 0 0-2.49-6.01l-.708.707A7.48 7.48 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303z" fill="%23ffffff"/><path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.48 5.48 0 0 1 11.025 8a5.48 5.48 0 0 1-1.61 3.89z" fill="%23ffffff"/><path d="M10.025 8a4.5 4.5 0 0 1-1.318 3.182L8 10.475A3.5 3.5 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.5 4.5 0 0 1 10.025 8M7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 7 12zM4.312 6.39 6 5.04v5.92L4.312 9.61A.5.5 0 0 0 4 9.5H2v-3h2a.5.5 0 0 0 .312-.11" fill="%23ffffff"/></svg>')}#audio-player select,#audio-player select:active,#audio-player select:focus{height:32px;width:auto;padding:0 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.3);background:rgba(0,0,0,.35);color:#fff;font:700 13px "Outfit",system-ui,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#audio-player select option,#audio-player select option:active,#audio-player select option:focus,#audio-player select:active option,#audio-player select:active option:active,#audio-player select:active option:focus,#audio-player select:focus option,#audio-player select:focus option:active,#audio-player select:focus option:focus{background-color:#111;color:#fff}#audio-player input[type=range]{width:100px;height:4px;margin:0;padding:0;border-radius:4px;background:linear-gradient(to right, #ff6200 var(--vol, 100%), rgba(255, 255, 255, 0.3) 0);accent-color:#ff6200;cursor:pointer}#audio-player input[type=range]::-webkit-slider-thumb{width:14px;height:14px;border:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}#audio-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;background:#fff}@media screen and (max-width: 767px){#audio-player{padding:28px 16px 20px}#audio-player #controls{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);row-gap:14px}#audio-player #controls .transport{grid-column:1/-1;order:-1}#audio-player input[type=range]{width:72px}}