*{box-sizing:border-box}:root{color-scheme:light dark;--light: #fff;--lesslight: #efefef;--textoff: #cccccc;--dark: #404040;--moredark: #000;--link: royalblue;--bg-accent: #DDF1DD;--bg-error: #f1dddd;line-height:1.5em;font-family:system-ui,sans-serif;font-size:16px;color:var(--dark)}h1{line-height:1em}button,input,textarea{font-size:1em}input{border:1px solid var(--dark);background-color:var(--lesslight);border-radius:.25em;padding:.5em}pre{background-color:var(--lesslight);margin:.5em 0;padding:.5em;overflow:auto}code{font-size:.8rem;background-color:var(--lesslight);padding:.2rem}blockquote{border-left:.25rem solid var(--dark);padding-left:1rem}body{background-color:var(--light);max-width:750px;padding:0 20px 20px;margin:0 auto}a{outline:none;color:var(--link);font-weight:700}img{max-width:100%;height:auto}button,.button,input[type=submit]{display:inline-block;background-color:var(--dark);color:var(--light);text-align:center;padding:.5em;border-radius:.25em;text-decoration:none;border:none;cursor:pointer}.button a{text-decoration:none}button:hover,.button:hover,input[type=submit]:hover{color:var(--lesslight);background-color:var(--moredark)}button+button,.button+.button,input[type=submit]+input[type=submit]{margin-left:1em}.center{display:block;margin-left:auto;margin-right:auto;text-align:center}.breathe{margin-top:3em}input.center{display:block;margin-top:1em}@media (prefers-color-scheme: dark){:root{--light: #222;--lesslight: #333;--dark: #eee;--moredark: #fefefe;--bg-accent: #0a4c53;--bg-error: #530a0a}*:focus{outline:var(--light);box-shadow:0 0 0 .25em var(--link)}.button a{color:var(--light)}}h1{font-size:2.5em;line-height:1.1;text-align:center;margin-top:3rem}pre{font-size:.8rem;padding:.25rem 1rem;border-radius:3px}header{margin-bottom:2rem}h2{margin-top:3rem}article{margin-top:2rem;margin-bottom:15rem}#input-box{display:flex;justify-content:middle;align-items:baseline;gap:.5rem}#input-box label{font-size:1rem}main{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;--output-color: var(--light);margin:4rem 0;max-width:630px;margin-left:auto;margin-right:auto;padding:2rem;border-radius:3px;border:solid 1px black;box-shadow:#00000026 1.95px 1.95px 2.6px}main input[type=text]{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;width:100%;padding:.5rem;border-radius:3px;box-shadow:#00000026 1.95px 1.95px 2.6px;background-color:var(--bg-accent)}main #main-display{overflow-x:scroll;min-height:200px;max-height:600px;background-color:var(--lesslight);width:100%;font-size:.8rem;margin:1rem 0;padding:1rem;border-radius:3px;border:solid 1px var(--dark)}main #toolbar{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem}main .display-input{text-align:left;display:inline-block;width:100%;margin-bottom:0rem;color:gray}main .display-output{display:inline-block;width:100%;margin-bottom:.6rem}.display-examples{font-style:italic}.display-examples ul{margin:0;list-style:none}table{margin:0 auto;border-collapse:collapse}thead th{border-bottom:2px solid var(--moredark);padding:.5rem .75rem;text-align:center!important}thead th:first-child{text-align:right}tbody td{border-bottom:1px dotted grey;padding:.25rem 1.5rem}tbody tr:last-child td{border-bottom:2px solid var(--moredark)}tbody td:first-child{text-align:right}col{width:unset!important}