body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-player{background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:8px 0;padding:16px}.audio-player-header{margin-bottom:12px}.audio-title{color:#333;font-size:14px}.audio-player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.main-controls{flex:1 1;min-width:300px}.play-button{border:none!important;color:#ff6b35!important;font-size:24px!important;height:auto!important;padding:4px!important}.play-button:hover{background:#ff6b351a!important;color:#ff4500!important}.time-control{align-items:center;display:flex;flex:1 1;gap:12px}.time-text{color:#666;font-size:12px;min-width:40px;text-align:center}.time-slider{flex:1 1;margin:0!important}.time-slider .ant-slider-track{background-color:#ff6b35}.time-slider .ant-slider-handle{border-color:#ff6b35}.time-slider .ant-slider-handle:focus,.time-slider .ant-slider-handle:hover{border-color:#ff4500;box-shadow:0 0 0 5px #ff6b3533}.volume-controls{min-width:140px}.volume-slider .ant-slider-track{background-color:#ff6b35}.volume-slider .ant-slider-handle{border-color:#ff6b35}.volume-slider .ant-slider-handle:focus,.volume-slider .ant-slider-handle:hover{border-color:#ff4500;box-shadow:0 0 0 5px #ff6b3533}.audio-player-compact{align-items:center;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:20px;display:inline-flex;gap:8px;padding:4px 8px}.play-button-compact{border:none!important;color:#ff6b35!important;font-size:18px!important;height:auto!important;min-width:auto!important;padding:2px!important}.play-button-compact:hover{background:#ff6b3533!important;color:#ff4500!important}.audio-title-compact{color:#333;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.audio-player-controls{align-items:stretch;flex-direction:column}.main-controls,.volume-controls{min-width:0;min-width:auto}.volume-controls{justify-content:center}.time-control{flex-direction:column;gap:8px}.time-slider{width:100%}}