.audio-player{max-width:720px;margin:0 auto}.audio-player-main{border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:18px;padding:32px 28px 28px;display:flex}.audio-player-title{text-align:center}.audio-player-buttons{align-items:center;gap:28px;display:flex}.audio-player-buttons button{color:var(--brown);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.audio-player-buttons button:disabled{opacity:.3;cursor:default}.audio-player-buttons svg{fill:currentColor;width:26px;height:26px}.audio-player-buttons .audio-player-play{background:var(--gold-gradient);width:64px;height:64px;color:var(--ink);border-radius:50%;transition:filter .2s}.audio-player-buttons .audio-player-play:hover{filter:brightness(1.08)}.audio-player-buttons .audio-player-play svg{width:30px;height:30px}.audio-player-progress{font-variant-numeric:tabular-nums;width:100%;color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.audio-player-progress input{background:linear-gradient(to right, var(--gold) var(--progress), var(--line) var(--progress));appearance:none;cursor:pointer;border-radius:999px;flex:1;height:4px}.audio-player-progress input::-webkit-slider-thumb{background:var(--gold);appearance:none;border-radius:50%;width:14px;height:14px}.audio-player-progress input::-moz-range-thumb{background:var(--gold);border:none;border-radius:50%;width:14px;height:14px}.audio-player-list{margin:16px 0 0;padding:0;list-style:none}.audio-player-list button{width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:16px;display:flex}.audio-player-list button:hover{background:#efe5d6}.audio-player-list button.active{color:var(--brown);font-weight:700}.audio-player-number{width:24px;color:var(--accent)}.audio-player-name{flex:1}.audio-player-date,.audio-player-list-date{color:var(--accent);font-size:13px}.audio-player-date{margin-top:-14px}.audio-player-description{text-align:center;color:var(--ink-soft);margin-top:-6px;font-size:15px;line-height:1.5}