:root{font-family:system-ui,sans-serif;color:#e8edf5;background:#101624}body{margin:0;padding:16px;max-width:1440px;margin:auto}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:22px}.notice{background:#33301e;padding:12px;border-radius:8px;color:#ffdf93}nav,section{padding:12px;background:#1a2436;border-radius:10px;margin-bottom:12px}nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button,select,textarea{font:inherit;background:#27374f;color:inherit;border:1px solid #57708c;border-radius:6px;padding:10px;margin:3px;min-height:44px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#viewport{overflow:auto;height:52vh;padding:0;position:relative;background:#080e16}#screen{display:block;max-width:none;touch-action:none;user-select:none}textarea{box-sizing:border-box;width:100%;height:90px}p{font-size:13px;line-height:1.6}#status{color:#8cddcf;font-size:14px}@media(max-width:600px){body{padding:8px}#viewport{height:42vh}select{max-width:260px}header{gap:10px}}
:root .login{max-width:420px;margin:10vh auto;padding:24px;background:#1a2436;border-radius:16px}.login label{display:block;margin:18px 0 8px}.login input{box-sizing:border-box;width:100%;padding:14px;border-radius:8px;border:1px solid #57708c;background:#101624;color:#fff;font:inherit}.login button{margin:22px 0 0;width:100%}