:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.sketch-container[data-v-dd7fad08]{position:fixed;top:0;left:0;z-index:-1}.sketch-container[data-v-dd7fad08] canvas{display:block}.audio-btn[data-v-dd7fad08]{position:fixed;top:10px;left:10px;z-index:100;padding:8px 16px;cursor:pointer}#content[data-v-52fbc4a3]{position:relative;z-index:1;color:#789cff;padding:2rem;margin-top:40%;margin-left:80%}