:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#111821;color:#e6edf3}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header,nav,footer{padding:.6rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}h1{font-size:1.2rem;margin:.2rem 0}button,input{font:inherit;border-radius:.5rem;border:1px solid #53677b;padding:.7rem;background:#1d2b3a;color:inherit;min-height:44px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:#115b54}button.danger{border-color:#cb6464}#status{flex:1;min-width:12rem}#screen{flex:1;min-height:120px;overflow:hidden;background:#080c11;touch-action:none}#message{margin:.2rem .6rem;min-height:1.4rem;color:#fbce87}footer{align-items:stretch}footer input{flex:1;min-width:100px}label{display:flex;gap:.5rem;align-items:center}input[type=checkbox]{min-height:24px}.login{max-width:430px;margin:12vh auto;padding:1.2rem}.login label{align-items:stretch;flex-direction:column;margin:1rem 0}.login input{width:100%}.login button{width:100%}.warning{font-size:.85rem;color:#b9c8d8;padding:0 .6rem .4rem}#typing{display:none}#typing.open{display:flex}#typing input{width:100%;font-size:16px}#screen canvas{outline:none}