:root{--xt-bg:#191a22;--xt-fg:#efefef;--xt-font-family:monospace;--xt-font-size:min(15px, calc(2vw + 5px) );--xt-padding:min(6px, calc(1.25vw + 4px) )}.xt,.xt *,.xt :after,.xt :before{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--xt-font-family);font-size:var(--xt-font-size)}.xt{background-color:var(--xt-bg);color:var(--xt-fg);height:100%;max-height:100%;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:var(--xt-padding);width:100%}.xt>.xt-stdout>span:first{word-wrap:break-word}.xt>.xt-stdout>.xt-cursor{background-color:var(--xt-fg);border:.25px solid transparent;color:var(--xt-bg)}.xt.xt-inactive>.xt-stdout>.xt-cursor{background-color:transparent;border-color:currentColor;color:var(--xt-fg)}.xt>.xt-stdin{height:0;margin-top:2px;position:relative}.xt>.xt-stdin>input{border:0;outline:0 none;position:absolute;top:-20px;z-index:-100}.xt .xt-hidden{display:none}*,*:after,*:before{box-sizing:border-box}html,body{padding:0;margin:0}#app{height:100vh}.greeting{text-align:center}a{color:currentColor;text-decoration:none}a:hover{text-decoration:underline}.reload{margin:1.5rem auto;padding:10px 15px}.reload a{display:inline-block;margin:1rem 0;padding:8px 10px;border:1px solid red}@media screen and (min-width: 800px){body{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#c7c2c2}#app{width:720px;height:70vh;margin:0 auto;border:10px outset gray}}