@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-size:var(--font-size);font-family:IBM Plex Mono,monospace}html,body{width:100%;height:100%}body{display:flex;flex-flow:column;--black: #000;--white: #FFF}body.inverted{--black: #EFEFEF;--white: #000}::selection{color:var(--white);background:var(--black)}button{border:none;outline:none}nav,footer{color:var(--white);background:var(--black)}nav,textarea,footer{padding:0 .25rem}nav{flex:0 1 auto;vertical-align:middle;user-select:none}.menu-parent{display:inline-block}.menu-button{color:inherit;background:inherit;border:1px solid var(--black);border-bottom:none}.menu-button.active{color:var(--black);background:var(--white)}.menu-button,.menu-item{padding:0 .5rem;cursor:pointer}.menu{display:none;position:absolute;color:var(--black);background:var(--white);border:1px solid var(--black);border-top:none;z-index:1}.menu.active{display:block}.menu-item{color:inherit;background:inherit;width:100%;display:block;text-align:left}.menu-item:hover{color:var(--white);background:var(--black)}textarea{flex:1 1 auto;color:var(--black);background:var(--white);outline:none;border:none;overflow:auto;box-shadow:none;resize:none;tab-size:4;word-break:normal;overflow-wrap:break-word;white-space:pre}textarea.wrap{white-space:pre-wrap}footer{flex:0 1 auto;text-align:right}