:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111820;color:#e6edf3}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;border:1px solid #465364;border-radius:7px;background:#202d3a;color:inherit;padding:10px}button{cursor:pointer;min-height:42px}button:hover,button.active{background:#31526b}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7dd3fc}body.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login form{max-width:400px;width:100%;padding:30px;background:#19232e;border:1px solid #334155;border-radius:16px}.login label{display:block;margin:18px 0}.login input{display:block;width:100%;margin-top:8px}.login button{width:100%;background:#265e80}.desktop{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:8px;padding:6px;flex-wrap:wrap}header strong{padding:0 6px}#status{font-size:12px;flex:1;min-width:90px}header button{font-size:12px;padding:6px}main{flex:1;min-height:0;overflow:auto;background:#080c10}footer{padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#19232e}.keys{display:flex;gap:5px;overflow:auto;padding-bottom:6px}.keys button{flex-shrink:0}.input{display:flex;gap:6px}.input textarea{flex:1;min-width:100px;resize:vertical;max-height:25dvh}.input button{font-size:12px}footer[hidden]{display:none}@media(max-width:600px){.input{flex-wrap:wrap}.input textarea{width:100%;flex-basis:100%}.input button{flex:1}header strong{font-size:13px}}