.pp-wrap{margin-top:0}.pp-collapsed{background:var(--audio-tint);color:var(--audio-fg);font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:9px 17px 9px 14px;font-size:14px;font-weight:500;transition:opacity .14s,transform .14s;display:inline-flex}.pp-collapsed:hover{opacity:.9}.pp-collapsed:active{transform:scale(.97)}.pp-pill-spinner{border:2px solid color-mix(in srgb, var(--audio-fg) 30%, transparent);border-top-color:var(--audio-fg);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite pp-spin}.pp-card{border-radius:var(--r-lg);background:var(--audio-tint);align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.pp-progress{background:color-mix(in srgb, var(--audio-fg) 14%, transparent);pointer-events:none;transition:width .3s linear;position:absolute;inset:0 auto 0 0}.pp-scrub{appearance:none;cursor:pointer;z-index:1;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.pp-scrub::-webkit-slider-thumb{-webkit-appearance:none;background:color-mix(in srgb, var(--audio-fg) 45%, transparent);border:none;border-radius:0;width:2px;height:100%}.pp-scrub::-moz-range-thumb{background:color-mix(in srgb, var(--audio-fg) 45%, transparent);border:none;border-radius:0;width:2px;height:100%}.pp-scrub:disabled{cursor:default}.pp-scrub:disabled::-webkit-slider-thumb{opacity:0}.pp-scrub:disabled::-moz-range-thumb{opacity:0}.pp-play-slot,.pp-meta,.pp-skip,.pp-speed{z-index:2;position:relative}.pp-play-slot{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pp-play{background:var(--audio-accent);width:44px;height:44px;color:var(--audio-accent-fg);cursor:pointer;transition:opacity .14s ease, transform .14s var(--ease-out-expo,ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pp-play:hover{opacity:.92}.pp-play:active{transform:scale(.94)}.pp-play:disabled{cursor:wait}.pp-play-ring{border:2px solid color-mix(in srgb, var(--audio-fg) 25%, transparent);border-top-color:var(--audio-accent);pointer-events:none;border-radius:50%;animation:.8s linear infinite pp-spin;position:absolute;inset:-4px}.pp-meta{pointer-events:none;flex:1;align-items:center;min-width:0;display:flex}.pp-meta-time{font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--audio-fg) 80%, transparent);font-size:13px}.pp-skip{width:40px;height:40px;color:color-mix(in srgb, var(--audio-fg) 78%, transparent);cursor:pointer;transition:color .12s ease, transform .14s var(--ease-out-expo,ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pp-skip:hover{color:var(--audio-fg)}.pp-skip:active{transform:scale(.92)}.pp-skip:disabled{opacity:.35;cursor:default}.pp-skip-num{font-variant-numeric:tabular-nums;font-size:8px;font-weight:700;font-family:var(--font-sans);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pp-speed{background:color-mix(in srgb, var(--audio-fg) 12%, transparent);min-width:40px;height:30px;color:var(--audio-fg);font-family:var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;flex-shrink:0;padding:0 9px;font-size:12px;font-weight:600;transition:background-color .12s}.pp-speed:hover{background:color-mix(in srgb, var(--audio-fg) 18%, transparent)}.pp-status{flex-direction:column;align-items:center;gap:10px;margin-top:10px;display:flex}.pp-hint{color:var(--fg-muted);text-align:center;margin:0;font-size:13px}.pp-hint--error{color:var(--danger)}.pp-retry{background:var(--audio-accent);min-height:44px;color:var(--audio-accent-fg);font-family:var(--font-sans);cursor:pointer;transition:opacity .14s ease, transform .14s var(--ease-out-expo,ease);border:none;border-radius:14px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:550;display:inline-flex}.pp-retry:hover{opacity:.9}.pp-retry:active{transform:scale(.97)}@keyframes pp-spin{to{transform:rotate(360deg)}}@media (max-width:420px){.pp-card{gap:8px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.pp-progress{transition:none}.pp-pill-spinner,.pp-play-ring{animation:none}.pp-play:hover,.pp-play:active,.pp-skip:active,.pp-retry:active{transform:none}}.pp-ai-note{font-size:var(--text-caption,12px);color:var(--fg-subtle,#8f8f8f);align-items:center;gap:6px;margin-top:8px;display:flex}.pp-ai-badge{opacity:.75;width:auto;height:14px}