.audio-player{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"play scrub time speed" "disclosure disclosure disclosure disclosure";align-items:center;gap:14px;padding:14px 18px;background:var(--coado-50);border:1px solid var(--coado-200);border-radius:2px;margin:28px 0}.audio-player .ap-play{grid-area:play;width:44px;height:44px;border-radius:50%;background:var(--kraft-900);color:var(--kraft-50);border:none;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .05s;flex-shrink:0}.audio-player .ap-play:hover:not(:disabled){background:var(--text)}.audio-player .ap-play:active:not(:disabled){transform:scale(.96)}.audio-player .ap-play:disabled{opacity:.7;cursor:wait}.audio-player .ap-spin{animation:ap-spin .8s linear infinite}@keyframes ap-spin{to{transform:rotate(1turn)}}.audio-player .ap-scrub-wrap{grid-area:scrub;position:relative;height:24px;display:flex;align-items:center;min-width:0}.audio-player .ap-scrub-track{position:absolute;inset:11px 0;background:var(--kraft-200);border-radius:1px;overflow:hidden}.audio-player .ap-scrub-fill{height:100%;background:var(--coado-500);transition:width .12s linear}.audio-player .ap-scrub-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.audio-player .ap-scrub-input:focus-visible,.audio-player .ap-scrub-input:focus-visible+.ap-scrub-track{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.audio-player .ap-time{grid-area:time;font-family:var(--font-mono);font-size:12px;color:var(--kraft-600);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.audio-player .ap-time-sep{color:var(--text-muted);margin:0 2px}.audio-player .ap-speed{grid-area:speed;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--coado-700);background:var(--surface);border:1px solid var(--coado-200);border-radius:2px;padding:6px 10px;cursor:pointer;min-width:48px;text-align:center;transition:border-color .15s,color .15s}.audio-player .ap-speed:hover{border-color:var(--coado-500);color:var(--text)}.audio-player .ap-disclosure{grid-area:disclosure;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.12em;text-transform:lowercase;padding-top:4px;border-top:1px dashed var(--coado-200);margin-top:4px}.audio-player .ap-disclosure span{color:var(--coado-500);margin-right:4px}@media (max-width:600px){.audio-player{grid-template-columns:auto 1fr auto;grid-template-areas:"play scrub speed" "play time time" "disclosure disclosure disclosure";gap:8px 12px}.audio-player .ap-play{width:48px;height:48px;align-self:center}.audio-player .ap-time{text-align:left;padding-left:0}}