body{background-color:#f8f8f8;font-family:Arial,sans-serif;margin:0;padding:0}.container{max-width:1200px}h1{font-size:2rem;margin-bottom:20px;text-align:center}.grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:15px;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px #0003}.card h2{font-size:1.2rem;margin-bottom:5px}.card p{color:#555;margin:5px 0}audio{margin-top:10px;width:100%}.play-button{background-color:#dfdeec;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;padding:8px 16px}.play-button:hover{background-color:#5047d1}.container{font-family:sans-serif;margin:auto;max-width:900px;padding:20px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:16px;min-width:200px;padding:8px 12px}.sort-button{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.sort-button:hover{background-color:#059669}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px}
/*# sourceMappingURL=main.7b04af96.css.map*/