.audio-player[data-astro-cid-pgr4kkuk]{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--duration-base) var(--ease-out)}.audio-player[data-astro-cid-pgr4kkuk]:hover{border-color:var(--border-default);background:var(--bg-overlay)}.audio-player[data-astro-cid-pgr4kkuk].playing{border-color:var(--accent-dim)}.track-num[data-astro-cid-pgr4kkuk]{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.1em;min-width:24px}.audio-player[data-astro-cid-pgr4kkuk].playing .track-num[data-astro-cid-pgr4kkuk]{color:var(--accent)}.play-btn[data-astro-cid-pgr4kkuk]{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-default);background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out);position:relative}.play-btn[data-astro-cid-pgr4kkuk] svg[data-astro-cid-pgr4kkuk]{width:16px;height:16px;position:absolute}.play-btn[data-astro-cid-pgr4kkuk]:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.audio-player[data-astro-cid-pgr4kkuk].playing .play-btn[data-astro-cid-pgr4kkuk]{background:var(--accent);border-color:var(--accent);color:var(--bg-base)}.icon-play[data-astro-cid-pgr4kkuk]{display:block}.icon-pause[data-astro-cid-pgr4kkuk],.icon-loading[data-astro-cid-pgr4kkuk],.audio-player[data-astro-cid-pgr4kkuk].playing .icon-play[data-astro-cid-pgr4kkuk]{display:none}.audio-player[data-astro-cid-pgr4kkuk].playing .icon-pause[data-astro-cid-pgr4kkuk]{display:block}.audio-player[data-astro-cid-pgr4kkuk].loading .icon-play[data-astro-cid-pgr4kkuk],.audio-player[data-astro-cid-pgr4kkuk].loading .icon-pause[data-astro-cid-pgr4kkuk]{display:none}.audio-player[data-astro-cid-pgr4kkuk].loading .icon-loading[data-astro-cid-pgr4kkuk]{display:block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track-info[data-astro-cid-pgr4kkuk]{min-width:0;overflow:hidden}.track-title[data-astro-cid-pgr4kkuk]{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:2px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-subtitle[data-astro-cid-pgr4kkuk]{font-size:.75rem;color:var(--text-tertiary);margin:0}.track-progress[data-astro-cid-pgr4kkuk]{position:relative;height:32px;min-width:120px;width:280px;cursor:pointer}.bars[data-astro-cid-pgr4kkuk]{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:2px;pointer-events:none}.bar[data-astro-cid-pgr4kkuk]{flex:1;background:var(--text-muted);transition:background var(--duration-fast) var(--ease-out);min-height:2px}.progress-fill[data-astro-cid-pgr4kkuk]{position:absolute;top:0;left:0;bottom:0;width:0%;pointer-events:none;overflow:hidden;z-index:1}.progress-fill[data-astro-cid-pgr4kkuk]:before{content:"";position:absolute;inset:0;width:var(--progress-w, 280px);background:repeating-linear-gradient(90deg,var(--accent) 0px,var(--accent) 4px,transparent 4px,transparent 6px);mask-image:linear-gradient(to right,currentColor 0%,currentColor 100%)}.audio-player[data-astro-cid-pgr4kkuk].playing .bars[data-astro-cid-pgr4kkuk] .bar[data-astro-cid-pgr4kkuk]{animation:pulse 1.4s var(--ease-in-out) infinite}.audio-player[data-astro-cid-pgr4kkuk].playing .bars[data-astro-cid-pgr4kkuk] .bar[data-astro-cid-pgr4kkuk]:nth-child(3n){animation-delay:.1s}.audio-player[data-astro-cid-pgr4kkuk].playing .bars[data-astro-cid-pgr4kkuk] .bar[data-astro-cid-pgr4kkuk]:nth-child(3n+1){animation-delay:.2s}.audio-player[data-astro-cid-pgr4kkuk].playing .bars[data-astro-cid-pgr4kkuk] .bar[data-astro-cid-pgr4kkuk]:nth-child(3n+2){animation-delay:.3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-input[data-astro-cid-pgr4kkuk]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}.track-time[data-astro-cid-pgr4kkuk]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);letter-spacing:.05em;white-space:nowrap}.track-time[data-astro-cid-pgr4kkuk] .separator[data-astro-cid-pgr4kkuk]{margin:0 4px;opacity:.4}.download-btn[data-astro-cid-pgr4kkuk]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:4px;transition:all var(--duration-fast) var(--ease-out)}.download-btn[data-astro-cid-pgr4kkuk] svg[data-astro-cid-pgr4kkuk]{width:16px;height:16px}.download-btn[data-astro-cid-pgr4kkuk]:hover{color:var(--accent);background:var(--border-subtle)}@media(max-width:768px){.audio-player[data-astro-cid-pgr4kkuk]{grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;gap:var(--space-3);padding:var(--space-4)}.track-num[data-astro-cid-pgr4kkuk]{grid-row:1}.play-btn[data-astro-cid-pgr4kkuk]{grid-row:1 / span 2}.track-info[data-astro-cid-pgr4kkuk]{grid-row:1;grid-column:3 / span 2}.track-progress[data-astro-cid-pgr4kkuk]{grid-row:2;grid-column:3;width:auto;min-width:0}.track-time[data-astro-cid-pgr4kkuk]{grid-row:2;grid-column:4;font-size:.7rem}.download-btn[data-astro-cid-pgr4kkuk]{display:none}}