*{-webkit-tap-highlight-color:transparent;}
button,.playbtn,.download,.tab{outline:none;border:none;}
button:focus,.playbtn:focus,.download:focus,.tab:focus{outline:none;box-shadow:none;}
.playbtn:active,.download:active,.tab:active{transform:scale(0.96);}
body{font-family:Arial;background:#121212;color:white;margin:0;padding:20px 18px;}
.header{text-align:center;margin-bottom:20px;}
.name{font-style:italic;font-size:26px;font-weight:bold;}
.social a{color:white;margin:0 8px;font-size:20px;}
.tabs{display:flex;gap:10px;margin:20px 0;margin-bottom:30px;}
.tab{flex:1;background:#2a2a2a;border-radius:20px;padding:10px;text-align:center;cursor:pointer;}
.tab.active{background:#1db954;color:black;}
.item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.left{display:flex;align-items:center;gap:10px;}
.cover{width:40px;height:40px;border-radius:8px;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,0.4);}
.title{font-size:15px;font-weight:bold;}
.artist{font-size:12px;color:#aaa;}
.time{font-size:11px;color:#777;}
.right{display:flex;align-items:center;gap:14px;}
.playbtn{width:30px;height:30px;border-radius:50%;background:#1db954;display:flex;align-items:center;justify-content:center;cursor:pointer;color:black;font-size:14px;}
.eq{display:none;gap:2px;align-items:flex-end;height:16px;}
.eq span{width:3px;background:#1db954;animation:eq 0.8s infinite;}
.eq span:nth-child(2){animation-delay:0.2s;}
.eq span:nth-child(3){animation-delay:0.4s;}
.eq span:nth-child(4){animation-delay:0.6s;}
.eq span:nth-child(5){animation-delay:0.8s;}
@keyframes eq{0%{height:4px}50%{height:16px}100%{height:4px}}
.tool{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,0.08);}
.download{background:#1db954;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;}
.hidden{display:none;}
.playbtn.playing{background:#666;color:white;}
#musik{padding-left:0;padding-right:0;}
@media (min-width:1024px){#musik{padding-left:25%;padding-right:25%;}}
.download-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;cursor:pointer;border:none;outline:none;appearance:none;-webkit-appearance:none;transition:0.2s;}
.download-btn:link,.download-btn:visited,.download-btn:active{color:white;}
.download-btn i{color:inherit;}
.download-btn:active{transform:scale(0.95);}