.pd-audio-player{display:flex;align-items:center;gap:14px;max-width:820px;margin:26px auto;background:linear-gradient(180deg,#131b2b,#0e1420);border:1px solid #1f2937;border-left:3px solid #ef4444;border-radius:12px;padding:14px 18px;font-family:inherit;color:#e5e7eb;box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}.pd-audio-icon{color:#ef4444;flex-shrink:0;display:flex;align-items:flex-end;height:20px}.pd-eq{display:flex;align-items:flex-end;gap:2px;height:18px}.pd-eq i{width:3px;height:5px;background:#ef4444;border-radius:1px;transform-origin:bottom}.pd-audio-player.is-playing .pd-eq i{animation:pd-eq .9s ease-in-out infinite}.pd-eq i:nth-child(2){animation-delay:.18s}.pd-eq i:nth-child(3){animation-delay:.36s}.pd-eq i:nth-child(4){animation-delay:.54s}@keyframes pd-eq{0%,100%{height:5px}50%{height:18px}}.pd-audio-info{flex:1;min-width:0}.pd-audio-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa4b2;margin-bottom:9px}.pd-audio-controls{display:flex;align-items:center;gap:10px}.pd-btn-play{background:#ef4444;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .15s,transform .15s,box-shadow .15s}.pd-btn-play:hover{background:#dc2626;transform:scale(1.06);box-shadow:0 4px 14px -4px rgba(239,68,68,.7)}.pd-btn-play:active{transform:scale(.95)}.pd-btn-skip{background:0 0;border:none;padding:0;cursor:pointer;color:#8b96a5;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;transition:color .15s,transform .15s}.pd-btn-skip:hover{color:#e5e7eb}.pd-btn-skip:active{transform:scale(.9)}.pd-btn-skip .pd-skip-n{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:7.5px;font-weight:700;letter-spacing:-.5px}.pd-progress-wrap{flex:1;min-width:0}.pd-progress-bar{position:relative;height:5px;background:#374151;border-radius:3px;cursor:pointer;margin-bottom:5px;touch-action:none}.pd-progress-buffer{position:absolute;top:0;left:0;height:100%;width:0;background:#4b5563;border-radius:3px;pointer-events:none}.pd-progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#f87171,#ef4444);border-radius:3px;pointer-events:none}.pd-progress-thumb{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(239,68,68,.35);transform:translate(-50%,-50%) scale(0);transition:transform .12s;pointer-events:none}.pd-progress-bar.is-seeking .pd-progress-thumb,.pd-progress-bar:focus-visible .pd-progress-thumb,.pd-progress-bar:hover .pd-progress-thumb{transform:translate(-50%,-50%) scale(1)}.pd-progress-bar:focus-visible{outline:2px solid #86efac;outline-offset:4px}.pd-time{font-size:11px;color:#9aa4b2;font-variant-numeric:tabular-nums}.pd-btn-speed{background:#1f2937;border:1px solid #374151;border-radius:6px;padding:3px 7px;font-size:11px;color:#cbd5e1;cursor:pointer;flex-shrink:0;min-width:36px;text-align:center;transition:color .15s,border-color .15s,background .15s}.pd-btn-speed:hover{color:#fff;border-color:#4b5563;background:#243040}.pd-vol{display:flex;align-items:center;gap:5px;flex-shrink:0}.pd-btn-vol{background:0 0;border:none;padding:0;cursor:pointer;color:#8b96a5;display:flex;transition:color .15s}.pd-btn-vol:hover{color:#e5e7eb}.pd-vol-range{width:0;opacity:0;height:4px;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;transition:width .18s ease,opacity .18s ease}.pd-vol:focus-within .pd-vol-range,.pd-vol:hover .pd-vol-range{width:64px;opacity:1}.pd-vol-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#374151}.pd-vol-range::-moz-range-track{height:4px;border-radius:2px;background:#374151}.pd-vol-range::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#ef4444;margin-top:-3.5px}.pd-vol-range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#ef4444}@media (hover:none){.pd-vol-range{display:none}}.pd-audio-player :focus-visible{outline:2px solid #86efac;outline-offset:2px}.pd-audio-player.is-error{opacity:.6}.pd-audio-player.is-error .pd-audio-label::after{content:" — unavailable";color:#ef4444}@media (prefers-reduced-motion:reduce){.pd-btn-play,.pd-btn-skip,.pd-progress-buffer,.pd-progress-fill,.pd-progress-thumb{transition:none}.pd-audio-player.is-playing .pd-eq i{animation:none}}@media (max-width:480px){.pd-audio-player{padding:12px 14px;gap:10px}.pd-audio-icon{display:none}}