*{box-sizing:border-box}html,body{padding:0;margin:0;width:100%;height:100%;width:100dvw;height:100dvh;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:18px;overflow:hidden;touch-action:none;background-color:#000}@media screen and (max-width: 800px){body{font-size:12px}}body{position:relative}canvas{width:100%;height:100%}.github-link{position:absolute;right:0;bottom:0;color:#aaa;mix-blend-mode:difference;text-transform:uppercase;text-decoration:none;padding:.7em 1em;font-size:.8em}#logo{position:absolute;top:5vh;left:50%;z-index:10;height:8vh;fill:#888;transform:translate(-50%);opacity:0;transition:opacity 1.2s,letter-spacing 4s;text-transform:uppercase;color:#aaa;font-family:Andale Mono,AndaleMono,monospace;font-weight:100;letter-spacing:2em;font-size:1.5em;padding-left:1.3em;contain:layout}#input-info{position:absolute;bottom:5vh;left:0;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;font-family:Andale Mono,AndaleMono,monospace;font-size:.9em;opacity:0;pointer-events:none;transition:opacity .5s;transition-delay:.7s}#input-info p{margin:0}#microphone-button{background:transparent;border:2px solid #aaa;stroke:#aaa;border-radius:3em;width:8vh;height:8vh;max-width:5em;max-height:7em;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:2em}#microphone-button:disabled svg{display:none}#microphone-button:disabled:before{content:"";display:block;background:#f33;width:3em;height:3em;border-radius:100%;border:none}#microphone-button svg{width:80%;height:80%}