:root{--bg-primary:#1a1b26;--bg-secondary:#24283b;--bg-card:#1f2335;--bg-input:#292e42;--text-primary:#c0caf5;--text-secondary:#787c99;--text-muted:#565f89;--accent:#7aa2f7;--accent-hover:#89b4fa;--green:#9ece6a;--red:#f7768e;--danger:#f7768e;--danger-hover:#ff9e9e;--border:#3b4261;--radius:8px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.screen{width:100%;height:100%;position:absolute;top:0;left:0}.screen-connect{justify-content:center;align-items:center;padding:16px;display:flex}.connect-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:32px 28px}.connect-title{margin-bottom:4px;font-size:1.5rem;font-weight:600}.version{color:var(--text-primary);font-size:.65rem;font-weight:400}.connect-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.8125rem;display:block}.input-with-dropdown{position:relative}input[type=text],input[type=password]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:10px 12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9375rem}input:focus{border-color:var(--accent)}.input-with-dropdown input{padding-right:40px}.input-with-dropdown .btn-icon{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.dropdown{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);z-index:10;max-height:200px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dropdown li{color:var(--text-primary);cursor:pointer;transition:background var(--transition);padding:10px 12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875rem}.dropdown li:hover{background:var(--bg-secondary)}.status{border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:.875rem;display:flex}.status-success{color:var(--green);background:#9ece6a1a;border:1px solid #9ece6a4d}.status-error{color:var(--red);background:#f7768e1a;border:1px solid #f7768e4d}.status-loading{color:var(--accent);background:#7aa2f71a;border:1px solid #7aa2f74d}.button-row{gap:12px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;transition:background var(--transition), opacity var(--transition);border:none;flex:1;padding:10px 16px;font-size:.9375rem;font-weight:500}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-input)}.btn-icon{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-secondary)}.screen-terminal{flex-direction:column;display:flex}.terminal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.terminal-header-info{color:var(--text-secondary);align-items:center;gap:8px;min-width:0;font-size:.8125rem;display:flex;overflow:hidden}.connection-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.terminal-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-tab{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;padding:4px 12px;font-size:.75rem;font-weight:500}.btn-tab:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-tab.active{border-color:var(--accent);color:var(--accent);background:#7aa2f726}.btn-danger-sm{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;padding:6px 12px;font-size:.8125rem}.btn-danger-sm:hover{background:var(--danger);color:var(--bg-primary)}.btn-voice{color:var(--text-secondary)}.btn-voice:disabled{opacity:.3;cursor:not-allowed}.btn-voice.active{color:var(--red);animation:1.2s ease-in-out infinite pulse-mic}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.5}}.ai-control-bar{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.ai-status{flex-shrink:0;align-items:center;gap:6px;display:flex}.ai-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow,#e0af68)}.dot-gray{background:var(--text-muted)}.ai-status-text{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.btn-install{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--transition);border:none;padding:5px 14px;font-size:.8125rem;font-weight:500}.btn-install:hover{background:var(--accent-hover)}.btn-check{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--transition);padding:5px 14px;font-size:.8125rem;font-weight:500}.btn-check:hover{background:var(--bg-input)}.ai-command-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:border-color var(--transition);outline:none;flex:1;min-width:0;padding:6px 10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875rem}.ai-command-input:focus{border-color:var(--accent)}.ai-send-btn:disabled{opacity:.3;cursor:not-allowed}.terminals-area{flex-direction:column;flex:1;min-height:0;display:flex}.terminal-pane{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.terminals-area.split .terminal-pane{flex:1}.ai-pane{border-top:1px solid var(--border)}.pane-label{color:var(--text-muted);background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;padding:2px 12px;font-size:.625rem}.terminal-container{background:var(--bg-primary);flex:1;width:100%;min-height:0;padding:4px}.ai-pane .terminal-container{background:#1e1e2e}.terminal-container .xterm{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.xterm-viewport::-webkit-scrollbar{width:6px}.xterm-viewport::-webkit-scrollbar-track{background:0 0}.xterm-viewport::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=480px){.connect-card{padding:24px 20px}.connect-title{font-size:1.25rem}.terminal-header{padding:6px 8px}.ai-control-bar{flex-wrap:wrap;gap:6px;padding:4px 8px}}@supports (padding-top:env(safe-area-inset-top)){.terminal-header{padding-top:calc(8px + env(safe-area-inset-top))}.terminals-area{padding-bottom:env(safe-area-inset-bottom)}}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}