:root{--bg: #101014;--surface: #16161C;--fg: #D8DEE9;--dim: #7f8899;--host-accent: #81A1C1;--host-accent-fg: #10141c;--win-accent: #A3BE8C;--win-accent-fg: #131810}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,sans-serif}#app{height:100vh;display:flex;flex-direction:column}.app-shell{display:grid;height:100vh;grid-template-areas:"hosts hosts" "windows term";grid-template-columns:170px 1fr;grid-template-rows:auto 1fr}.hosts{grid-area:hosts;display:flex;gap:2px;overflow-x:auto;background:var(--surface);border-bottom:1px solid #23232c}.windows{grid-area:windows;display:flex;flex-direction:column;gap:2px;overflow-y:auto;background:var(--surface);border-right:1px solid #23232c;padding-top:4px}.tab{padding:6px 10px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.host-tab{background:var(--surface);border-bottom:2px solid transparent}.host-tab.active{background:var(--host-accent);color:var(--host-accent-fg)}.host-tab.failed .name{text-decoration:line-through;color:#bf616a}.host-tab .retry{margin-left:6px}.win-tab{display:flex;align-items:center;gap:4px;border-left:3px solid transparent}.win-tab.active{background:var(--win-accent);color:var(--win-accent-fg);border-left-color:var(--win-accent)}.win-tab .close{margin-left:auto;color:var(--dim);padding:0 4px}.win-tab .close:hover{color:#bf616a}.windows-empty{color:var(--dim);padding:8px;font-size:12px}.new-tab{margin:8px;padding:4px 10px;align-self:start}#term{grid-area:term;position:relative;overflow:hidden;display:flex;flex-direction:column}.status-bar{grid-area:hosts;font-size:12px;color:var(--dim)}.chat{flex:1;overflow-y:auto;position:relative;font:13px/18px ui-monospace,SFMono-Regular,Menlo,monospace}.chat .spacer{position:relative;width:1px}.line{white-space:pre;padding:0 6px}.pill{position:sticky;bottom:12px;width:max-content;margin:0 auto;background:var(--host-accent);color:var(--host-accent-fg);padding:4px 12px;border-radius:12px;cursor:pointer;font-size:12px}.grid{flex:1;display:grid;outline:none;grid-template-columns:repeat(var(--cols, 80),1fr);grid-template-rows:repeat(var(--rows, 24),1fr);font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg)}.cell{display:flex;align-items:center;justify-content:center;overflow:hidden}.cell.cursor{background:#ffffff40!important}.inputbar{flex-shrink:0}.input-row{display:flex;gap:4px;padding:6px;background:var(--surface)}.input-row input{flex:1;padding:8px;font:14px ui-monospace,monospace;background:var(--bg);color:var(--fg);border:1px solid #23232c;border-radius:4px}.input-row button{padding:0 12px;font-size:15px}.key-row{display:flex;gap:4px;overflow-x:auto;padding:0 6px 8px;background:var(--surface)}.key-row button{flex-shrink:0;padding:6px 10px;font-size:12px}.key-row button.armed{background:var(--host-accent);color:var(--host-accent-fg)}@media(max-width:820px){.app-shell{grid-template-areas:"hosts" "windows" "term";grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.hosts{border-bottom:3px solid var(--host-accent)}.windows{flex-direction:row;border-right:none;border-bottom:3px solid var(--win-accent);padding-top:0;overflow-y:hidden;overflow-x:auto}}.login{margin:3rem auto;max-width:320px;display:flex;flex-direction:column;gap:8px}.login input,.login button{padding:10px;font-size:16px}.login .err{color:#bf616a;font-size:13px}.boot{padding:2rem;color:var(--dim)}