body{
 background:#050505;
 display:flex;
 justify-content:center;
 margin-top:40px;
 font-family:'Orbitron',sans-serif;
 color:#00ffcc
}
.player{
 width:360px;
 background:linear-gradient(180deg,#0a0a0a,#141414);
 border:2px solid #00ffcc;
 box-shadow:0 0 25px #00ffcc66;
}
.top{
 display:flex;
 justify-content:space-between;
 padding:8px;
 background:#000;
}
.logo{
 font-weight:600;
 letter-spacing:2px;
}
.status{
 font-size:12px;
}
.screen{
 background:#000;
 padding:10px;
 border-top:1px solid #00ffcc;
 border-bottom:1px solid #00ffcc;
 text-align:center;
}
#nowPlaying{
 white-space:nowrap;
 overflow:hidden;
 animation:scroll 10s linear infinite;
}
@keyframes scroll{
 0%{transform:translateX(100%)}
 100%{transform:translateX(-100%)}
}
.controls{
 display:flex;
 justify-content:space-around;
 padding:12px;
}
button{
 background:#000;
 border:1px solid #00ffcc;
 color:#00ffcc;
 padding:8px 14px;
 font-size:16px;
 cursor:pointer;
}
button:hover{
 background:#00ffcc;
 color:#000;
}
#progress{
 width:100%;
}
.panel{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:8px;
}
.playlist{
 list-style:none;
 padding:0;
 max-height:180px;
 overflow:auto;
}
.playlist li{
 padding:6px;
 border-bottom:1px solid #222;
 cursor:pointer;
}
.playlist li:hover{
 background:#00ffcc;
 color:#000;
}