:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;width:100%;padding:0}body{margin:0;height:100%;padding:0}#app{margin:0;padding-bottom:10px;min-height:100vh;min-width:100vw;background-color:#4e4d4d;color:#fff;display:flex;justify-content:center}p{margin:0}.textbox{margin-top:8vh;width:80vw;border:none;caret-color:transparent;background-color:transparent;color:#fff;text-align:center}.textbox:focus{outline:none}#textbox-1{font-size:7vh}.content{width:100%;margin-top:10vh;display:flex;flex-direction:column}.content{display:flex;align-items:center}.tuning-element{margin-top:3px;margin-bottom:2vh}select,.calibrate-button{border-radius:4px}.slider-element,.waveform-element{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2vh;margin-bottom:2vh}.slider,.slider-label,.waveform-label{margin-right:7px}.toggled-on{background-color:#add8e6}.toggled-off{background-color:#d3d3d3}.calibrate-on{background-color:#add8e6}.calibrate-off{background-color:#d3d3d3}.synth-button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;width:fit-content;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;margin-top:5px}button:hover{border-color:#000}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}