/* Shared floating mini player: cream, deep green, sage (same values as the /bob/* funnel steps) */
.mp{--mp-cream:#f7f3ea;--mp-line:#e3dccb;--mp-green:#18482d;--mp-green2:#123a24;--mp-sage:#e9ece4;--mp-muted:#55627a;
 position:fixed;z-index:60;right:20px;bottom:20px;width:340px;max-width:calc(100vw - 40px);display:flex;align-items:center;gap:12px;background:var(--mp-cream);border:1px solid var(--mp-line);border-radius:14px;padding:10px 10px 10px 12px;box-shadow:0 12px 30px rgba(15,42,92,.14);font-family:Poppins,system-ui,sans-serif}
.mp[hidden]{display:none}
.mp button{font:inherit;cursor:pointer;border:0;background:none;padding:0;color:inherit;margin:0}
.mp .mp-pp{flex:0 0 44px;height:44px;border-radius:50%;background:var(--mp-green);color:#fff;display:grid;place-items:center}
.mp .mp-pp:hover{background:var(--mp-green2)}
.mp-pp svg{width:20px;height:20px;fill:currentColor}.mp-pp .i-pause,.mp-pp.on .i-play{display:none}.mp-pp.on .i-pause{display:block}
.mp-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mp .mp-title{text-align:left;font:600 .9rem/1.2 Poppins,sans-serif;color:var(--mp-green);text-decoration:underline;text-decoration-color:var(--mp-line);text-underline-offset:3px;min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mp-time{font-size:.75rem;color:var(--mp-muted);font-variant-numeric:tabular-nums}
.mp-bar{display:block;height:3px;border-radius:3px;background:var(--mp-sage);overflow:hidden}.mp-bar i{display:block;height:100%;width:0;background:var(--mp-green)}
.mp .mp-close{flex:0 0 44px;height:44px;border-radius:50%;color:var(--mp-muted);display:grid;place-items:center}.mp .mp-close:hover{background:var(--mp-sage)}
.mp-close svg{width:18px;height:18px}
.mp :focus-visible{outline:3px solid #3d6fd6;outline-offset:2px}
@media(max-width:759px){.mp{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:14px 14px 0 0;border-width:1px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 body.mp-open{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.mp-bar i{transition:width .25s linear}}