.ap{--ap-fg: currentColor;--ap-track: color-mix(in srgb, currentColor 18%, transparent);--ap-accent: var(--contrast, var(--fg, #362930));--ap-bg: var(--bg, var(--on-contrast, #fff));--ap-radius: 999px;--ap-size: 2.5rem;margin:1.5rem 0}.ap audio{width:100%}.ap[data-ready] audio{display:none}.ap-ui{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .5rem;border:1px solid var(--ap-track);border-radius:var(--ap-radius);color:var(--ap-fg)}.ap-play{flex:none;display:grid;place-items:center;width:var(--ap-size);height:var(--ap-size);padding:0;border:0;border-radius:50%;background:var(--ap-accent);color:var(--ap-bg, Canvas);cursor:pointer;transition:transform .1s ease}.ap-play:hover{transform:scale(1.05)}.ap-play:active{transform:scale(.96)}.ap-play svg{width:55%;height:55%;fill:currentColor}.ap:not(.has-played) .ap-time{display:none}.ap-time{flex:none;font-size:.85em;font-variant-numeric:tabular-nums;opacity:.75}.ap-seek{--ap-progress: 0%;flex:1;min-width:0;height:1.25rem;margin:0;background:rgba(0,0,0,0);cursor:pointer;-webkit-appearance:none;appearance:none}.ap-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right, var(--ap-accent) var(--ap-progress), var(--ap-track) var(--ap-progress))}.ap-seek::-moz-range-track{height:4px;border-radius:2px;background:var(--ap-track)}.ap-seek::-moz-range-progress{height:4px;border-radius:2px;background:var(--ap-accent)}.ap-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--ap-accent)}.ap-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ap-accent)}.ap-play:focus-visible,.ap-seek:focus-visible{outline:2px solid var(--ap-accent);outline-offset:3px}.ap-title{margin-top:.4rem;font-size:.85em;opacity:.75}.ap-dock{--ap-progress: 0%;position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:10;width:3.25rem;height:3.25rem;padding:3px;border:0;border-radius:50%;background:conic-gradient(var(--secondary, #59ac90) var(--ap-progress), var(--background, #d5dfe5) 0);box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer}.ap-dock[hidden]{display:none}.ap-dock-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--contrast, #362930);color:var(--on-contrast, #fff)}.ap-dock svg{width:45%;height:45%;fill:currentColor}.ap-dock:focus-visible{outline:2px solid var(--contrast, #362930);outline-offset:3px}@media (min-width: 800px){.post-meta .ap-dock{position:static;box-shadow:none}}@media (prefers-reduced-motion: reduce){.ap-play{transition:none}}