#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}html,body{overflow-x:hidden;width:100vw}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Tahoma,sans-serif;color:#ffeff8;background:linear-gradient(135deg,#00ffc8,#ff008c,#ff7300,#2bff00);background-size:400% 400%;animation:gradientAnimation 10s ease-in-out infinite}h1{font-weight:very-bold;color:#d2fff0;font-size:62px}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rounded-section{border:1px solid rgba(0,0,0,.2);border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:16px;background-color:#ffffff2d;margin:16px}.grid-layout{max-width:800px;margin:0 auto;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;align-items:start}@media (max-width: 600px){.grid-layout{grid-template-columns:repeat(2,1fr)}}.card{display:flex;flex-direction:column;align-items:center;gap:5px;width:125px;padding:15px;margin:5px;border-radius:6px;box-shadow:0 4px 8px #0003;transform:scale(1);transition:transform .3s ease,filter .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;color:#fff;font-family:Arial,sans-serif}.card img{width:90px;height:90px;border-radius:4px;flex-shrink:0;box-shadow:4px 4px 8px 4px #0000004d;margin-bottom:4px}.card .text-content{flex:1;display:flex;flex-direction:column;justify-content:center}.card h3{margin:0;font-size:1rem;text-shadow:1px 1px 4px rgba(0,0,0,.5);transition:color .3s ease}.card p{margin:5px 0 0;font-size:.8rem;color:#e0e0e0}.card:hover{transform:scale(1.03);filter:brightness(1.2);box-shadow:0 6px 12px #0000004d}.card.playing{transform:scale(1);box-shadow:0 3px 6px #0003;background:linear-gradient(145deg,#4f00ff,#8e44ad)}.card:hover h3,.card.playing h3{color:#ffdf88}.song-card{background:linear-gradient(145deg,#ff006a,#ff7b00)}.album-card{background:linear-gradient(145deg,#ff7b00,#ff006a)}.collection-song{display:flex;width:100%;align-items:center;padding:2px;border-radius:6px}.collection-song:hover{background:#ffdf8873}.collection-song.playing{background:linear-gradient(145deg,#7d5cf3,#f17be8);font-weight:700}.index{width:1em;text-align:left;padding-left:2px;padding-right:8px}.song-name{flex:1;text-align:left}.audio-player{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(145deg,#4f00ff,#8e44ad);color:#fff;padding:10px;text-align:center;border-radius:4px;display:flex;justify-content:center;align-items:center}.audio-player img{width:90px;height:90px;border-radius:4px;flex-shrink:0;box-shadow:4px 4px 8px 4px #0000004d;margin-bottom:4px;margin-right:10px}