:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#c9d1d9;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;height:100%;overflow:hidden}#root{height:100%;overflow:hidden}body{overscroll-behavior:none}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.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{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{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;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.split-pane{display:flex;height:100%;width:100%;overflow:hidden}.split-pane-left{flex-shrink:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#6e7681 #21262d}.split-pane-left::-webkit-scrollbar{width:8px}.split-pane-left::-webkit-scrollbar-track{background:#21262d}.split-pane-left::-webkit-scrollbar-thumb{background:#6e7681;border-radius:4px}.split-pane-left::-webkit-scrollbar-thumb:hover{background:#8b949e}.split-pane-handle{width:6px;background:#21262d;cursor:ew-resize;position:relative;flex-shrink:0;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.split-pane-handle:hover,.split-pane-handle.dragging{background:#58a6ff}.split-pane-handle-bar{width:2px;height:40px;background:#30363d;border-radius:1px;pointer-events:none}.split-pane-handle:hover .split-pane-handle-bar,.split-pane-handle.dragging .split-pane-handle-bar{background:#fff}.split-pane-right{flex:1;overflow:hidden;display:flex;flex-direction:column}@media(max-width:768px){.split-pane{flex-direction:column}.split-pane-left{width:100%!important;flex:0 0 auto;max-height:40%}.split-pane-handle{display:none}.split-pane-right{flex:1}}.command-palette-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:#161b22;border:1px solid #30363d;border-radius:12px;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000080;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.command-palette-input{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #30363d}.search-icon{width:20px;height:20px;color:#8b949e;flex-shrink:0;stroke-width:2}.command-palette-input input{flex:1;background:transparent;border:none;color:#c9d1d9;font-size:1rem;outline:none}.command-palette-input input::placeholder{color:#6e7681}.shortcut-hint{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:#8b949e;font-family:monospace;font-weight:600}.command-palette-results{flex:1;overflow-y:auto;padding:.5rem;max-height:400px}.command-palette-results::-webkit-scrollbar{width:8px}.command-palette-results::-webkit-scrollbar-track{background:transparent}.command-palette-results::-webkit-scrollbar-thumb{background:#6e7681;border-radius:4px}.command-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .15s}.command-item:hover,.command-item.selected{background:#21262d}.command-item.selected{border:1px solid #58a6ff;margin:-1px;padding:calc(.75rem - 1px) calc(1rem - 1px)}.command-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center}.command-content{flex:1;min-width:0}.command-label{color:#c9d1d9;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-description{color:#8b949e;font-size:.75rem;margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enter-hint{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;color:#8b949e;font-family:monospace;font-weight:600;flex-shrink:0}.command-palette-footer{display:flex;justify-content:center;gap:1.5rem;padding:.75rem;border-top:1px solid #30363d;background:#0d1117;font-size:.75rem;color:#6e7681;border-radius:0 0 12px 12px}.command-palette-footer span{display:flex;align-items:center;gap:.375rem}.no-results{padding:2rem;text-align:center;color:#8b949e;font-size:.875rem}@media(max-width:768px){.command-palette-overlay{padding-top:10vh}.command-palette{width:95%;max-height:80vh}.command-palette-input{padding:.875rem 1rem}.command-item{padding:.625rem .875rem}.command-palette-footer{font-size:.7rem;gap:1rem}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:#161b22;padding:1rem 2rem;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:1.5rem;font-weight:600;color:#58a6ff}.version-badge{font-size:.75rem;color:#8b949e;font-weight:400;margin-left:.5rem}.header-actions{display:flex;gap:.5rem}button{background:#21262d;color:#c9d1d9;border:1px solid #30363d;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}button:hover{background:#30363d;border-color:#8b949e}.btn-primary{background:#238636;border-color:#238636;color:#fff}.btn-primary:hover{background:#2ea043}.btn-danger{background:#da3633;border-color:#da3633}.btn-danger:hover{background:#f85149}.error-banner{background:#3d1f1f;border:1px solid #f85149;color:#f85149;padding:.75rem 1rem;margin:1rem 2rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:transparent;border:none;color:#f85149;padding:.25rem .5rem}.app-main{flex:1;display:flex;overflow:hidden}.sidebar{width:300px;background:#161b22;border-right:1px solid #30363d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6e7681 #21262d}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#21262d;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:#6e7681;border-radius:4px;border:2px solid #21262d}.sidebar::-webkit-scrollbar-thumb:hover{background:#8b949e}.sidebar::-webkit-scrollbar-thumb:active{background:#c9d1d9}.session-list{padding:1rem}.session-list h2{font-size:.875rem;font-weight:600;color:#8b949e;text-transform:uppercase;margin-bottom:1rem}.session-list .loading,.session-list .empty{color:#8b949e;font-size:.875rem;padding:1rem;text-align:center}.session-list ul{list-style:none}.session-item{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s;position:relative}.session-item:hover{border-color:#8b949e}.session-item.selected{border-color:#58a6ff;background:#1f3a5f}.session-info{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.25rem}.session-command{font-weight:600;color:#e6edf3}.session-id{font-size:.7rem;color:#8b949e;font-family:monospace;word-break:break-all;line-height:1.3}.session-meta{display:flex;justify-content:space-between;font-size:.75rem}.status{padding:.125rem .375rem;border-radius:3px}.status.running{background:#238636;color:#fff}.status.waiting{background:#d97706;color:#fff}.status.stopped{background:#6e7681;color:#fff}.start-time{color:#8b949e}.session-item .btn-terminate{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;padding:0;font-size:1rem;line-height:1;background:transparent;border:none;color:#8b949e;opacity:0;transition:opacity .2s}.session-item:hover .btn-terminate{opacity:1}.session-item .btn-terminate:hover{color:#f85149}.terminal-section{flex:1;display:flex;flex-direction:column;background:#1e1e1e}.no-session{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#8b949e}.terminal-view{flex:1;display:flex;flex-direction:column}.terminal-toolbar{background:#161b22;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d}.terminal-info{display:flex;align-items:center;gap:1rem}.session-label{font-family:monospace;font-size:.9375rem;color:#c9d1d9;-webkit-user-select:all;user-select:all}.connection-status{font-size:.75rem;padding:.125rem .5rem;border-radius:3px}.connection-status.connected{background:#238636;color:#fff}.connection-status.disconnected{background:#da3633;color:#fff}.terminal-actions{display:flex;gap:.5rem}.terminal-actions button{padding:.25rem .75rem;font-size:.75rem}.btn-close{background:transparent;border-color:#30363d}.btn-voice{display:flex;align-items:center;gap:.375rem;background:#21262d;border-color:#30363d}.btn-voice:hover{background:#30363d;border-color:#8b949e}.btn-voice.recording{background:#da3633;border-color:#da3633;animation:voice-pulse 1.5s ease-in-out infinite}.btn-voice.recording:hover{background:#f85149}.btn-voice .mic-icon{width:14px;height:14px}@keyframes voice-pulse{0%,to{opacity:1;box-shadow:0 0 #da363366}50%{opacity:.85;box-shadow:0 0 0 6px #da363300}}.voice-interim{font-size:.75rem;color:#d29922;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-error{font-size:.75rem;color:#f85149}.voice-status-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.btn-voice{min-width:44px;min-height:44px;padding:.5rem .75rem}.btn-voice .mic-icon{width:18px;height:18px}}.terminal-error{background:#3d1f1f;color:#f85149;padding:.5rem 1rem;font-size:.875rem}.terminal-view .terminal-container{flex:1;padding:.5rem;overflow:hidden}.terminal-view .terminal-container .xterm{height:100%}.terminal-view .terminal-container .xterm-viewport{overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#6e7681 #21262d}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar{width:10px}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-track{background:#21262d;border-radius:4px}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb{background:#6e7681;border-radius:4px;border:2px solid #21262d}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#8b949e}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb:active{background:#c9d1d9}.terminal-view .terminal-container .xterm-screen{height:100%}.terminal-input-container{display:flex;gap:.5rem;padding:.75rem 1rem;background:#161b22;border-top:1px solid #30363d;align-items:flex-end}.terminal-input{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:.75rem 1rem;color:#c9d1d9;font-size:.9375rem;font-family:inherit;resize:none;min-height:44px;max-height:120px;line-height:1.4}.terminal-input:focus{outline:none;border-color:#58a6ff}.terminal-input::placeholder{color:#6e7681}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.btn-send-terminal{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:#238636;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;min-height:44px}.btn-send-terminal:hover:not(:disabled){background:#2ea043}.btn-send-terminal:disabled{background:#21262d;color:#6e7681;cursor:not-allowed}.btn-send-terminal svg{width:16px;height:16px}.btn-upload{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#8b949e;cursor:pointer;flex-shrink:0;min-height:44px;min-width:44px;transition:all .2s}.btn-upload:hover{background:#30363d;color:#c9d1d9;border-color:#8b949e}.btn-upload svg{width:18px;height:18px}.btn-special-keys{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;cursor:pointer;flex-shrink:0;min-height:44px;min-width:44px;font-size:1.25rem;font-weight:700;transition:all .2s}.btn-special-keys:hover,.btn-special-keys.active{background:#30363d;border-color:#58a6ff;color:#58a6ff}.special-keys-panel{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#161b22;border-top:1px solid #30363d}.special-keys-row{display:flex;gap:.375rem;justify-content:center}.special-keys-panel button{flex:1;padding:.625rem .5rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;min-height:40px}.special-keys-panel button:hover,.special-keys-panel button:active{background:#30363d;border-color:#8b949e}@media(max-width:768px){.terminal-input-container{padding:.5rem}.terminal-input{font-size:16px;padding:.625rem .75rem}.btn-send-terminal{padding:.5rem .75rem}.btn-send-terminal span{display:none}}.section-header{font-size:.75rem;font-weight:600;color:#8b949e;margin:1rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid #30363d;display:flex;align-items:center;gap:.5rem}.section-header .icon{font-size:.875rem}.session-item.external{background:#1c2433;border-color:#3b82f6;cursor:default}.session-item.external:hover{border-color:#60a5fa}.external-badge{color:#93c5fd!important}.status.external{background:#1e40af;color:#93c5fd}.external-task{font-size:.7rem;color:#9ca3af;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xterm .xterm-screen{touch-action:pan-y}.xterm .xterm-viewport{touch-action:pan-y;-webkit-overflow-scrolling:touch}.xterm-helper-textarea{opacity:0!important;position:absolute!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;z-index:-10!important}.xterm .xterm-selection{pointer-events:none}@media(max-width:768px){.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{flex-shrink:0;position:sticky;top:0;z-index:100;padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.app-header h1{font-size:1.1rem}.header-actions{gap:.25rem}.header-actions button{padding:.4rem .6rem;font-size:.8rem}.app-main{flex:1;flex-direction:column;min-height:0;overflow:hidden}.session-list{width:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.terminal-toolbar{flex-shrink:0;flex-wrap:nowrap;gap:.5rem;padding:.5rem}.terminal-info{flex:1;min-width:0;overflow:hidden}.terminal-info .session-label{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-actions{flex-shrink:0;gap:.25rem}.terminal-actions button{padding:.5rem .75rem;font-size:.8rem}.terminal-actions .btn-close{background:#21262d;border-color:#30363d;order:-1}.terminal-actions .btn-close:before{content:"← "}.terminal-view{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.terminal-view .terminal-container{flex:1;min-height:100px;overflow:hidden;position:relative}.terminal-input-container{flex-shrink:0}.terminal-view .terminal-container .xterm-viewport{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin;scrollbar-color:#6e7681 #21262d}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar{width:12px;display:block!important}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-track{background:#21262d;border-radius:6px;margin:4px 0}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb{background:#6e7681;border-radius:6px;border:2px solid #21262d;min-height:40px}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#8b949e}.terminal-view .terminal-container .xterm-viewport::-webkit-scrollbar-thumb:active{background:#c9d1d9}.session-item{padding:.5rem}.session-command{font-size:.875rem}}.terminal-toolbar,.terminal-toolbar *{touch-action:manipulation}.terminal-container{touch-action:pan-y}@supports (padding-bottom: env(safe-area-inset-bottom)){.app{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:768px){.error-banner{flex-shrink:0;margin:.5rem}}.btn-logout{background:#3d1f1f;border-color:#da3633;color:#f85149}.btn-logout:hover{background:#5c2323;border-color:#f85149}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0d1117,#161b22)}.login-box{background:#21262d;border:1px solid #30363d;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;box-shadow:0 8px 24px #0006}.login-box h1{color:#58a6ff;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem}.login-subtitle{color:#8b949e;text-align:center;margin-bottom:1.5rem;font-size:.875rem}.login-error{background:#3d1f1f;border:1px solid #f85149;color:#f85149;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#c9d1d9;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#58a6ff}.form-group input::placeholder{color:#6e7681}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-login{width:100%;padding:.875rem;background:#238636;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.btn-login:hover{background:#2ea043}.btn-login:disabled{background:#1e5128;cursor:not-allowed}.btn-nav{background:transparent;border:1px solid #30363d;color:#8b949e;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-nav:hover{background:#21262d;color:#c9d1d9}.btn-nav.active{background:#21262d;border-color:#58a6ff;color:#58a6ff}.chat-view{flex:1;display:flex;flex-direction:column;background:#0d1117;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#161b22;border-bottom:1px solid #30363d}.chat-title h2{font-size:1.25rem;color:#58a6ff;margin:0}.chat-subtitle{font-size:.75rem;color:#8b949e}.chat-actions{display:flex;gap:.5rem}.chat-error{background:#3d1f1f;color:#f85149;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#8b949e}.welcome-icon{font-size:4rem;margin-bottom:1rem}.chat-welcome h3{color:#c9d1d9;margin-bottom:.5rem}.welcome-suggestions{list-style:none;margin-top:1rem;text-align:left}.welcome-suggestions li{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:.75rem 1rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s;color:#c9d1d9}.welcome-suggestions li:hover{border-color:#58a6ff;background:#1f3a5f}.chat-message{display:flex;gap:.75rem;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;background:#21262d;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:.25rem}.message-text{background:#21262d;border-radius:12px;padding:.75rem 1rem;color:#c9d1d9;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-message.user .message-text{background:#238636;color:#fff}.message-time{font-size:.7rem;color:#6e7681;padding:0 .5rem}.chat-message.user .message-time{text-align:right}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.tool-calls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.tool-call{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:.75rem;font-size:.875rem}.tool-call-header{display:flex;align-items:center;gap:.5rem;color:#d29922;font-weight:600;margin-bottom:.5rem}.tool-icon{font-size:1rem}.tool-name{font-family:monospace}.tool-args{background:#0d1117;border-radius:4px;padding:.5rem;margin:0;font-size:.75rem;color:#8b949e;overflow-x:auto}.tool-result{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #30363d}.tool-result-label{color:#238636;font-weight:600;font-size:.75rem}.tool-result pre{background:#0d1117;border-radius:4px;padding:.5rem;margin:.25rem 0 0;font-size:.75rem;color:#c9d1d9;overflow-x:auto;max-height:200px;overflow-y:auto}.chat-input-container{display:flex;gap:.5rem;padding:1rem;background:#161b22;border-top:1px solid #30363d;align-items:flex-end}.btn-voice-chat{width:44px;height:44px;border-radius:50%;background:#21262d;border:1px solid #30363d;color:#c9d1d9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.btn-voice-chat:hover{background:#30363d}.btn-voice-chat.recording{background:#da3633;border-color:#da3633;animation:voice-pulse 1.5s ease-in-out infinite}.btn-voice-chat svg{width:20px;height:20px}.voice-preview{position:absolute;bottom:100%;left:1rem;right:1rem;background:#21262d;border:1px solid #d29922;border-radius:6px;padding:.5rem 1rem;margin-bottom:.5rem;color:#d29922;font-size:.875rem}.chat-input{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:.75rem 1rem;color:#c9d1d9;font-size:1rem;resize:none;min-height:44px;max-height:150px;font-family:inherit}.chat-input:focus{outline:none;border-color:#58a6ff}.chat-input::placeholder{color:#6e7681}.btn-send{width:44px;height:44px;border-radius:50%;background:#238636;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.btn-send:hover:not(:disabled){background:#2ea043}.btn-send:disabled{background:#21262d;color:#6e7681;cursor:not-allowed}.btn-send svg{width:20px;height:20px}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-clear{background:transparent;border:1px solid #30363d;color:#8b949e}.btn-clear:hover{border-color:#8b949e;color:#c9d1d9}.archive-view{flex:1;display:flex;flex-direction:column;background:#0d1117;overflow:hidden}.archive-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#161b22;border-bottom:1px solid #30363d;gap:1rem}.archive-title{flex:1}.archive-title h2{font-size:1.25rem;color:#58a6ff;margin:0}.archive-subtitle{font-size:.75rem;color:#8b949e}.btn-back{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn-back:hover{background:#30363d}.archive-header-actions{display:flex;gap:.5rem}.btn-restore{background:#1f6feb;border-color:#1f6feb;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-restore:hover{background:#388bfd;border-color:#388bfd}.archive-error{background:#3d1f1f;color:#f85149;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.archive-list{flex:1;overflow-y:auto;padding:1rem}.archive-loading,.archive-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#8b949e}.session-table{background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr .5fr .75fr;gap:1rem;padding:.75rem 1rem;background:#21262d;border-bottom:1px solid #30363d;font-size:.75rem;font-weight:600;color:#8b949e;text-transform:uppercase}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr .5fr .75fr;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #30363d;cursor:pointer;transition:background .2s;font-size:.875rem;color:#c9d1d9}.table-row:last-child{border-bottom:none}.table-row:hover{background:#1f3a5f}.table-row.loading{opacity:.5}.col-command{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-exit.success{color:#238636}.col-exit.error{color:#da3633}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;margin-top:1rem}.btn-page{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-page:hover:not(:disabled){background:#30363d;border-color:#8b949e}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#8b949e;font-size:.875rem}.log-container{flex:1;overflow:auto;padding:1rem;background:#1e1e1e}.session-log{margin:0;font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}@media(max-width:768px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.btn-nav{padding:.4rem .6rem;font-size:.8rem}.chat-view{height:100%}.chat-header{flex-wrap:wrap;gap:.5rem}.chat-title h2{font-size:1rem}.chat-messages{padding:.75rem}.chat-message{max-width:95%}.welcome-suggestions li{font-size:.875rem;padding:.6rem .8rem}.chat-input-container{padding:.75rem;position:relative}.voice-preview{position:absolute;bottom:100%;left:.75rem;right:.75rem}.archive-header{flex-wrap:wrap}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem}.col-duration,.col-exit,.col-size{display:none}.pagination{flex-wrap:wrap}}