:root{--bg-deep: #171310;--bg-canvas: #1d1812;--bg-inset: #241e16;--bg-panel: #2a231a;--bg-raised: #342b20;--border: #4a3e2e;--border-strong: #6a5a43;--ink-bright: #f7efdc;--ink: #efe4cb;--ink-soft: #dccfb2;--ink-dim: #bfb093;--muted: #a39178;--muted-2: #9c8862;--accent: #9cbb84;--accent-soft: #c2d6ac;--accent-strong: #5f8552;--accent-deep: #46663e;--accent-glow-soft: #5f855233;--accent-glow-faint: #5f855222;--good: #7fb069;--warn: #d9a648;--warn-bright: #e0b45e;--warn-border: #a87f35;--warn-bg: #2c2314;--bad: #d4695c;--bad-soft: #e29a8e;--bad-border: #7e3a30;--bad-bg: #351a14;--family-claude: #d9895f;--family-codex: #6ea8d9;--family-grok: #a98bc4;--family-opencode: #d9a648;--family-antigravity: #7fb069;--family-muse: #d98fa6;--family-other: #a39178;--on-accent: #fff;--on-accent-dark: #171310;--on-accent-fill: var(--on-accent-dark);--focus-ring: var(--accent);--z-sticky: 2;--ui-scale: 1.15;--text-xs: calc(11px * var(--ui-scale));--text-sm: calc(12px * var(--ui-scale));--text-md: calc(13px * var(--ui-scale));--text-lg: calc(15px * var(--ui-scale));--radius-sm: 4px;--radius-md: 8px;--radius-bubble: 14px;--radius-pill: 999px;--space-1: calc(4px * var(--ui-scale));--space-2: calc(8px * var(--ui-scale));--space-3: calc(12px * var(--ui-scale));--space-4: calc(16px * var(--ui-scale));--space-6: calc(24px * var(--ui-scale));--icon-md: calc(16px * var(--ui-scale));--chat-width: calc(760px * var(--ui-scale));--touch: 44px;--text-field: max(16px, var(--text-md));--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg-deep: #e0d4b6;--bg-canvas: #e0d4b6;--bg-inset: #eae0c8;--bg-panel: #eae0c8;--bg-raised: #f3ecdc;--border: #c6b489;--border-strong: #a08a5c;--ink-bright: #241c10;--ink: #382d1a;--ink-soft: #4e402a;--ink-dim: #635334;--muted: #61543b;--muted-2: #675b45;--accent: #4c7040;--accent-soft: #5f8552;--accent-strong: #46663e;--accent-deep: #3a5733;--accent-glow-soft: #46663e2e;--accent-glow-faint: #46663e1c;--good: #4e7a3a;--warn: #8f6b22;--warn-bright: #8a6415;--warn-border: #a87f35;--warn-bg: #efe0bb;--bad: #a5443a;--bad-soft: #8e3a31;--bad-border: #c98a80;--bad-bg: #f4ddd6;--family-claude: #b0603a;--family-codex: #2f6ea3;--family-grok: #7d5a9e;--family-opencode: #8f6b22;--family-antigravity: #4e7a3a;--family-muse: #a8506c;--family-other: #61543b;--on-accent-fill: var(--on-accent);color-scheme:light}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-md);line-height:1.5;color:var(--ink);background:var(--bg-deep);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.screen{flex:1;min-height:0;width:100%;max-width:var(--chat-width);margin:0 auto;display:flex;flex-direction:column;background:var(--bg-canvas)}.screen-header{flex:none;padding:env(safe-area-inset-top) max(var(--space-2),env(safe-area-inset-right)) 0 max(var(--space-2),env(safe-area-inset-left));background:var(--bg-panel);border-bottom:1px solid var(--border)}.screen-bar{display:flex;align-items:center;gap:var(--space-1);min-height:calc(var(--touch) + var(--space-1))}.screen-title{flex:1;min-width:0;margin:0;padding:0 var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--ink-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn+.screen-title{padding-left:0}.screen-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:var(--space-3) max(var(--space-3),env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left))}.screen-footer{flex:none;padding:var(--space-2) max(var(--space-3),env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left));background:var(--bg-panel);border-top:1px solid var(--border)}.screen-scroll:not(:last-child){padding-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--ink);font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent-fill)}.btn-primary:focus-visible{outline-offset:2px}.btn-block{width:100%}.text-btn{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:var(--accent);font-size:var(--text-sm);font-weight:600;cursor:pointer}.text-btn:disabled{color:var(--muted);cursor:default}.icon-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);padding:0;border:0;border-radius:var(--radius-md);background:none;color:var(--ink-soft);cursor:pointer}.icon-btn:disabled{opacity:.5;cursor:default}.icon{width:var(--icon-md);height:var(--icon-md);flex:none}.icon-spin{animation:icon-spin .9s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.icon-spin{animation:none}}.field{display:block;width:100%;min-width:0;min-height:var(--touch);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--ink);font-size:var(--text-field)}.field::placeholder{color:var(--muted)}.field:focus-visible{outline-offset:0;border-color:var(--focus-ring)}textarea.field{resize:none;line-height:1.4}.section-label{margin:var(--space-4) 0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.section-label:first-child,.pull-hint+.section-label{margin-top:0}.empty{margin:var(--space-2) 0;color:var(--muted);font-size:var(--text-sm)}.notice{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--ink-soft);font-size:var(--text-sm);overflow-wrap:anywhere}.notice[data-tone=bad]{border-color:var(--bad-border);background:var(--bad-bg);color:var(--bad-soft)}.notice[data-tone=warn]{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-bright)}.notice-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-1) calc(var(--space-2) * -1) calc(var(--space-1) * -1)}.badge{display:inline-block;min-width:calc(var(--space-4) + var(--space-1));padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--ink-soft);font-size:var(--text-xs);font-weight:600;line-height:calc(var(--space-4) + var(--space-1));text-align:center}.badge[data-tone=warn]{background:var(--warn);color:var(--on-accent-dark)}.host-status{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.host-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--good)}.host-status[data-online=false]{color:var(--warn-bright)}.host-status[data-online=false] .host-dot{background:var(--warn)}.pull-hint{height:0;overflow:hidden;color:var(--muted);font-size:var(--text-xs);text-align:center;line-height:var(--space-6)}.mock-panel{flex:none;padding:0 max(var(--space-3),env(safe-area-inset-right)) 0 max(var(--space-3),env(safe-area-inset-left));background:var(--warn-bg);border-bottom:1px solid var(--warn-border);color:var(--warn-bright);font-size:var(--text-xs)}.mock-panel summary{min-height:var(--space-6);line-height:var(--space-6);cursor:pointer}.mock-panel-body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-1) 0 var(--space-2)}.mock-panel label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch)}.mock-panel select{min-height:var(--touch);padding:0 var(--space-2);border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--ink);font-size:var(--text-field)}.mock-panel .text-btn{color:var(--warn-bright)}.output-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.output-group{display:flex;flex-direction:column}.output-row{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:var(--touch);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--ink);text-decoration:none}.output-row[data-readable=false]{background:none;border-style:dashed}.output-title{color:var(--ink-bright);font-weight:600;overflow-wrap:anywhere}.output-summary{color:var(--ink-dim);font-size:var(--text-sm);overflow-wrap:anywhere}.output-meta,.output-unreadable{color:var(--muted);font-size:var(--text-xs)}.output-older-toggle{align-self:flex-start;gap:var(--space-1);color:var(--muted)}.output-older{margin-left:var(--space-4);padding-bottom:var(--space-2)}.output-reader-meta{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-xs)}.output-plain{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-sm)}.markdown{min-width:0;overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown blockquote,.markdown pre,.markdown table{margin:0 0 var(--space-2)}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:var(--space-4) 0 var(--space-2);color:var(--ink-bright);font-size:var(--text-lg);line-height:1.3}.markdown h3,.markdown h4{font-size:var(--text-md)}.markdown ul,.markdown ol{padding-left:var(--space-6)}.markdown a{color:var(--accent)}.markdown code{font-family:var(--font-mono);font-size:.92em;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--bg-inset)}.markdown pre{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);overflow-x:auto}.markdown pre code{padding:0;background:none;white-space:pre;overflow-wrap:normal}.markdown blockquote{padding-left:var(--space-3);border-left:2px solid var(--border-strong);color:var(--ink-dim)}.markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm)}.markdown th,.markdown td{padding:var(--space-1) var(--space-2);border:1px solid var(--border);text-align:left;overflow-wrap:normal}.markdown hr{border:0;border-top:1px solid var(--border);margin:var(--space-3) 0}.question-group{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.question-group>.section-label{margin:0}.question-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.question-card[data-question-status=open]{border-left:3px solid var(--warn)}.question-card-dismissed{opacity:.72}.question-card>.notice{margin:0}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0;color:var(--muted);font-size:var(--text-xs)}.question-askers{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-status{flex:none}.question-text{color:var(--ink-bright);font-weight:600}.question-context{color:var(--ink-dim);font-size:var(--text-sm)}.question-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.question-options label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);align-items:center;min-height:var(--touch);padding:var(--space-1) 0;cursor:pointer}.question-options input{width:calc(var(--icon-md) + var(--space-1));height:calc(var(--icon-md) + var(--space-1));margin:0}.question-option-label{color:var(--ink);overflow-wrap:anywhere}.question-option-description{grid-column:2;color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.questions-send-error{margin:0 0 var(--space-2);color:var(--bad-soft);font-size:var(--text-sm)}.thread-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.thread-row{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;padding-right:var(--space-6)}.thread-row[data-kind=human]{align-items:flex-end;padding-right:0;padding-left:var(--space-6)}.thread-bubble{min-width:0;max-width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-raised);color:var(--ink);border-radius:var(--radius-sm) var(--radius-bubble) var(--radius-bubble) var(--radius-bubble);overflow-wrap:anywhere}.thread-row[data-kind=human] .thread-bubble{background:var(--accent-glow-soft);border-radius:var(--radius-bubble) var(--radius-sm) var(--radius-bubble) var(--radius-bubble)}.thread-from{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);color:var(--ink-soft);font-size:var(--text-sm);font-weight:600}.thread-family{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--family-other)}.thread-family[data-family=claude]{background:var(--family-claude)}.thread-family[data-family=codex]{background:var(--family-codex)}.thread-family[data-family=grok]{background:var(--family-grok)}.thread-family[data-family=opencode]{background:var(--family-opencode)}.thread-family[data-family=antigravity]{background:var(--family-antigravity)}.thread-family[data-family=muse]{background:var(--family-muse)}.thread-time{color:var(--muted);font-size:var(--text-xs);font-weight:400}.thread-title{margin:0 0 var(--space-1);color:var(--ink-bright);font-weight:600}.thread-status{margin:var(--space-1) var(--space-1) 0;color:var(--muted);font-size:var(--text-xs);text-align:right}.thread-status[data-tone=warn]{color:var(--warn-bright)}.thread-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0 var(--space-1);margin:0}.thread-actions-note{color:var(--muted);font-size:var(--text-xs)}.thread-hint{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-xs);text-align:center}.composer-note{margin:0 0 var(--space-2);color:var(--warn-bright);font-size:var(--text-xs)}.composer-row{display:flex;align-items:flex-end;gap:var(--space-2)}.composer-field{flex:1;max-height:40vh;border-radius:var(--radius-bubble);overflow-y:auto}.composer-send{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent-fill)}.composer-send:disabled{background:var(--bg-raised);color:var(--muted);opacity:1}.desk-tabs{display:flex;gap:var(--space-1)}.desk-tab{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-1);border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:var(--text-md);font-weight:600;cursor:pointer}.desk-tab[aria-selected=true]{color:var(--ink-bright);border-bottom-color:var(--accent)}.desk-tab:focus-visible{outline-offset:-2px}.home-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.home-row{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:calc(var(--touch) + var(--space-3));padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--ink);text-decoration:none}.home-row[data-kind=needs]{border-left:3px solid var(--warn)}.home-row[data-kind=waiting]{border-left:3px solid var(--border-strong);background:none}.home-row-title{color:var(--ink-bright);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-row-meta{color:var(--muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-workspace{margin-bottom:var(--space-4)}.home-workspace-name{margin:0 0 var(--space-2);color:var(--ink-dim);font-size:var(--text-sm);font-weight:600}.home-account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs)}.gate{display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--space-6) * 2 + env(safe-area-inset-top))}.gate-brand{margin:0 0 var(--space-6);color:var(--ink-bright);font-size:calc(var(--text-lg) * 1.5);font-weight:600}.gate-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:calc(var(--space-6) * 15)}.gate-form>.notice{margin:0}.gate-label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--ink-soft);font-size:var(--text-sm);font-weight:600}.gate-heading{margin:0;color:var(--ink-bright);font-size:var(--text-lg)}.gate-text{margin:0;color:var(--ink-dim)}.gate-secret,.gate-pair-code{margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--ink-bright);font-family:var(--font-mono);text-align:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.gate-pair-code{padding:var(--space-3) var(--space-1);font-size:calc(var(--text-lg) * 1.4);font-weight:600;white-space:nowrap;overflow-wrap:normal}.gate-steps{margin:0;padding-left:var(--space-6);color:var(--ink-dim)}.gate-steps li+li{margin-top:var(--space-2)}.gate-code{font-family:var(--font-mono);letter-spacing:.3em;text-align:center}.gate-waiting{margin:0;color:var(--muted);font-size:var(--text-sm);text-align:center}.gate-secondary{align-self:center}