:root{--psr-primary:#f46c38;--psr-primary-hover:#e05824;--psr-primary-active:#cc4918;--psr-primary-subtle:rgba(244,108,56,.18);--psr-primary-glow:rgba(244,108,56,.35);--psr-bg-expanded:linear-gradient(135deg,#242933 0%,#1a1d24 100%)}.psr-player-container{margin:1.5rem 0 2rem;width:-moz-fit-content;width:fit-content;max-width:100%;background:0 0;border-radius:50px;padding:0;box-shadow:none;border:none;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;box-sizing:border-box}.psr-player-container.is-expanded{width:460px;max-width:100%;background:var(--psr-bg-expanded);border-radius:14px;padding:.85rem 1.15rem;box-shadow:0 10px 30px -5px rgb(0 0 0 / .25),0 4px 12px -2px var(--psr-primary-glow);border:1px solid rgb(244 108 56 / .25);animation:psr-card-expand .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes psr-card-expand{0%{transform:scale(.97);opacity:.85}100%{transform:scale(1);opacity:1}}.psr-main-bar{display:flex;align-items:center;gap:.85rem;width:100%}.psr-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:10px;padding:.65rem 1.45rem .65rem 1.15rem;border-radius:50px;border:none;outline:none;cursor:pointer;background:var(--psr-primary);color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px var(--psr-primary-glow);font-weight:700;font-size:18px;line-height:1;white-space:nowrap}.psr-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;background:#555;border-radius:50%}.psr-btn svg{width:20px;height:20px;display:block;flex-shrink:0}.psr-player-container.is-expanded .psr-play-btn{width:42px;height:42px;padding:0;border-radius:50%;font-size:18px;flex-shrink:0}.psr-player-container.is-expanded .psr-btn-label{display:none}.psr-btn:hover{background:var(--psr-primary-hover);transform:translateY(-2px);box-shadow:0 6px 18px var(--psr-primary-glow)}.psr-btn:active{background:var(--psr-primary-active);transform:translateY(0)}.psr-btn-label{display:inline-block;font-size:18px;letter-spacing:-.01em;font-weight:600;line-height:1.5;position:relative;top:0}.psr-player-container.is-collapsed .psr-expanded-content{display:none!important}.psr-expanded-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:.75rem;animation:psr-slide-expand .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes psr-slide-expand{0%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:translateX(0)}}.psr-info-wrapper{display:flex;flex-direction:column;gap:.3rem}.psr-title{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em;user-select:none;line-height:1.2}.psr-visualizer{display:flex;align-items:flex-end;gap:3px;height:14px;opacity:.4;transition:opacity .3s ease}.psr-visualizer span{width:3.5px;height:100%;background:linear-gradient(to top,var(--psr-primary),#ff9a6c);border-radius:3px;transform-origin:bottom}.psr-player-container.is-playing .psr-visualizer{opacity:1}.psr-player-container.is-playing .psr-visualizer span:nth-child(1){animation:psr-bounce .6s infinite ease-in-out alternate}.psr-player-container.is-playing .psr-visualizer span:nth-child(2){animation:psr-bounce .8s infinite .2s ease-in-out alternate}.psr-player-container.is-playing .psr-visualizer span:nth-child(3){animation:psr-bounce .5s infinite .4s ease-in-out alternate}.psr-player-container.is-playing .psr-visualizer span:nth-child(4){animation:psr-bounce .7s infinite .1s ease-in-out alternate}.psr-player-container.is-playing .psr-visualizer span:nth-child(5){animation:psr-bounce .6s infinite .3s ease-in-out alternate}@keyframes psr-bounce{0%{transform:scaleY(.15)}100%{transform:scaleY(1)}}.psr-right-controls{display:flex;align-items:center;gap:.6rem;margin-left:auto}.psr-speed-select{background:rgb(244 108 56 / .12);color:#ffedd5;border:1px solid rgb(244 108 56 / .35);border-radius:8px;padding:.35rem .65rem;font-size:14px;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.psr-speed-select:hover,.psr-speed-select:focus{background:rgb(244 108 56 / .25);border-color:var(--psr-primary);box-shadow:0 0 8px var(--psr-primary-glow)}.psr-speed-select option{background:#1c2028;color:#fff}.psr-stop-btn{width:36px;height:36px;padding:0;border-radius:50%;background:rgb(255 255 255 / .08);color:#fda481;border:1px solid rgb(244 108 56 / .2);box-shadow:none}.psr-stop-btn:hover{background:var(--psr-primary);color:#fff;border-color:var(--psr-primary);box-shadow:0 3px 10px var(--psr-primary-glow);transform:scale(1.06)}.psr-progress-bar-wrap{width:100%;height:5px;background:rgb(255 255 255 / .08);border-radius:3px;margin-top:.85rem;overflow:hidden}.psr-progress-bar{height:100%;background:linear-gradient(90deg,#f46c38,#ff9466);border-radius:3px;transition:width .25s linear}@media (max-width:520px){.psr-player-container.is-expanded{width:100%;padding:.8rem}.psr-expanded-content{flex-direction:column;align-items:flex-start;gap:.5rem}.psr-right-controls{width:100%;justify-content:space-between}}