@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--ground: #08090a;--ink: #d9dbd6;--ink-dim: #8d9298;--ink-ghost: rgba(217, 219, 214, .28);--cell: 11px;--gutter: calc(var(--cell) * 3);color-scheme:dark}*{box-sizing:border-box}html,body,#root,main{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:Departure Mono,ui-monospace,monospace;font-size:calc(var(--cell) * 2);line-height:1;-webkit-font-smoothing:none;font-smooth:never;overflow:hidden}::selection{background:var(--ink);color:var(--ground)}main{position:fixed;top:0;right:0;bottom:0;left:0}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:radial-gradient(circle,var(--ink-ghost) .5px,transparent .6px) 3px 8px / 7px 12px repeat,var(--ground)}.block{position:absolute;left:max(var(--gutter),env(safe-area-inset-left));bottom:max(var(--gutter),env(safe-area-inset-bottom));right:max(var(--gutter),env(safe-area-inset-right));max-width:60ch;display:grid;gap:var(--cell)}h1{margin:0;font-weight:400;font-size:calc(var(--cell) * 6);line-height:1;letter-spacing:0;text-wrap:balance}.status{margin:0;color:var(--ink-dim)}.row{margin:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--cell);padding-top:var(--cell)}.cell{position:relative;display:inline-flex;align-items:center;flex:1 1 22ch;min-width:0;color:var(--ink-dim)}.cell:before{content:"["}.cell:after{content:"]"}.cell:focus-within{color:var(--ink)}input{flex:1 1 auto;min-width:0;margin:0;padding:0 .5ch;border:0;background:transparent;color:var(--ink);font:inherit;line-height:2;caret-color:transparent;outline:none}.mirror{position:absolute;left:1ch;top:0;bottom:0;display:none;align-items:center;padding:0 .5ch;pointer-events:none;white-space:pre}.cell:focus-within .mirror{display:flex}.typed{color:transparent}.caret{display:inline-block;width:1ch;height:1em;background:var(--ink);animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.caret{animation:none}}input::placeholder{color:var(--ink-dim);opacity:1}input[aria-invalid=true]{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:.2em}button{margin:0;padding:0 1ch;border:0;background:var(--ink);color:var(--ground);font:inherit;line-height:2;cursor:pointer}button:hover:not(:disabled){background:#fff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--ink-dim);cursor:progress}button:focus-visible,.cell:focus-within{outline:2px solid var(--ink);outline-offset:2px}.note{flex-basis:100%;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 600px){:root{--gutter: 16px}h1{font-size:calc(var(--cell) * 4)}.cell{flex-basis:100%}button{flex:1 1 auto;text-align:center}}