#now-playing-mobile,#now-playing-cover-expanded{display:none}#now-playing-bar{display:none;position:fixed;bottom:10px;left:5px;right:5px;margin:0 auto;max-width:760px;background:#B5D3FF;border:2px solid #4C9FFF;border-radius:5px;box-shadow:0 2px 8px #4C9FFF;padding:10px 15px;z-index:9999;justify-content:space-between;align-items:center;gap:10px;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease}#now-playing-bar.show{display:flex;opacity:1;transform:translateY(0)}#now-playing-close{background:none;color:#2666C3;border:none;font-size:2em;cursor:pointer;padding:5px}#now-playing-content{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0;width:140px}#now-playing-cover{height:40px;width:40px;object-fit:cover;border-radius:3px;flex-shrink:0}.now-playing-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}#now-playing-artist{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#now-playing-title{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#0047ab}#np-controls{display:flex;gap:10px}#np-controls button{background:none;color:#2666C3;border:none;font-size:1.4em;cursor:pointer;padding:5px;width:30px}#np-repeat.active i{color:#ff6400}#np-repeat.repeat-all i{color:#008005}#np-repeat.repeat-one i{color:#E91E63;position:relative}#np-repeat.repeat-one i::after{content:'1';position:absolute;font-size:.6em;transform:translate(-50%,-50%)}.volume-container{position:relative;display:flex;align-items:center}#np-volume-btn{background:none;border:0;padding:6px;cursor:pointer}.volume-pop{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 8px;background:#B5D3FF;border:1px solid #4C9FFF;border-radius:4px;box-shadow:0 2px 8px #4C9FFF;display:none}.volume-pop input{width:120px}.volume-container:hover .volume-pop,.volume-container.show-slider .volume-pop{display:block}#np-progress{display:flex;align-items:center;gap:10px}@media all and (max-width:760px){#now-playing-mobile{justify-content:space-between;align-items:center;gap:.5rem;position:fixed;bottom:10px;left:5px;right:5px;padding:.4rem .6rem;background:#B5D3FF;border:2px solid #4C9FFF;border-radius:5px;box-shadow:0 0 10px #4C9FFF;z-index:9998;cursor:pointer}#now-playing-mobile.show{display:flex}#now-playing-content-mobile{display:flex;gap:10px;align-items:center;overflow:hidden;min-width:0}#now-playing-content-mobile .now-playing-text{width:300px}#now-playing-artist-mobile{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}#now-playing-title-mobile{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;color:#0047ab}#now-playing-cover{display:none}#now-playing-mobile img{width:32px;height:32px;object-fit:cover;border-radius:3px}#np-controls-mobile{display:flex;gap:10px}#np-controls-mobile button{background:none;color:#2666C3;border:none;font-size:1.4em;cursor:pointer;padding:5px;width:30px}#now-playing-bar.show{display:none}#now-playing-bar.expanded{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;top:0;z-index:9999;background:#B5D3FF;border-radius:0;border:0;box-shadow:none;padding:1rem}#now-playing-bar.expanded #now-playing-content{display:flex;flex-direction:column;align-items:center;gap:20px;overflow:visible}#now-playing-cover-expanded{display:block;width:80vw;height:80vw;max-width:300px;max-height:300px;border-radius:10px}#now-playing-bar.expanded .now-playing-text{display:flex;flex-direction:column;align-items:center;line-height:1.2;font-size:1.1em}#now-playing-bar.expanded .now-playing-title{white-space:inherit}#now-playing-bar.expanded #np-controls{display:flex;justify-content:center;gap:20px}#now-playing-mobile.hidden{display:none}}