.page{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.footer{display:inline-flex;justify-content:center;align-items:center;padding:.5rem 0}.footer svg{margin:.5rem}.app-button{position:relative;display:inline-flex;align-items:center;border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transform:translate(0);transform-style:preserve-3d}.app-button span{position:relative}.app-button:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:inherit;background:#11998e;background:-webkit-linear-gradient(to right,#38ef7d,#11998e);background:linear-gradient(to right,#38ef7d,#11998e)}.app-button--listening:before{background:#ff416c;background:-webkit-linear-gradient(to right,#FF4B2B,#FF416C);background:linear-gradient(to right,#ff4b2b,#ff416c)}.app-button:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;transform:translate3d(0,6px,-1px);background:conic-gradient(from 90deg at 40% -25%,#a8ff78,#78ffd6);filter:blur(10px);border-radius:inherit;animation:pulsate 2s ease-out infinite}.app-button--listening:after{background:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);animation:pulsate 2s ease-out infinite}.app-button:disabled:before,.app-button:disabled:after{background:#ccc}.app-button:disabled svg{stroke:#999}@keyframes pulsate{0%{filter:blur(15px)}50%{filter:blur(5px)}to{filter:blur(15px)}}.app-button__icon-container{position:relative;width:24px;height:24px;margin-left:.5rem}.app-button__icon{position:absolute;top:0;left:0;transition:all .2s linear}.app-button__icon--static{opacity:1;visibility:visible}.app-button__icon--active,.app-button--listening .app-button__icon--static{opacity:0;visibility:hidden}.app-button--listening .app-button__icon--active{opacity:1;visibility:visible}.image-container{margin:1.5rem 0 .5rem;padding:0 .5rem}.image-container img{max-width:100%;max-height:calc(50vh - 150px)}.image-container p{font-size:.85rem}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}:root{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal;line-height:1.5;color:#242424;background-color:#ffefba;background:-webkit-linear-gradient(to right,#FFFFFF,#FFEFBA);background:linear-gradient(to right,#fff,#ffefba);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{font-size:18px}body{font-size:1rem;min-width:320px;min-height:100vh}h1{margin-bottom:.5rem;font-size:2rem}.audio-react-recorder{display:none}.debug-keycode{position:fixed;top:4px;left:4px;font-size:10px}.instructions{position:fixed;top:16px;left:4px;max-width:40%;font-size:1.25rem;text-align:left}.instructions ul{margin-left:1rem}