:root{color-scheme:dark;font-family:Consolas,"SFMono-Regular","Liberation Mono",monospace;font-size:14px;background:#0b0d10;color:#d5dce4}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:#9da8b5;background:transparent;border:1px solid transparent;cursor:pointer;padding:8px 10px;border-radius:3px}button:hover{color:#eff6ff;background:#19212a}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid #6cd6ce;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#login{min-height:100dvh;display:grid;place-items:center;padding:32px 22px}.login-box{width:min(480px,100%)}.wordmark{font-size:38px;font-weight:700;letter-spacing:7px;color:#d9f5ef}.cursor{color:#6cd6ce;animation:blink 1.4s step-end infinite}@keyframes blink{50%{opacity:0}}.muted,.hint{color:#737f8e}.rule{height:1px;background:#26303b;margin:32px 0}.command{margin-bottom:25px;color:#a5afbc}.command span{color:#62d1c7}form#login-form{display:grid;grid-template-columns:100px 1fr;gap:18px 10px;align-items:center}label{color:#8594a6}input{min-width:0;width:100%;border:0;border-bottom:1px solid #2b3744;background:transparent;color:#f0f5fa;padding:6px 2px;border-radius:0}#submit{justify-self:start;color:#70d9ce;margin-left:-8px}#error{color:#ee9d90;min-height:20px;line-height:1.5}.hint{font-size:12px;line-height:1.8}.secure{color:#4d6267;font-size:11px;margin-top:50px}.secure span{color:#5ca18d}#workspace{height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}header{display:flex;align-items:center;gap:14px;height:39px;flex-shrink:0;border-bottom:1px solid #202830;padding:0 12px;font-size:12px}header strong{color:#7ddbd2;white-space:nowrap;font-weight:500}#account{color:#85929e}#connection{color:#718a79;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{margin-left:auto;display:flex;flex-shrink:0}nav button{padding:6px 9px;font-size:12px}#terminal{flex:1;min-height:0;overflow:hidden;padding:12px 10px 2px 14px}.xterm{height:100%}#keys{flex-shrink:0;display:flex;overflow-x:auto;gap:3px;padding:5px 8px;border-top:1px solid #202830;scrollbar-width:none;background:#101419}#keys button{white-space:nowrap;padding:7px 11px;background:#161d25;color:#9caab8;font-size:12px;touch-action:manipulation;min-height:34px}#ctrl[aria-pressed=true]{background:#5dbdb4;color:#091210}#compose-form{display:flex;padding:8px;gap:6px;border-top:1px solid #27333d}textarea{flex:1;min-width:0;resize:none;padding:9px;background:#111922;color:#e4eaf0;border:1px solid #34414e}#toast{position:fixed;bottom:65px;right:15px;padding:10px 16px;background:#24323b;color:#d7e9ed;max-width:90%;font-size:12px}dialog{width:min(560px,92vw);background:#10161d;color:#bac6d1;border:1px solid #354653;padding:25px;line-height:1.7}dialog::backdrop{background:#0009}h2{font-size:16px;color:#84dacf;margin-top:0}dl{display:grid;grid-template-columns:150px 1fr;gap:10px;font-size:12px}dt{color:#d7e4ef}dd{margin:0}dialog p{font-size:12px;color:#7e8f9f}#help-close{color:#7ddbd2}@media(max-width:600px){:root{font-size:13px}header{height:35px;padding:0 8px;gap:8px;font-size:11px}#terminal{padding:8px 3px 0 7px}#keys{padding:5px 4px}#keys button{padding:8px 10px}.wordmark{font-size:32px}dl{grid-template-columns:115px 1fr}nav button{padding:5px 7px}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}

/* Hide scrollbar chrome only; keep native and terminal scrolling enabled. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
.xterm .xterm-scrollable-element > .scrollbar{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Status and account labels wrap instead of hiding information. */
header{height:auto;min-height:39px;flex-wrap:wrap;padding-top:4px;padding-bottom:4px}
header strong{white-space:normal;overflow-wrap:anywhere;min-width:0}
#connection{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;min-width:0}