:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101722;color:#e3eaf4}*{box-sizing:border-box}body{margin:0}header{padding:18px 22px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #304056}header span,footer{color:#a6b6cb;font-size:13px}form{display:flex;align-items:center;gap:8px;padding:10px 18px}input{min-width:0;flex:1;background:#1b283a;color:inherit;border:1px solid #40536c;border-radius:7px;padding:11px;font:inherit}button{border:0;border-radius:7px;background:#3959d9;color:white;padding:11px 15px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}label{font-size:14px}#status{min-height:22px;margin:5px 18px 12px;font-size:14px;color:#afc6e9}main{background:#080d14;min-height:300px;overflow:auto;text-align:center}#screen{display:block;width:min(100%,1280px);height:auto;margin:auto;cursor:default;touch-action:pan-y}#screen[hidden],#empty[hidden]{display:none}#empty{padding:100px 20px;color:#8295af}footer{padding:8px 18px 18px}:focus-visible{outline:3px solid #9cbaff;outline-offset:2px}@media(max-width:640px){header{flex-direction:column;align-items:start;gap:4px}form{padding:8px;flex-wrap:wrap}#connection label{display:none}button{padding:10px}#navigation input{flex-basis:50%}}