/* Previously — persistent podcast player (2026-09-26).
   Rewind Glyph brand: Deep Charcoal #101114, Warm Bone #EDE6D6,
   Action Graphite #2B2B30 (play CTA), Pearl #F4F1EA.
   ZERO emerald. Buttons are never red. Red appears nowhere here. */

:root{
  --pp-bg:#101114; --pp-surface:#1b1c21; --pp-surface-2:#232429;
  --pp-text:#ede6d6; --pp-dim:rgba(237,230,214,.62); --pp-faint:rgba(237,230,214,.38);
  --pp-line:rgba(237,230,214,.14);
  --pp-cta:#2b2b30; --pp-cta-text:#f4f1ea;
  --pp-rail:rgba(237,230,214,.16); --pp-fill:#ede6d6;
}

/* ---------- collapsed bar: floating rounded card ---------- */
.pp-root{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;
  display:none;pointer-events:none}
.pp-root.show{display:block}
.pp-bar{pointer-events:auto;display:flex;align-items:center;gap:10px;
  background:var(--pp-bg);color:var(--pp-text);
  border:1px solid var(--pp-line);border-radius:18px;
  padding:8px 8px 8px 10px;box-shadow:0 18px 50px rgba(0,0,0,.55);
  position:relative;overflow:hidden;cursor:pointer;
  max-width:640px;margin:0 auto}
.pp-prog{position:absolute;top:0;left:0;right:0;height:3px;background:var(--pp-rail)}
.pp-prog i{display:block;height:100%;width:0%;background:var(--pp-fill);border-radius:2px}
.pp-art{flex:0 0 46px;width:46px;height:46px;border-radius:12px;overflow:hidden;position:relative;
  background:var(--pp-surface-2);display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:19px;color:var(--pp-text)}
.pp-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pp-art img.pp-art-dead{display:none}
.pp-meta{flex:1 1 auto;min-width:0;text-align:left}
.pp-title{display:block;font-weight:700;font-size:14px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-sub{display:block;font-size:12px;color:var(--pp-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-btn{flex:0 0 auto;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  border-radius:999px;color:var(--pp-text);background:transparent}
.pp-play{width:46px;height:46px;background:var(--pp-cta);color:var(--pp-cta-text)}
.pp-ghost{width:38px;height:38px;color:var(--pp-dim)}
.pp-btn:focus-visible{outline:2px solid var(--pp-text);outline-offset:2px}
@media (min-width:760px){
  .pp-root{left:auto;right:20px;bottom:20px;width:380px}
}

/* ---------- sheet ---------- */
.pp-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:94;
  opacity:0;pointer-events:none;transition:opacity .25s ease}
.pp-backdrop.show{opacity:1;pointer-events:auto}
.pp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;
  background:var(--pp-bg);color:var(--pp-text);
  border-radius:22px 22px 0 0;border-top:1px solid var(--pp-line);
  max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;
  transform:translateY(102%);transition:transform .32s cubic-bezier(.32,.72,.28,1)}
.pp-sheet.show{transform:translateY(0)}
@media (min-width:760px){
  .pp-sheet{left:auto;right:20px;bottom:20px;width:400px;border-radius:22px;
    border:1px solid var(--pp-line);transform:translateY(24px) scale(.98);opacity:0;pointer-events:none}
  .pp-sheet.show{transform:none;opacity:1;pointer-events:auto}
}
.pp-grab{width:44px;height:5px;border-radius:3px;background:var(--pp-line);margin:10px auto 2px}
.pp-head{display:flex;align-items:center;gap:8px;padding:6px 12px 2px}
.pp-eyebrow{flex:1;text-align:center;font-size:11px;letter-spacing:3px;color:var(--pp-dim);
  text-transform:uppercase;font-weight:700;margin:0}
.pp-icobtn{width:38px;height:38px;border-radius:999px;border:0;background:transparent;
  color:var(--pp-text);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pp-icobtn:focus-visible{outline:2px solid var(--pp-text);outline-offset:2px}
.pp-frame{position:relative;margin:12px 16px 0;border-radius:16px;overflow:hidden;
  aspect-ratio:16/9;background:var(--pp-surface)}
.pp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pp-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .5s ease;z-index:2}
.pp-poster.hide{opacity:0;pointer-events:none}
.pp-poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:64px;font-weight:800;color:var(--pp-text);background:var(--pp-surface-2);z-index:1}
.pp-sheetmeta{padding:14px 20px 0;text-align:center}
.pp-now{font-size:20px;font-weight:800;line-height:1.25;margin:0 0 4px}
.pp-show{font-size:13px;color:var(--pp-dim);margin:0}
.pp-scrub{padding:12px 20px 0}
.pp-times{display:flex;justify-content:space-between;font-size:12px;color:var(--pp-dim);margin-bottom:6px}
.pp-track{position:relative;height:26px;cursor:pointer;touch-action:none}
.pp-rail{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:2px;background:var(--pp-rail)}
.pp-fill{position:absolute;left:0;top:11px;height:4px;border-radius:2px;background:var(--pp-fill);width:0%}
.pp-knob{position:absolute;top:13px;width:14px;height:14px;border-radius:999px;background:var(--pp-fill);
  transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.5)}
.pp-track:focus-visible{outline:2px solid var(--pp-text);outline-offset:4px;border-radius:6px}
.pp-transport{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 4px}
.pp-tbtn{width:52px;height:52px;border-radius:999px;border:0;background:transparent;cursor:pointer;
  color:var(--pp-text);display:flex;align-items:center;justify-content:center}
.pp-tbtn.big{width:70px;height:70px;background:var(--pp-cta);color:var(--pp-cta-text)}
.pp-tbtn:focus-visible{outline:2px solid var(--pp-text);outline-offset:2px}
.pp-eps{padding:6px 16px 26px}
.pp-eps h5{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--pp-dim);margin:10px 4px 8px}
.pp-ep{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  background:var(--pp-surface);border:1px solid var(--pp-line);color:var(--pp-text);
  border-radius:14px;padding:10px 12px;margin-bottom:8px;cursor:pointer}
.pp-ep .n{flex:0 0 26px;height:26px;border-radius:999px;background:var(--pp-surface-2);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--pp-dim)}
.pp-ep.playing{border-color:var(--pp-text)}
.pp-ep.playing .n{background:var(--pp-cta);color:var(--pp-cta-text)}
.pp-ep .t{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-ep:focus-visible{outline:2px solid var(--pp-text);outline-offset:2px}

/* ---------- injected Play buttons in podcast modals ---------- */
.pp-playbtn{display:inline-flex;align-items:center;gap:8px;
  background:var(--pp-cta);color:var(--pp-cta-text);border:1px solid transparent;border-radius:999px;
  font-weight:800;font-size:14px;padding:11px 20px;cursor:pointer}
.pp-playbtn svg{flex:0 0 auto}
.pp-playbtn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.pp-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(8px);
  background:var(--pp-surface-2);color:var(--pp-text);border:1px solid var(--pp-line);
  padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;z-index:120;
  opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;max-width:92vw}
.pp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (prefers-reduced-motion:reduce){
  .pp-sheet,.pp-backdrop,.pp-toast,.pp-poster{transition:none}
}