.music-wrapper{text-align:center;max-width:1200px;margin:0 auto;padding:140px 5% 80px}#player-zone{perspective:1000px;width:300px;height:300px;margin:60px auto;position:relative}.vinyl-container{background:radial-gradient(circle,#222 30%,#000 70%);border:10px solid #111;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex;position:relative;box-shadow:0 20px 40px #0006,inset 0 0 100px #ffffff0d}.vinyl-container.playing{animation:3s linear infinite rotateVinyl}.vinyl-center{background:var(--primary);border:5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.vinyl-hole{background:#000;border-radius:50%;width:20px;height:20px}@keyframes rotateVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.equalizer{opacity:.3;align-items:flex-end;gap:8px;height:60px;transition:opacity .3s;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}#player-zone.playing .equalizer{opacity:1}.eq-bar{background:var(--secondary);border:2px solid #000;width:12px;height:20%}#player-zone.playing .eq-bar{animation:.6s ease-in-out infinite alternate eqAnim}.eq-bar:nth-child(2){animation-delay:.1s}.eq-bar:nth-child(3){animation-delay:.2s}.eq-bar:nth-child(4){animation-delay:.3s}.eq-bar:nth-child(5){animation-delay:.4s}@keyframes eqAnim{0%{height:20%}to{height:100%}}.track-list{flex-direction:column;gap:20px;max-width:800px;margin:60px auto;display:flex}.track{border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0 var(--border-color);cursor:pointer;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 30px;transition:all .2s;display:flex}.track:hover{box-shadow:12px 12px 0 var(--primary);transform:translate(-4px,-4px)}.track span{font-family:var(--font-main);text-transform:uppercase;font-size:1.8rem}.track-play-btn{background:var(--secondary);font-family:var(--font-main);cursor:pointer;border:3px solid #000;border-radius:10px;padding:8px 20px;font-size:1.2rem;box-shadow:3px 3px #000}.lyrics-container{border:var(--border-width) solid var(--border-color);max-width:900px;box-shadow:20px 20px 0 var(--border-color);background:#ffffffe6;border-radius:40px;margin:80px auto;padding:60px 40px;animation:.6s cubic-bezier(.175,.885,.32,1.275) slideUp;display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.lyric-title{color:var(--primary);margin-bottom:30px;font-size:3.5rem}.lyric-content{white-space:pre-line;font-size:1.8rem;font-weight:700;line-height:1.6}.lyrics-container.anthem{color:#fff;background:linear-gradient(135deg,#f36 0%,#ffb800 100%)}.lyrics-container.anthem .lyric-title{color:#fff;-webkit-text-stroke:2px black}.lyrics-container.hype{background:var(--secondary);color:#000;transform:rotate(1deg)}.lyrics-container.midnight{color:var(--secondary);border-color:var(--secondary);box-shadow:20px 20px 0 var(--secondary);background:#111}.lyrics-container.midnight .lyric-title{color:var(--secondary);-webkit-text-stroke:1px white}@media (width<=768px){h1{font-size:3.5rem}.track span{font-size:1.2rem}#player-zone{width:200px;height:200px}.vinyl-center{width:60px;height:60px}}