*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6}.music-banner{background:#34495e;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.music-banner audio{max-width:400px;width:100%}header{background:#2c3e50;color:#fff;margin-bottom:2rem;padding:2rem 0;text-align:center}header h1{font-size:2.5rem;font-weight:300}main{margin:0 auto;max-width:1200px;padding:0 1rem}.gallery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.gallery-item{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.gallery-item img{display:block;height:250px;object-fit:cover;width:100%}.gallery-title{color:#2c3e50;font-size:1.2rem;font-weight:500;padding:1rem;text-align:center}.loading{color:#666}.error,.loading{font-size:1.2rem;padding:2rem;text-align:center}.error{background:#ffeaea;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c;margin:1rem 0}@media (max-width:768px){header h1{font-size:2rem}.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}main{padding:0 .5rem}}@media (max-width:480px){header h1{font-size:1.5rem}.gallery-grid{gap:1rem;grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:90vw;padding:1rem;position:relative;text-align:center}.modal-content img{display:block;margin:0 auto;max-height:70vh;max-width:100%;object-fit:contain}.modal-title{color:#2c3e50;font-size:1.5rem;font-weight:500;margin-top:1rem}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;position:absolute;right:15px;top:10px;width:30px}.close-button:hover{color:#333}
/*# sourceMappingURL=main.d241f925.css.map*/