@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:fixed;width:200vmax;height:200vmax;left:50%;top:50%;background:radial-gradient(90% 70% at 64% 65%,#000,#0f0f0f,#666);transform:translate(-50%,-50%) 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))}body.mobile #frequency-plot,body.mobile #waveform-plot,body.mobile #midi-viewer,body.mobile #editor-panel,body.mobile #edit-mode-toggle,body.mobile #info-modal-btn{display:none!important}body.mobile #guitar-svg{position:relative;z-index:1}@media(orientation:portrait){body.mobile #guitar-svg{width:92vw;height:auto}}@media(orientation:landscape){body.mobile #guitar-svg{width:auto;height:80vh}}@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}