.audio-section{background-color:transparent;border:none;width:100%;padding:0}.audio-controls{align-items:center;gap:12px;display:flex}.audio-controls.disabled{opacity:.5;pointer-events:none}.audio-controls.active{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 12px}.play-pause-btn{background:linear-gradient(135deg,var(--primary-accent),#1f7ead);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(56,189,248,.3)}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(56,189,248,.4)}.play-pause-btn:disabled{cursor:not-allowed;box-shadow:none;background:rgba(255,255,255,.1)}.loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-info{flex-direction:column;flex:1;gap:6px;display:flex}.time-display{color:rgba(255,255,255,.6);font-size:11px;font-weight:500}.progress-bar{cursor:pointer;background-color:rgba(255,255,255,.1);border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:3px;height:100%;transition:width .1s;box-shadow:0 0 10px rgba(56,189,248,.5)}
.audio-visualizer{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2);border-radius:8px;margin-top:12px;overflow:hidden}.audio-visualizer canvas{border-radius:8px;display:block}