html{text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-width:thin}
body{padding:0;margin:0 .25in;scrollbar-width:thin;font-family:monospace}
body{display:block;position:relative;scrollbar-width:thin;color:#333}
h1{margin:1rem 0}
h3{font-weight:500;margin:0}
button,input{line-height:1;max-width:100px}
button{padding:.3rem}
input{font-size:16px}
.form{display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem;margin:0;align-items:center}
.flex{display:flex;gap:3rem;scrollbar-width:none}
.block{word-break:break-word;font-size:.85rem;overflow-y:scroll;scrollbar-width:none;margin-top:0;overflow-x:hidden;;overflow-y:scroll;scrollbar-width:none;scrollbar-width:none;position: relative;}
.block:last-child pre{scrollbar-width:none}
.row{display:flex;justify-content:space-between;align-content:center;align-items:center;margin:1rem 0;margin-bottom:2rem}
#gb{tab-size:8;white-space:pre;columns:1;flex:1}
#primecode{flex:2}
#primecode div:not(:first-child) {margin-top:1rem}
#primecode span{position:relative;z-index:1111}
#primecode span[data-n]:hover{color:#00f}
#primecode span[data-n]:hover:after{content:"n=" attr(data-n);position:absolute;top:-1.25rem;white-space:pre;left:0;background:#222;color:#fff;border-radius:3px;font-size:.7rem;padding:.1rem .35rem;display:flex;margin:auto}
@media (max-width:705px){
body{--counterw:20px;--counterh:20px}
.flex{flex-direction:column}
#gb{columns:2;column-fill:balance;column-gap:.8in}
}