.audio-player-container{background-color:#f8f9fa;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.audio-header{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.audio-title-row{justify-content:space-between;flex-wrap:wrap;gap:10px}.audio-title,.audio-title-row{display:flex;align-items:center}.audio-title{font-weight:700;font-size:14px;gap:8px}.locale-selector-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:0}.locale-label{font-size:13px;font-weight:500;white-space:nowrap}.locale-select{padding:5px 10px;border-radius:6px;border:1px solid #ddd;background-color:#fff;cursor:pointer;font-size:13px;min-width:140px}.speed-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.speed-label{font-size:12px;color:#666;white-space:nowrap}.speed-button{padding:4px 8px;border-radius:4px;border:1px solid #ddd;cursor:pointer;font-size:11px;transition:all .2s;touch-action:manipulation}.speed-button.active{background-color:#007bff;color:#fff;font-weight:700}.speed-button:not(.active){background-color:#fff;color:#333}.speed-button:hover{transform:translateY(-1px)}.progress-wrapper{display:flex;align-items:center;gap:8px}.time-display{font-size:11px;min-width:35px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-bar{flex:1 1;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#007bff 0,#007bff var(--progress),#ddd var(--progress),#ddd 100%)}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.progress-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#007bff;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.play-button-wrapper{margin-top:10px}.play-button,.play-button-wrapper{display:flex;justify-content:center}.play-button{padding:12px 35px;border-radius:25px;border:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:14px;font-weight:700;align-items:center;gap:8px;transition:background-color .2s,transform .1s;touch-action:manipulation;min-width:120px}.play-button:hover{background-color:#0056b3}.play-button:active{transform:scale(.98)}@media (max-width:576px){.audio-player-container{padding:12px}.audio-title{font-size:13px}.audio-title-row{flex-direction:column;align-items:flex-start}.locale-selector-wrapper{width:100%}.locale-select{flex:1 1;min-width:auto}.speed-controls{width:100%;justify-content:space-between}.speed-button{flex:1 1;text-align:center;min-width:45px}.time-display{font-size:10px;min-width:32px}.play-button{padding:10px 30px;font-size:13px;min-width:110px}}@media (min-width:577px) and (max-width:768px){.audio-player-container{padding:14px}.speed-button{min-width:50px}}