.bbs-audio-player{background:var(--bbs-color-green-lighter);padding:.75rem;display:flex;align-items:center;gap:12px;width:100%;max-width:400px;border-radius:8px}.bbs-audio-player-controls{display:flex;align-items:center;gap:12px;flex:1}.bbs-audio-player-btn{background:var(--bbs-color-green);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bbs-audio-player-btn:active,.bbs-audio-player-btn:focus{background:var(--bbs-color-green)}.bbs-audio-player-btn:hover{background:var(--bbs-color-green-dark,#2d5016);transform:scale(1.05)}.bbs-audio-player-btn i{color:var(--bbs-color-white);font-size:14px}.bbs-audio-player-progress{flex:1;height:6px;background:var(--bbs-color-white);border-radius:3px;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bbs-audio-player-progress:hover{height:8px;margin:-1px 0}.bbs-audio-player-progress-bar{height:100%;background:var(--bbs-color-green);border-radius:3px;width:0;transition:width .1s ease;position:relative}.bbs-audio-player-progress-bar:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--bbs-color-green);border-radius:50%;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.bbs-audio-player-progress:hover .bbs-audio-player-progress-bar:after{opacity:1}.bbs-audio-player-time{font-size:12px;color:var(--bbs-color-green);font-family:var(--bbs-font-family-base);font-weight:var(--bbs-font-weight-base);min-width:40px;text-align:center}.bbs-audio-player audio{display:none}