@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html,body{font-family:Inconsolata,monospace;color:#fff;background-color:#f0f0f0;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#app{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}#background{position:absolute;width:200%;height:200%;background:radial-gradient(90% 70% at 64% 65%,#000,#0f0f0f,#666);transform:rotate(-30deg)}#frequency-plot{font-family:Inconsolata,monospace}#frequency-plot svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}#waveform-plot{font-family:Inconsolata,monospace}#selector-container{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:10}#selector-svg{display:block;filter:drop-shadow(0 0 12px rgba(0,0,0,.6))}@keyframes selector-next-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(231,168,93,0))}50%{filter:drop-shadow(0 0 14px rgba(231,168,93,1)) drop-shadow(0 0 6px rgba(231,168,93,.9))}}.selector-next-pulsing{animation:selector-next-pulse 1.8s ease-in-out infinite}