:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-transform:none}.waveform-audio-player{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:#f0f0f0;border-radius:8px}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}button{padding:8px 16px;background-color:#4f4a85;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#383351}.time{font-family:monospace;font-size:14px}.btn-play{width:100px;height:100px;border-radius:50%;background-color:#fe1648}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-transform:none;color-scheme:light dark;color:#fafafa;background-color:#1b1b1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}@font-face{font-family:MamaKilo Decorative;src:url(/fonts/MamaKilo%20Decorative.otf) format("woff2")}@font-face{font-family:MamaKilo Black;src:url(/fonts/MamaKilo\ Decorative.ttf) format("truetype")}.App{text-align:center}.App-header{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.pattern{background-image:url(/images/pattern.svg);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:300px}.banner-pattern-left{position:fixed;top:0;left:0;z-index:0;object-position:center;object-fit:cover;height:100%}.banner-pattern-right{position:fixed;top:0;right:0;z-index:0;object-fit:cover;object-position:center;height:100%}