:root{color-scheme:dark;--bg: #141312;--bg-1: #1a1917;--bg-2: #211f1d;--bg-3: #272421;--border: #332f2b;--border-1: #25221f;--text: #f1eee7;--muted: #aaa498;--muted-2: #7e786e;--accent: #d97757;--accent-bg: #2e2219;--user: #1d1a17;--user-border: #3c3830;--tool: #1d1a15;--tool-text: #d4bd9c;--tool-border: #3c3225;--good: #7eb396;--down: #7e786e;--danger: #df7d64;--danger-bg: #2e1c18;--radius: 8px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}code{font-family:var(--mono);background:#00000040;padding:0 4px;border-radius:4px;font-size:.92em}.btn{font:inherit;border-radius:6px;border:1px solid var(--border);background:var(--bg-3);color:var(--text);padding:5px 12px;cursor:pointer;line-height:1.2}.btn:hover:not(:disabled){border-color:#524d46}.btn:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);padding:4px 8px}.btn-ghost:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.btn-primary{background:#c96a4a;border-color:#d97757;color:#fbf3ee}.btn-primary:hover:not(:disabled){background:#d97757}.btn-danger{background:var(--danger-bg);border-color:#6a3a30;color:#f0c2b4}.btn-danger:hover:not(:disabled){background:#47291f}.gate{height:100%;display:grid;place-items:center;padding:20px}.gate-card{width:100%;max-width:360px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}.gate-title{margin:0;font-size:22px;color:var(--accent)}.gate-sub{margin:0 0 8px;color:var(--muted)}.gate-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.gate-input,.composer-input,.composer-mode select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 11px}.gate-input:focus,.composer-input:focus{outline:none;border-color:var(--accent)}.gate-hint{margin:4px 0 0;font-size:12px;color:var(--muted-2)}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-1);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--accent)}.topbar-spacer{flex:1}.columns{flex:1;min-height:0;display:grid;grid-template-columns:280px 320px 1fr}.col{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.col-chat{border-right:none}.col-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-1);border-bottom:1px solid var(--border)}.col-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-actions{margin-left:auto;display:flex;gap:2px}.col-body{flex:1;min-height:0;overflow:auto}.rows{list-style:none;margin:0;padding:0}.row{padding:9px 12px;border-bottom:1px solid var(--border-1);cursor:pointer}.row:hover{background:var(--bg-2)}.row.is-selected{background:var(--accent-bg)}.machine-row{display:flex;align-items:center;gap:9px}.machine-row.is-offline{opacity:.6}.machine-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-state{font-size:11px;color:var(--muted-2)}.status-dot{width:9px;height:9px;border-radius:50%;flex:none}.status-dot.is-online{background:var(--good);box-shadow:0 0 6px #84b89b77}.status-dot.is-down{background:var(--down)}.group-head{position:sticky;top:0;z-index:1;background:var(--bg);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border-bottom:1px solid var(--border-1)}.session-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted-2);font-size:12px;margin-top:2px}.notice{color:var(--muted);padding:16px;font-size:13px}.notice-error{color:#ffb4b4;white-space:pre-wrap;word-break:break-word}.chat-head .back-btn{display:none;font-size:18px}.chat-title{flex:1}.run-badge{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg-3);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.chat-body{padding:14px;display:flex;flex-direction:column;gap:10px}.msg{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;background:var(--bg-1)}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-role{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}.msg-user{background:var(--accent-bg);border-color:var(--user-border);align-self:flex-end;max-width:85%}.msg-user .msg-role{text-align:right;color:var(--accent)}.msg.live.msg-user{border-left:none;border-right:2px solid var(--accent)}.msg-assistant{background:var(--bg-1)}.msg-tool{background:var(--tool);border-color:var(--tool-border);color:var(--tool-text);font-family:var(--mono);font-size:12.5px}.msg-thinking{opacity:.6;font-style:italic}.msg-summary{background:#161a14;border-color:#2e3826;color:#aac6a5}.msg-stderr{background:#201713;border-color:#402c24;color:#dcae9e;font-family:var(--mono);font-size:12.5px}.msg-error{background:var(--danger-bg);border-color:#6a3a30;color:#f0c2b4}.msg-status{background:transparent;border:none;color:var(--muted-2);font-family:var(--mono);font-size:12.5px;padding:2px 12px}.msg.live{border-left:2px solid var(--accent)}.spinner{display:inline-block;width:10px;height:10px;margin-right:6px;border:2px solid var(--muted-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}@keyframes spin{to{transform:rotate(360deg)}}.composer{border-top:1px solid var(--border);background:var(--bg-1);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.composer-input{width:100%;resize:vertical;min-height:56px;font-family:inherit}.composer-bar{display:flex;align-items:center;gap:10px}.composer-mode{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.composer-mode select{padding:4px 6px}.composer-spacer{flex:1}.mobile-nav{display:none}@media (max-width: 860px){.columns{display:block;position:relative}.col{display:none;height:100%;border-right:none}.app[data-pane=machines] .col-machines,.app[data-pane=sessions] .col-sessions,.app[data-pane=chat] .col-chat{display:flex}.chat-head .back-btn{display:inline-block}.mobile-nav{display:flex;border-top:1px solid var(--border);background:var(--bg-1)}.mobile-tab{flex:1;font:inherit;background:transparent;color:var(--muted);border:none;padding:10px;cursor:pointer}.mobile-tab:disabled{opacity:.4}.mobile-tab.is-active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}}.app2{height:100%;display:flex;min-height:0}.sidebar{width:300px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-1);min-height:0}.sidebar-head{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border)}.sidebar-head .spacer{flex:1}.tree{flex:1;min-height:0;overflow:auto;padding:4px 0}.tree-note{color:var(--muted);padding:8px 14px;font-size:13px}.tree-note.sub{padding-left:34px}.tree-note.err{color:#ffb4b4;white-space:pre-wrap;word-break:break-word}.tree-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;color:var(--text);background:transparent;border:none;padding:7px 12px;cursor:pointer}.tree-row:hover{background:var(--bg-2)}.tree-row.machine{font-weight:600}.tree-row .chev{width:12px;flex:none;color:var(--muted-2)}.tree-row .dot{width:8px;height:8px;border-radius:50%;flex:none}.tree-row .dot.on{background:var(--good);box-shadow:0 0 6px #84b89b77}.tree-row .dot.off{background:var(--down)}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-children{border-bottom:1px solid var(--border-1);padding-bottom:4px}.tree-row.session{padding-left:34px;color:var(--muted)}.tree-row.session:hover{color:var(--text)}.tree-row.session.active{background:var(--accent-bg);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.tree-row.session.new{color:var(--accent)}.tree-time{flex:none;font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:8px}.tree-row.session.active .tree-time{color:var(--muted)}.tree-count{flex:none;font-size:11px;color:var(--muted-2);background:var(--bg);border:1px solid var(--border-1);border-radius:9px;padding:0 7px;min-width:20px;text-align:center}.chat-pane{flex:1;min-width:0;display:flex}.chat-pane>.col-chat{flex:1;min-width:0}@media (max-width: 860px){.sidebar{width:100%}.app2 .chat-pane,.app2.show-chat .sidebar{display:none}.app2.show-chat .chat-pane{display:flex}}.sid-badge{color:var(--accent);border-color:#34406a;background:var(--accent-bg)}.thinking-block{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-1);padding:4px 12px}.thinking-summary{cursor:pointer;list-style:none;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);padding:4px 0;-webkit-user-select:none;user-select:none}.thinking-summary::-webkit-details-marker{display:none}.thinking-summary:before{content:"▸ ";color:var(--muted-2)}.thinking-block[open]>.thinking-summary:before{content:"▾ "}.thinking-summary:hover{color:var(--muted)}.thinking-text{white-space:pre-wrap;word-break:break-word;font-style:italic;color:var(--muted);opacity:.85;padding:4px 0 8px;border-top:1px solid var(--border-1);margin-top:2px}.todo-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);padding:8px 12px}.todo-head{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.todo-count{font-family:var(--mono);font-size:11px;color:var(--muted-2);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:0 6px}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.todo-item{display:flex;align-items:baseline;gap:8px}.todo-bullet{flex:none;width:14px;text-align:center;font-family:var(--mono)}.todo-content{white-space:pre-wrap;word-break:break-word}.todo-pending .todo-bullet{color:var(--muted-2)}.todo-pending .todo-content{color:var(--muted)}.todo-in_progress .todo-bullet{color:var(--accent)}.todo-in_progress .todo-content{color:var(--text);font-weight:600}.todo-completed .todo-bullet{color:var(--good)}.todo-completed .todo-content{color:var(--muted-2);text-decoration:line-through}.tool-call .tool-input{font-family:var(--mono);font-size:12.5px;color:var(--tool-text)}.tool-call .tool-result{margin-top:6px;padding-top:6px;border-top:1px solid var(--tool-border);font-family:var(--mono);font-size:12px;color:var(--muted);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.tool-fold{padding:0}.tool-fold>.tool-summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:8px;padding:7px 12px;font-family:var(--mono);font-size:12.5px;-webkit-user-select:none;user-select:none}.tool-fold>.tool-summary::-webkit-details-marker{display:none}.tool-fold>.tool-summary:before{content:"▸";flex:none;color:var(--muted-2)}.tool-fold[open]>.tool-summary:before{content:"▾"}.tool-fold>.tool-summary:hover{background:#ffffff08}.tool-name{flex:none;font-weight:600;color:var(--tool-text)}.tool-input-inline{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.tool-fold>.msg-text{padding:6px 12px 8px;border-top:1px solid var(--tool-border);white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.tool-fold .tool-empty{color:var(--muted-2);font-style:italic}.result-footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-left:2px solid var(--good);border-radius:var(--radius);background:var(--bg-1);font-family:var(--mono);font-size:12.5px;color:var(--text)}.result-stat{white-space:nowrap}.result-k{color:var(--muted-2);text-transform:uppercase;font-size:10.5px;letter-spacing:.04em;margin-right:3px}.auth-bar{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:13px;display:flex;flex-direction:column;gap:8px}.auth-bar.ok{flex-direction:row;align-items:center;gap:8px;background:#161a14;border-color:#2e3826;color:var(--muted);padding:5px 12px;font-size:12.5px}.auth-bar.warn{background:#2a201c;border-color:#4a332a;color:#e6c3a8}.auth-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auth-head.err{color:var(--danger)}.auth-text{flex:1;min-width:0}.auth-sub{color:var(--muted-2)}.auth-dot{width:8px;height:8px;border-radius:50%;flex:none}.auth-dot.on{background:var(--good);box-shadow:0 0 6px #84b89b77}.auth-dot.off{background:var(--danger)}.auth-btn{margin-left:auto}.auth-relink{margin-left:auto;font-size:11px}.auth-msg{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.auth-flow{display:flex;flex-direction:column;gap:6px}.auth-step{font-size:12px;color:var(--muted)}.auth-link{color:var(--accent);word-break:break-all;font-family:var(--mono);font-size:11.5px;background:#00000030;border:1px solid var(--border-1);border-radius:6px;padding:6px 8px}.auth-code-row{display:flex;gap:8px}.auth-code{flex:1;font-family:var(--mono)}.q-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;display:grid;place-items:center;padding:16px;z-index:50}.q-modal{width:100%;max-width:460px;max-height:82vh;overflow:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px #000a}.q-modal-head{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.q-block{display:flex;flex-direction:column;gap:6px}.q-header{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2)}.q-question{font-weight:600}.q-options{display:flex;flex-direction:column;gap:6px}.q-option{text-align:left;font:inherit;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:9px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.q-option:hover{border-color:#524d46}.q-option.active{background:var(--accent-bg);border-color:var(--accent)}.q-option-label{color:var(--text)}.q-option.active .q-option-label{color:var(--accent);font-weight:600}.q-option-desc{font-size:12px;color:var(--muted)}.q-hint{font-size:12px;color:var(--muted-2)}.q-actions{display:flex;justify-content:flex-end}.running-badge{color:var(--accent);border-color:#4a3d2c;background:var(--tool)}.running-badge .spinner{width:8px;height:8px;margin-right:4px}.queue-badge{font-size:11px;color:var(--muted);background:var(--bg-3);border:1px solid var(--border);border-radius:5px;padding:1px 7px}