.audio-player-container{color:var(--foreground);box-sizing:border-box;border-radius:4px;align-items:center;gap:12px;width:100%;max-width:900px;margin:20px auto;padding:15px 20px;font-family:Roboto Condensed,sans-serif;display:flex}.play-button{background:var(--foreground);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s;display:flex}.play-button:active{transform:scale(.9)}.time-display{color:#aaa;text-align:center;flex-shrink:0;min-width:40px;font-size:.8rem}.progress-bar-container{cursor:pointer;touch-action:none;background:#333;flex-grow:1;height:4px;position:relative}.progress-bar-fill{background:var(--foreground);height:100%;position:relative}.progress-knob{background:var(--foreground);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.controls-right{flex-shrink:0;align-items:center;gap:15px;display:flex}.speed-badge{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:.1rem solid #444;border-radius:1rem;min-width:2.5rem;padding:.05rem 0;font-size:.75rem}.speed-badge:hover{background:#1a1a1a;border-color:#666}.volume-wrapper{align-items:center;gap:1rem;display:flex}.mute-button{color:var(--foreground);cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;display:flex}.mute-button:hover{opacity:1}.volume-slider{appearance:none;cursor:pointer;background:#444;outline:none;width:70px;height:3px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--foreground);border:none;border-radius:50%;width:10px;height:10px}@media (max-width:600px){.audio-player-container{gap:8px;padding:10px 12px}.volume-wrapper{display:none}.play-button{width:34px;height:34px}.time-display{min-width:35px;font-size:.75rem}.speed-badge{min-width:40px;font-size:.7rem}}@media (pointer:coarse),(hover:none){.volume-wrapper{display:none!important}.audio-player-container{gap:8px;padding:10px 12px}.play-button{width:34px;height:34px}.speed-badge{min-width:40px;font-size:.7rem}}@media (max-width:480px){.time-display{min-width:32px;font-size:.7rem}}