.app-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.shuffle-button{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;transition:background-color .25s}.shuffle-button:hover{background-color:#535bf2}.song-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:100px;display:grid}.song-tile{background-color:#f9f9f9;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:border-color .3s,transform .2s;display:flex}.song-tile.active{background-color:#f0f1ff;border-color:#646cff}.song-tile:hover{transform:translateY(-4px)}.song-tile h3{margin-top:0;margin-bottom:.5rem}.song-tile p{color:#666;margin-bottom:1.5rem;font-size:.9rem}.controls{gap:.5rem;display:flex}.controls button,.controls a{text-align:center;color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex:1;padding:.5rem;font-size:.9rem;text-decoration:none}.controls button:hover,.controls a:hover{background-color:#eee}.player-bar{color:#fff;background-color:#333;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0003}.player-bar audio{width:100%;max-width:800px}