*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.6}.App{min-height:100vh;padding:2rem 1rem}button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}h1{font-size:2rem;font-weight:600;color:#222}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:500;color:#444}p{margin-bottom:.5rem}audio{outline:none}@media(max-width:768px){.App{padding:1rem .5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}button{width:100%}}