.audio-container{padding:40px 24px;margin:0 auto;max-width:600px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.audio-title{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:#1a1a1a}.audio-description{font-size:1rem;color:#666;margin-bottom:1.5rem}.audio-player{width:100%;max-width:500px;margin:0 auto 1.5rem;border-radius:8px;overflow:hidden;background-color:#f8f9fa;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.audio-player audio{width:100%;height:40px}.audio-player::-webkit-media-controls-panel{background-color:#f8f9fa;border-radius:8px}.audio-player::-webkit-media-controls-play-button{background-color:#2563eb;border-radius:50%;color:#fff}.audio-player::-webkit-media-controls-timeline{background-color:#e9ecef;border-radius:4px;height:4px}.audio-player::-webkit-media-controls-volume-slider{background-color:#e9ecef;border-radius:4px;height:4px}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:#495057;font-size:.9rem}.audio-info{font-size:.9rem;color:#666;margin-top:.75rem}@media (max-width:768px){.audio-container{padding:30px 16px}.audio-title{font-size:1.5rem}.audio-description{font-size:.95rem}.audio-player{padding:.75rem}}.audio-player.loading{position:relative}.audio-player.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.audio-player:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-1px);transition:all .3s ease}.audio-player:focus-within{outline:2px solid #2563eb;outline-offset:2px}