/* Native MP3 playback. Keep the player in its own public scope. */
.wn-audio-dock.wn-piper-player{position:fixed;inset:auto auto max(16px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);z-index:1200;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;width:min(850px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100svh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;border:1px solid var(--line,#7775);border-top:4px solid var(--red,#ce1425);border-radius:13px;background:var(--paper,#fff);color:var(--ink,#19191e);box-shadow:0 8px 38px #0004;font:400 15px/1.5 Arial,sans-serif}
.wn-audio-dock.wn-piper-player[hidden],.wn-piper-player [hidden],.wn-piper-reserve[hidden]{display:none!important}
.wn-piper-player *{box-sizing:border-box;min-width:0;max-width:100%}
.wn-piper-player .wn-piper-heading{display:grid;gap:3px;grid-column:1/-1}
.wn-piper-player .wn-piper-eyebrow{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--red,#ce1425)}
.wn-piper-player .wn-piper-title{font:750 18px/1.35 Arial,sans-serif;color:inherit;overflow-wrap:anywhere;white-space:normal}
.wn-piper-player .wn-piper-voice{font:400 11px/1.5 Arial,sans-serif;color:var(--muted,#60616a)}
.wn-piper-player .wn-piper-media{grid-column:1/-1;width:100%;line-height:0}
.wn-piper-player .wn-piper-media:empty{display:none}
.wn-piper-player audio{display:block;width:100%;min-width:0;height:48px}
.wn-piper-player .wn-piper-status{grid-column:1;margin:0;color:var(--muted,#60616a);font:400 13px/1.6 Arial,sans-serif;align-self:center;overflow-wrap:anywhere}
.wn-piper-player .wn-piper-actions{display:flex;flex-wrap:wrap;gap:8px;align-self:center;justify-content:flex-end}
.wn-piper-player .wn-piper-actions button{min-height:44px;padding:9px 14px;cursor:pointer;white-space:normal;font:700 14px/1.4 Arial,sans-serif;border:1px solid var(--line,#7775);border-radius:7px;color:var(--ink,#19191e);background:var(--surface-soft,#efeff2)}
.wn-piper-player .wn-piper-actions button:first-child{background:var(--red,#ce1425);border-color:var(--red,#ce1425);color:#fff}
.wn-piper-player button:focus-visible{outline:3px solid var(--red,#ce1425);outline-offset:3px}
.wn-piper-reserve{display:block;height:240px;pointer-events:none}
@media(max-width:540px){.wn-audio-dock.wn-piper-player{width:calc(100% - 20px);max-width:calc(100% - 20px);padding:14px;gap:10px;grid-template-columns:minmax(0,1fr);bottom:max(10px,env(safe-area-inset-bottom))}.wn-piper-player .wn-piper-title{font-size:16px}.wn-piper-player .wn-piper-status{grid-column:1/-1}.wn-piper-player .wn-piper-actions{justify-content:flex-start}.wn-piper-player .wn-piper-actions button{flex:1 1 auto}.wn-piper-player audio{height:48px}}
@media(prefers-reduced-motion:reduce){.wn-piper-player,.wn-piper-player *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}