:root{--z-player:999;--yellow:#efff02;--black:#121212;--white:#fff;--light-grey:#f5f5f5;--medium-grey:#e0e0e0;--dark-grey-text:#555}.player-overlay{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.player-container{opacity:0;pointer-events:none;box-sizing:border-box;background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:90%;max-width:1200px;height:90px;padding:0 25px;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .5s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%,150%);box-shadow:0 5px 25px #00000026}.player-container.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.player-container.hidden{opacity:0;pointer-events:none;transform:translate(-50%,150%)}.track-info{cursor:pointer;align-items:center;gap:15px;width:35%;display:flex;overflow:hidden}.player-cover-art{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px;box-shadow:0 4px 8px #0000001a}.track-info-text{flex-direction:column;display:flex;overflow:hidden}.track-info-text span{white-space:nowrap;text-overflow:ellipsis;color:#121212;font-weight:600;display:block;overflow:hidden}.track-info-text .artist{color:#555;font-size:.8em;font-weight:400}.player-center-controls{flex-grow:1;justify-content:center;align-items:center;gap:15px;display:flex}.play-pause-btn{color:#121212;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:2.5em;transition:transform .2s;display:flex}.play-pause-btn:hover{transform:scale(1.1)}.control-btn{color:#555;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5em;transition:color .2s;display:flex}.control-btn:hover{color:#121212}.control-btn:disabled{color:#e0e0e0;cursor:not-allowed}.progress-bar{cursor:pointer;background:#e0e0e0;border-radius:2px;flex:1;max-width:300px;height:4px;position:relative}.progress{background:#121212;border-radius:2px;height:100%}.time-stamp{color:#555;text-align:center;min-width:40px;font-size:.8em}.right-controls{justify-content:flex-end;align-items:center;gap:20px;width:35%;display:flex}.right-controls .player-radio-info{justify-content:flex-end;align-items:center;gap:8px;max-width:180px;display:flex}.right-controls .player-radio-name{color:#111827;text-align:right;word-wrap:break-word;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.right-controls .player-radio-logo{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px}.expanded-view-container{color:#fff;pointer-events:none;opacity:0;z-index:10000;background-color:#121212;border-radius:12px;width:90%;max-width:1200px;height:90px;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}.expanded-view-container.expanded{pointer-events:auto;opacity:1;border-radius:0;width:100%;max-width:none;height:100%;bottom:0;left:0;transform:translate(0)}.player-content-expanded{box-sizing:border-box;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;height:100%;padding:40px;transition:opacity .3s ease-in-out .2s;display:flex}.expanded-view-container.expanded .player-content-expanded{opacity:1}.collapse-btn{cursor:pointer;color:#efff02;z-index:10;background:0 0;border:none;font-size:1.5em;transition:transform .3s ease-in-out;position:absolute;top:40px;right:40px}.collapse-btn:hover{transform:scale(1.1)}.expanded-cover-art{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.expanded-track-info{text-align:center;width:100%;max-width:400px}.expanded-track-info h1{color:#fff;margin:10px 0 5px;font-size:2em}.expanded-track-info h2{color:#fff;opacity:.8;margin:0;font-size:1.2em;font-weight:400}.progress-section{align-items:center;gap:10px;width:100%;max-width:400px;display:flex}.player-content-expanded .time-stamp{color:#fff}.player-content-expanded .progress-bar{background-color:#ffffff4d}.player-content-expanded .progress-bar .progress{background-color:#efff02}.player-content-expanded .progress-bar .progress:after{background-color:#fff}.expanded-controls{justify-content:center;align-items:center;gap:15px;margin:15px 0;display:flex}.expanded-controls button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2em;transition:transform .2s}.expanded-controls button:hover{transform:scale(1.1)}.expanded-controls .play-pause-btn-expanded{justify-content:center;align-items:center;font-size:4em;display:flex}.expanded-footer-content{justify-content:space-between;align-items:center;gap:20px;width:90%;max-width:400px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.expanded-footer-content .share-btn{cursor:pointer;color:#fff;background:0 0;border:none;font-size:1.5em}@media (max-width:768px){.player-container{width:95%;height:80px;padding:10px 15px;bottom:10px}.time-stamp,.progress-bar,.right-controls .player-radio-name{display:none}.right-controls .player-radio-logo{width:40px;height:40px}.player-cover-art{width:50px;height:50px}.player-center-controls{flex:0}.track-info{width:50%}.right-controls{width:auto}.expanded-cover-art{max-width:300px}}