*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.voice-recorder{width:100%;background:#f5f5f5;border-radius:8px;padding:12px;margin-bottom:8px}.voice-recorder__content{display:flex;align-items:center;gap:16px}.voice-recorder__icon{display:flex;align-items:center;justify-content:center}.voice-recorder__info{flex:1;display:flex;flex-direction:column;gap:4px}.voice-recorder__timer{font-family:Roboto Mono,monospace;font-weight:500;color:#333}.voice-recorder__waveform{display:flex;align-items:center;gap:3px;height:20px}.voice-recorder__waveform span{display:inline-block;width:3px;background:#e63946;border-radius:3px;animation:wave 1.2s ease-in-out infinite}.voice-recorder__waveform span:nth-child(1){animation-delay:0s}.voice-recorder__waveform span:nth-child(2){animation-delay:.1s}.voice-recorder__waveform span:nth-child(3){animation-delay:.2s}.voice-recorder__waveform span:nth-child(4){animation-delay:.3s}.voice-recorder__waveform span:nth-child(5){animation-delay:.4s}.voice-recorder__controls{display:flex;align-items:center;gap:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes wave{0%,to{height:8px}50%{height:20px}}