[data-fragment=AudioPlayer]{background:var(--bg-primary);border:1px solid var(--ui-line);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);grid-template-columns:auto 1fr 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}@media (max-width:480px){[data-fragment=AudioPlayer]{grid-template-columns:auto 1fr auto;grid-template-areas:"play title mute""progress progress progress"".time."}[data-fragment=AudioPlayer] [class$=-play]{grid-area:play}[data-fragment=AudioPlayer] [class$=-title]{grid-area:title}[data-fragment=AudioPlayer] [class$=-progress]{grid-area:progress}[data-fragment=AudioPlayer] [class$=-time]{grid-area:time}[data-fragment=AudioPlayer] [class$=-mute]{grid-area:mute}}[data-fragment=AudioPlayer] audio{display:none}[data-fragment=AudioPlayer] [class$=-play],[data-fragment=AudioPlayer] [class$=-mute]{background:var(--brand);width:32px;height:32px;color:var(--ink-text-on-brand);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}[data-fragment=AudioPlayer] [class$=-play]:focus-visible,[data-fragment=AudioPlayer] [class$=-mute]:focus-visible,[data-fragment=AudioPlayer] [class$=-progress]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=AudioPlayer] [class$=-play]:hover,[data-fragment=AudioPlayer] [class$=-mute]:hover{filter:brightness(1.1)}[data-fragment=AudioPlayer] [class$=-mute]{background:var(--bg-secondary);color:var(--text-secondary)}[data-fragment=AudioPlayer] [class$=-mute]:hover{background:var(--bg-tertiary)}[data-fragment=AudioPlayer] [class$=-title]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}[data-fragment=AudioPlayer] [class$=-progress]{background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;height:6px;position:relative;overflow:hidden}[data-fragment=AudioPlayer] [class$=-progress-fill]{background:var(--brand);border-radius:var(--radius-full);transition:width var(--duration-fast) var(--ease-out);position:absolute;inset:0}[data-fragment=AudioPlayer] [class$=-time]{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;font-size:11.5px}@media (prefers-reduced-motion:reduce){[data-fragment=AudioPlayer] [class$=-progress-fill]{transition:none}}