body{-webkit-overflow-scrolling:touch;background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}html{box-sizing:border-box}h1{align-items:center;font-size:24px;display:flex}main{padding:0 2rem}.controls{flex-flow:column wrap;align-items:center;display:flex}.controls>*+*{margin-top:.5rem}.controls>*,.controls .nes-btn{width:100%}main>*+*{margin-top:2rem}#recordings{min-height:200px}#recordings audio{width:100%}#recordings>audio+audio{margin-top:1rem}#error{font-size:12px;line-height:1.6}.status{align-items:center;gap:.75rem;font-size:12px;display:flex}.status .dot{background:#adafbc;width:12px;height:12px}.status[data-state=recording] .dot{background:#e76e55;animation:1s steps(2,end) infinite blink}.status[data-state=paused] .dot{background:#f7d51d}.status #duration{font-variant-numeric:tabular-nums;margin-left:auto}@keyframes blink{to{opacity:0}}@media (width>=580px){.controls{flex-direction:row}.controls>*+*{margin-top:0;margin-left:.5rem}.controls>*,.controls .nes-btn{width:auto}}