:root{--terminal-surface:#1d2536;--terminal-line:#34405a;--terminal:#151b27;--terminal-text:#e6eaf4;--terminal-muted:#a3adc4;--terminal-accent:#c3d2f6;--terminal-red:#f07178;--terminal-yellow:#e4bd70;--terminal-green:#91bd96}.quick-start{min-width:0}.terminal-body{padding:0}.terminal-body h2{margin-bottom:12px;font-size:1.6rem}.terminal-body>p{color:var(--line);font-size:1rem}@media (width<=760px){.hero{gap:24px;padding-top:24px}}.terminal-body h2{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.125rem}.terminal-body>p{color:var(--terminal-muted)}.terminal-comment{margin-top:28px;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-line{color:var(--terminal-accent);align-items:baseline;margin:0 0 22px}.terminal-line>span{color:var(--terminal-accent)}.terminal-line pre{font-size:clamp(1rem,1.6vw,1.2rem)}.terminal-copy{background:var(--terminal-text);color:var(--terminal);border-color:var(--terminal-text)}.terminal-copy:disabled{color:var(--terminal-muted);background:var(--terminal-surface);border-color:var(--terminal-line)}.terminal-feedback{font-size:.875rem!important}.terminal-availability{border-color:var(--terminal-line);color:var(--terminal-muted);padding:17px 28px;font-size:.875rem}.quick-start :focus-visible{outline-color:var(--terminal-accent)}.client-tabs button[aria-selected=true],.copy{color:var(--paper)}.copy-status{color:var(--wash-ink)}@media (width<=760px){.hero{gap:30px;padding-block:36px}.terminal-body{padding:22px}.terminal-bar{grid-template-columns:auto 1fr auto;gap:18px}}.integration-controls{justify-content:flex-end;margin:0 0 12px;display:flex}.integration-next{width:44px;height:44px;color:var(--terminal-text);background:var(--sheet);border:1px solid var(--terminal-line);box-shadow:2px 2px 0 var(--line);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:inline-grid}.integration-next:hover{color:var(--terminal-text);background:var(--terminal-surface)}.integration-next:active{box-shadow:none;translate:2px 2px}.terminal-line>span,.terminal-line pre,.terminal-body h2,.terminal-comment{font-style:normal}.chat-harness{--chat-bg:#151515;--chat-fg:#ecebe6;--chat-muted:#b7b4ac;--chat-border:#454440;--chat-bubble:#282724;--chat-tool:#c5baff;background:var(--chat-bg);color:var(--chat-fg);border:1px solid var(--chat-border);border-radius:10px;font-size:.875rem;overflow:hidden}.harness-header{border-bottom:1px solid var(--chat-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.harness-identity{align-items:center;gap:9px;font-weight:600;display:flex}.harness-logo{color:var(--chat-tool)}.harness-session{color:var(--chat-muted);font-size:.75rem}.harness-thread{padding:18px 16px}.harness-user{background:var(--chat-bubble);border-radius:12px 12px 3px;margin:0 0 22px 38px;padding:12px 14px}.harness-user p{margin:0;line-height:1.5}.harness-composer{color:var(--chat-muted);border:1px solid var(--chat-border);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 16px;padding:11px 14px;font-size:.8125rem;display:flex}.harness-send{color:var(--chat-fg);font-size:1.1rem}.harness-claude{--chat-bg:#faf9f5;--chat-fg:#141413;--chat-muted:#67635a;--chat-border:#e3ded2;--chat-bubble:#fff;--chat-tool:#b85c39;--chat-chrome:#f0ece1;border-radius:12px}.harness-chatgpt{--chat-bg:#fff;--chat-fg:#202123;--chat-muted:#636568;--chat-border:#d9dbde;--chat-bubble:#f0f1f3;--chat-tool:#38644c}.chat-harness ::selection{background:var(--chat-fg);color:var(--chat-bg)}@media (width<=460px){.harness-session{display:none}.harness-user{margin-left:16px}}.mcp-demo-frame{border:1px solid var(--chat-border);background:var(--chat-bg);border-radius:8px;width:100%;height:660px;display:block}.quick-start .integration-controls{margin-bottom:16px}.quick-start .harness-thread{padding-block:12px}.quick-start .harness-user{margin-bottom:14px}.harness-chatgpt{--chat-bubble:#f4f4f4;--chat-fg:#0d0d0d;--chat-muted:#676767;--chat-border:#e5e5e5;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-style:normal;line-height:1.65}.harness-chatgpt .harness-header{border-bottom:0;padding:15px 18px 8px}.harness-chatgpt .harness-identity{letter-spacing:-.01em;font-size:16px;font-style:normal}.harness-chatgpt .harness-session{font-size:11px;font-weight:400}.harness-chatgpt .harness-thread{padding:16px 18px}.harness-chatgpt .harness-user{border-radius:20px;width:fit-content;max-width:88%;margin:0 0 22px auto;padding:10px 16px}.harness-chatgpt .harness-user p,.harness-chatgpt .chatgpt-reply{font:inherit;color:var(--chat-fg);letter-spacing:0;font-style:normal;line-height:1.65}.chatgpt-tool{margin:0 0 12px}.chatgpt-tool summary{cursor:pointer;min-height:32px;color:var(--chat-muted);align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}.chatgpt-tool summary::-webkit-details-marker{display:none}.chatgpt-tool summary:focus-visible{outline:2px solid var(--chat-fg);outline-offset:3px}.chatgpt-tool summary>span:nth-child(2){color:var(--chat-fg);font-weight:600}.chatgpt-app-icon{border:1px solid var(--chat-border);width:22px;height:22px;color:var(--chat-fg);border-radius:6px;place-items:center;font-weight:600;display:grid}.chatgpt-tool-state{margin-left:2px}.chatgpt-tool[open] summary svg{transform:rotate(90deg)}.chatgpt-tool-detail{border:1px solid var(--chat-border);border-radius:8px;margin-top:6px;padding:12px;font-size:12px}.chatgpt-tool-detail p{margin:8px 0 0}.harness-chatgpt .mcp-demo-frame{border-color:var(--chat-border);border-radius:12px}.harness-chatgpt .chatgpt-reply{margin:16px 0 0}.harness-chatgpt .harness-composer{font:inherit;color:var(--chat-muted);border-radius:24px;margin:0 14px 14px;padding:12px 14px;display:block}.chatgpt-composer-tools{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.chatgpt-add{color:var(--chat-fg);font-size:24px;line-height:1}.harness-chatgpt .harness-send{background:var(--chat-fg);width:28px;height:28px;color:var(--chat-bg);border-radius:50%;place-items:center;display:grid}.harness-claude{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-style:normal;line-height:1.6;box-shadow:0 12px 30px -20px #1414138c}.harness-claude .harness-user p,.harness-claude .host-reply{font:inherit;letter-spacing:0;color:var(--chat-fg);font-style:normal;line-height:1.6}.harness-claude .harness-header{background:var(--chat-chrome);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:13px;display:grid}.harness-window{gap:6px;display:flex}.harness-window span{background:#e0dbcd;border-radius:50%;width:10px;height:10px}.harness-window span:first-child{background:#eb6a5e}.harness-window span:nth-child(2){background:#f3bf4f}.harness-window span:last-child{background:#61c554}.harness-claude .harness-identity{letter-spacing:-.01em;white-space:nowrap;justify-self:center;gap:7px;font-style:normal}.harness-claude .harness-session{justify-self:end;font-size:11px;font-weight:400}.harness-claude .harness-thread{padding:18px 18px 4px}.harness-claude .harness-user{border:1px solid var(--chat-border);background:var(--chat-bubble);border-radius:14px;width:fit-content;max-width:88%;margin:0 0 20px auto;padding:9px 14px;display:block}.host-tool{margin:0 0 14px}.host-tool summary{cursor:pointer;border:1px solid var(--chat-border);background:var(--chat-bubble);min-height:38px;color:var(--chat-fg);border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.host-tool[open] summary{border-radius:10px 10px 0 0}@media (pointer:coarse),(width<=480px){.host-tool summary{min-height:44px}}.host-tool summary::-webkit-details-marker{display:none}.host-tool summary:focus-visible{outline:2px solid var(--chat-tool);outline-offset:3px}.host-tool-mark{color:var(--chat-tool);display:inline-flex}.host-tool-description{border:1px solid var(--chat-border);color:var(--chat-muted);letter-spacing:.04em;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:400}.host-tool[open] summary svg{transform:rotate(90deg)}.host-tool-detail{border:1px solid var(--chat-border);background:var(--chat-bubble);color:var(--chat-muted);border-top:0;border-radius:0 0 10px 10px;padding:12px;font-size:12px}.host-tool-detail p{margin:8px 0 0}.harness-claude .mcp-demo-frame{border-color:var(--chat-border);background:var(--chat-bubble);border-radius:12px}.host-reply{margin:16px 0 0}.host-support-note{color:var(--chat-muted);margin:8px 0 0;font-size:11px;line-height:1.5}.harness-claude .harness-composer{background:var(--chat-bubble);font:inherit;color:var(--chat-muted);border-radius:14px;justify-content:flex-start;gap:10px;margin:12px 18px 18px;padding:8px 9px 8px 11px;font-size:13px;box-shadow:0 1px 2px #14141312}.composer-attach{border:1px solid var(--chat-border);width:24px;height:24px;color:var(--chat-fg);border-radius:8px;flex:none;place-items:center;font-size:15px;line-height:1;display:grid}.harness-claude .harness-send{background:var(--chat-tool);color:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;margin-left:auto;font-size:14px;display:grid}.quick-start{--terminal:var(--sheet);--terminal-surface:var(--wash);--terminal-line:var(--ink);--terminal-text:var(--ink);--terminal-muted:var(--muted);--terminal-accent:var(--accent)}.quick-start ::selection{background:var(--select);color:var(--ink)}.demo-note{color:var(--terminal-muted);text-align:center;margin:14px 0 0;font-size:.875rem}.demo-whole{display:none}@media (width<=760px){.mcp-demo-frame{border-inline:0;border-radius:0;height:min(74vh,700px)}.quick-start .integration-controls{padding-inline:22px}.chat-harness{border-inline:0;border-radius:0}.chat-harness .harness-header,.chat-harness .harness-user,.chat-harness .harness-composer,.chat-harness .host-tool,.chat-harness .host-reply{display:none}.chat-harness .harness-thread,.harness-chatgpt .harness-thread{padding:0}.host-support-note{padding-inline:22px}.demo-whole{min-height:44px;color:var(--terminal-text);justify-content:center;align-items:center;margin-top:18px;font-weight:600;display:flex}}:root[data-theme=dark] .harness-claude{--chat-bg:#262624;--chat-fg:#faf9f5;--chat-muted:#b7b4ac;--chat-border:#3e3e38;--chat-bubble:#30302e;--chat-tool:#d97757;--chat-chrome:#1f1e1d}:root[data-theme=dark] .harness-chatgpt{--chat-bg:#212121;--chat-fg:#ececec;--chat-muted:#afafaf;--chat-border:#3a3a3a;--chat-bubble:#303030;--chat-tool:#8fc7a4}
