.audio-player{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.06);display:flex;font-family:inherit;gap:16px;padding:16px;transition:all .2s ease}.audio-player:hover{transform:translateY(-1px)}.audio-thumb img{border-radius:10px;height:80px;object-fit:cover;width:80px}.audio-content{flex:1}.audio-title{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.audio-description{color:#777;font-size:13px;margin-bottom:10px}.audio-controls{align-items:center;display:flex;gap:12px}.audio-controls button{flex-shrink:0}.skip-back,.skip-forward{margin-top:2px}.play-btn{align-items:center;background:var(--primary-color,#ff7a59);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .15s ease;width:44px}.play-btn:active{transform:scale(.95)}.play-icon{font-size:16px;line-height:1}.skip-back,.skip-forward{align-items:center;background:#f1f1f1;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.skip-back span,.skip-forward span{color:#333;font-size:18px}.skip-back:hover,.skip-forward:hover{background:var(--primary-color,#ff7a59)}.skip-back:hover span,.skip-forward:hover span{color:#fff}.progress-container{align-items:center;display:flex;flex:1;gap:6px}.progress-bar{background:#eee;border-radius:999px;cursor:pointer;flex:1;height:6px;overflow:hidden}.progress{background:linear-gradient(90deg,var(--primary-color),#ff9a7a);border-radius:999px;height:100%;transition:width .1s linear;width:0}.current-time,.duration{font-size:12px;text-align:center;width:40px}.speed{background:transparent;border:none;cursor:pointer;font-size:14px}@media (max-width:600px){.audio-player{align-items:flex-start;flex-direction:column}.audio-thumb img{height:auto;width:100%}.audio-controls{flex-wrap:wrap;width:100%}}