.container[data-v-899fbd10]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.audio-wrapper[data-v-899fbd10]{background:white;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000001a;max-width:200px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}audio[data-v-899fbd10]{display:none}.play-button[data-v-899fbd10]{width:80px;height:80px;border:none;border-radius:50%;background:#007bff;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;outline:none;box-shadow:0 2px 10px #007bff4d}.play-button[data-v-899fbd10]:hover:not(:disabled){background:#0056b3;transform:scale(1.05);box-shadow:0 4px 15px #007bff66}.play-button[data-v-899fbd10]:active:not(:disabled){transform:scale(.95)}.play-button[data-v-899fbd10]:disabled{cursor:not-allowed;opacity:.6}.play-button.loading[data-v-899fbd10]{background:#6c757d}.play-button.error[data-v-899fbd10]{background:#dc3545}.headphones-note[data-v-899fbd10]{font-size:12px;color:#6c757d;text-align:center;margin:0;font-weight:400;line-height:1.4;opacity:.8}.play-icon svg[data-v-899fbd10],.pause-icon svg[data-v-899fbd10],.loading-icon svg[data-v-899fbd10],.error-icon svg[data-v-899fbd10]{width:32px;height:32px}.play-icon svg[data-v-899fbd10]{margin-left:4px}.spinner[data-v-899fbd10]{animation:spin-899fbd10 1s linear infinite}@keyframes spin-899fbd10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 280px){.audio-wrapper[data-v-899fbd10]{padding:20px;margin:10px;gap:12px}.play-button[data-v-899fbd10]{width:60px;height:60px}.play-icon svg[data-v-899fbd10],.pause-icon svg[data-v-899fbd10],.loading-icon svg[data-v-899fbd10],.error-icon svg[data-v-899fbd10]{width:24px;height:24px}.headphones-note[data-v-899fbd10]{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5}#app{height:100vh}