body{font-family:Courier\ 10 Pitch,sans-serif;margin:0;padding:0;background:linear-gradient(180deg,#f0f8ff,#e6e6fa)}#app{display:flex;justify-content:center;align-items:center;min-height:100vh}.content{width:80%;max-width:800px;text-align:center}.card{background:hsla(0,0%,100%,.8);box-shadow:0 4px 8px rgba(0,0,0,.2)}.card,.custom-player{border-radius:15px;padding:20px;margin-bottom:20px}.custom-player{background:linear-gradient(180deg,#00c6ff,#0072ff);box-shadow:0 4px 12px rgba(0,0,0,.25);position:relative;overflow:hidden;color:#fff}.custom-player:after,.custom-player:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-repeat:repeat-x}.custom-player:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="white" fill-opacity="0.8" d="M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,240C672,256,768,256,864,240C960,224,1056,192,1152,186.7C1248,181,1344,203,1392,213.3L1440,224L1440,320L0,320Z"></path></svg>');background-size:1440px 100%;animation:wave-animation-front 8s linear infinite;z-index:2}.custom-player:after{animation:wave-animation-back 12s linear infinite;z-index:1;animation-delay:-3s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="white" fill-opacity="0.4" d="M0,256L60,245.3C120,235,240,213,360,218.7C480,224,600,256,720,261.3C840,267,960,245,1080,218.7C1200,192,1320,160,1380,144L1440,128L1440,320L0,320Z"></path></svg>');background-size:1440px 100%;animation:wave-animation-back 10s linear infinite;z-index:2;animation-delay:3s}.custom-player .audio-player,.custom-player h2{position:relative;z-index:3}@keyframes wave-animation-front{0%{background-position-x:0}to{background-position-x:-1440px}}@keyframes wave-animation-back{0%{background-position-x:0}to{background-position-x:-1440px}}.custom-player h2{color:#fff;margin-bottom:10px}.audio-player{width:100%;background:transparent;border:none;outline:none;border-radius:10px;z-index:1}.audio-player,.song-card{box-shadow:0 4px 8px rgba(0,0,0,.2)}.song-card{background:hsla(0,0%,100%,.9);border-radius:15px;padding:20px;margin-bottom:20px;text-align:center}.song-card h2{margin-bottom:10px}.image-container{background:hsla(0,0%,94%,.8);box-shadow:0 8px 16px rgba(0,0,0,.3);border-radius:15px;padding:10px;display:inline-block;transition:transform .1s ease,box-shadow .3s ease}.image-container:hover{box-shadow:0 12px 24px rgba(0,0,0,.4)}.song-image{width:100%;border-radius:10px}p{text-align:center;line-height:1.2;color:#333}h1,h2{color:#71b6a7;margin-bottom:10px}