.ir-player-container{--ir-accent:#10b981;--ir-bg-card:#ffffff;--ir-text-primary:#1e293b;--ir-text-secondary:#64748b;--ir-bg-hover:#f1f5f9;--ir-border-color:#e2e8f0;max-width:480px;width:100%;margin:20px auto;background:var(--ir-bg-card);border-radius:16px;box-shadow:0 10px 25px -5px rgb(0 0 0 / .05),0 8px 10px -6px rgb(0 0 0 / .03);border:1px solid var(--ir-border-color);overflow:hidden;font-family:inherit;box-sizing:border-box}.ir-player-main-card{padding:24px}.ir-player-header-wrap{display:flex;align-items:center;gap:16px}.ir-player-cover-box{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;background:#e2e8f0;border:1px solid var(--ir-border-color);flex-shrink:0}.ir-player-cover-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.ir-player-cover-img.rotating{animation:irRotate 20s linear infinite}@keyframes irRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ir-player-eq-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:12px;opacity:0;transition:opacity 0.3s ease}.ir-player-eq-overlay.playing{opacity:1}.ir-eq-bar{width:4px;height:10px;background:var(--ir-accent);border-radius:2px}.ir-player-eq-overlay.playing .bar1{animation:irBounce 1.2s ease-in-out infinite alternate}.ir-player-eq-overlay.playing .bar2{animation:irBounce 0.9s ease-in-out infinite alternate 0.1s}.ir-player-eq-overlay.playing .bar3{animation:irBounce 1.4s ease-in-out infinite alternate 0.2s}.ir-player-eq-overlay.playing .bar4{animation:irBounce 1.0s ease-in-out infinite alternate 0.05s}@keyframes irBounce{from{height:4px}to{height:32px}}.ir-player-meta-box{flex-grow:1;min-width:0}.ir-player-title{font-size:16px;font-weight:700;margin:0 0 6px 0;color:var(--ir-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-player-artist{font-size:13px;color:var(--ir-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-player-progress-area{margin-top:24px}.ir-progress-timeline{position:relative;width:100%;height:6px;background:#f1f5f9;border-radius:3px;cursor:pointer}.ir-progress-slider{position:absolute;top:-5px;left:0;width:100%;height:16px;opacity:0;cursor:pointer;z-index:5;margin:0}.ir-progress-bar-fill{height:100%;width:0%;background:var(--ir-accent);border-radius:3px;position:relative}.ir-progress-bar-fill::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--ir-accent);box-shadow:0 2px 4px rgb(0 0 0 / .2)}.ir-player-time-display{display:flex;justify-content:space-between;font-size:11px;font-family:monospace;color:var(--ir-text-secondary);margin-top:6px}.ir-player-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.ir-control-btn{background:none;border:none;color:var(--ir-text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.ir-control-btn:hover{color:var(--ir-text-primary);background:var(--ir-bg-hover)}.ir-control-btn.active{color:var(--ir-accent)}.ir-btn-play-pause{width:54px;height:54px;background:var(--ir-accent);color:#fff;box-shadow:0 4px 14px -3px var(--ir-accent)}.ir-btn-play-pause:hover{background:var(--ir-accent);color:#fff;transform:scale(1.05);filter:brightness(1.08)}.ir-player-footer-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--ir-border-color);padding-top:16px}.ir-volume-wrapper{display:flex;align-items:center;gap:8px}.ir-volume-btn{background:none;border:none;color:var(--ir-text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center}.ir-volume-slider{width:70px;height:4px;background:#e2e8f0;border-radius:2px;cursor:pointer;accent-color:var(--ir-accent)}.ir-btn-toggle-playlist{background:var(--ir-bg-hover);border:1px solid var(--ir-border-color);color:var(--ir-text-primary);cursor:pointer;padding:6px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;transition:all 0.2s ease}.ir-btn-toggle-playlist:hover,.ir-btn-toggle-playlist.active{background:var(--ir-accent);color:#fff;border-color:var(--ir-accent)}.ir-playlist-count{background:rgb(0 0 0 / .1);color:inherit;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700}.ir-player-playlist-drawer{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(.4,0,.2,1);background:#fafafa;border-top:0 solid var(--ir-border-color)}.ir-player-playlist-drawer.active{max-height:250px;border-top:1px solid var(--ir-border-color);overflow-y:auto}.ir-playlist-list{padding:8px 16px}.ir-playlist-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid #f1f5f9}.ir-playlist-item:last-child{border-bottom:none}.ir-playlist-item:hover{background:#f1f5f9}.ir-playlist-item.active{background:#ecfdf5}.ir-playlist-item.active .ir-item-title{color:var(--ir-accent);font-weight:700}.ir-item-cover-wrap{position:relative;width:36px;height:36px;border-radius:6px;overflow:hidden;background:#e2e8f0}.ir-item-cover{width:100%;height:100%;object-fit:cover}.ir-item-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .3);display:none;align-items:center;justify-content:center;color:#fff}.ir-playlist-item:hover .ir-item-play-overlay{display:flex}.ir-item-details{flex-grow:1;min-width:0;text-align:right}.ir-item-title{display:block;font-size:13px;color:var(--ir-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-item-artist{display:block;font-size:11px;color:var(--ir-text-secondary);margin-top:2px}