:root{--cell-height: 1.3em;--ink: #d8dee9;--dim: #7a8699;--field: #ebcb8b}body{margin:0;background:#12151a;color:var(--ink);font-family:system-ui,sans-serif}main{padding:1.25rem}h1{font-size:.95rem;font-weight:600;letter-spacing:.04em;color:#8fbcbb}.screen{display:grid;font-family:DejaVu Sans Mono,Liberation Mono,Courier New,monospace;font-size:15px;line-height:var(--cell-height);background:#0b0e13;border:1px solid #2e3440;padding:.6rem;max-width:100%;overflow-x:auto}.screen>*{min-width:0;white-space:pre;overflow:hidden}.lit{color:var(--dim)}.out{color:var(--ink)}.fld{font:inherit;line-height:inherit;color:var(--field);background:#223047;border:1px solid #5e81ac;padding:0;margin:0;width:100%;box-sizing:border-box;height:var(--cell-height)}.fld:focus{outline:none;background:#2e4468;border-color:#88c0d0}.out{color:var(--field)}.keys{margin-top:1rem;display:flex;gap:.4rem;flex-wrap:wrap}.keys button{font:inherit;padding:.3rem .7rem;cursor:pointer;background:#2e3440;color:var(--ink);border:1px solid #4c566a;border-radius:3px}.keys button:hover{background:#3b4252}.meta{margin-top:.8rem;font-size:.8rem;color:var(--dim)}.error{color:#bf616a}.lit.ph{color:#4c566a;opacity:.55}.ended{margin:.6rem 0;padding:.5rem .7rem;border-left:3px solid #ebcb8b;background:#2b2f38;color:#ebcb8b}.report{margin:.6rem 0;padding:.5rem .7rem;border-left:3px solid #a3be8c;background:#23291f;color:#a3be8c;white-space:pre;overflow-x:auto}