:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:100dvh}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}h1{font-size:2rem;font-weight:300;letter-spacing:.1em;margin-bottom:3rem;color:#e0e0e0}.play-button{width:140px;height:140px;border-radius:50%;border:3px solid #4a9eff;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#4a9eff}.play-button svg{width:50px;height:50px}.play-button:hover{background:#4a9eff1a;transform:scale(1.05)}.play-button:active{transform:scale(.95)}.play-button.playing{border-color:#ff6b6b;color:#ff6b6b;animation:pulse 2s ease-in-out infinite}.play-button.playing:hover{background:#ff6b6b1a}@keyframes pulse{0%,to{box-shadow:0 0 #4a9eff66}50%{box-shadow:0 0 0 20px #4a9eff00}}.play-button.playing{animation-name:pulse-playing}@keyframes pulse-playing{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 0 20px #ff6b6b00}}.status{margin-top:2rem;font-size:1rem;color:#888;letter-spacing:.05em}.play-button.loading{cursor:wait;opacity:.7}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}