.agent-setup-body { min-height:100svh; }
.agent-setup-body svg { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.agent-masthead, .agent-layout, .agent-footer { width:min(1120px,calc(100% - 96px)); margin-inline:auto; }
.agent-masthead { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:100px; border-bottom:1px solid var(--line); }
.agent-brand { display:flex; align-items:center; gap:10px; font:750 23px/1.3 var(--display); letter-spacing:-.7px; }
.agent-brand svg { width:32px; height:34px; color:var(--mandarin); stroke:none; }
.agent-masthead nav { display:flex; align-items:center; gap:22px; }
.agent-space-link { display:flex; align-items:center; gap:10px; min-height:44px; font-weight:550; }
.agent-space-link:hover, .agent-subtle-link:hover { color:var(--orange); }
.agent-theme { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:50%; background:transparent; transition:background 140ms; }
.agent-theme:hover { background:var(--silver); }
.agent-theme svg { width:20px; height:20px; }
.agent-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:88px; padding-block:58px 70px; }
.agent-layout:focus { outline:none; }
.agent-page-title { margin-bottom:38px; }
.agent-page-title h1 { font-size:40px; line-height:1.14; letter-spacing:-1.4px; }
.agent-page-title > p { max-width:430px; margin-top:14px; color:var(--muted); font-size:15px; line-height:1.65; }
.agent-steps { list-style:none; padding:0; margin:0; }
.agent-step { display:grid; grid-template-columns:30px minmax(0,1fr); gap:18px; }
.agent-step + .agent-step { margin-top:31px; }
.agent-step-number { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.agent-step h2 { font:650 17px/1.6 var(--font); letter-spacing:-.25px; }
.agent-step-content > p { margin-top:4px; color:var(--muted); line-height:1.7; }
.agent-choice { display:inline-flex; flex-wrap:wrap; gap:4px; margin-top:16px; padding:4px; background:var(--silver); border-radius:9px; }
.agent-choice button { padding:7px 13px; min-height:36px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--muted); font-size:12px; font-weight:600; transition:background 140ms,color 140ms; }
.agent-choice button[aria-pressed="true"] { border-color:var(--line); background:var(--paper); color:var(--ink); }
.agent-choice button:hover { color:var(--ink); }
.agent-command { display:flex; align-items:flex-start; gap:14px; margin-top:12px; padding:19px 16px 18px 18px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.agent-command code { flex:1; min-width:0; font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; color:var(--ink); }
.agent-copy-button { flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 8px; border:0; border-radius:5px; background:transparent; color:var(--muted); font-size:12px; font-weight:550; transition:background 140ms,color 140ms; }
.agent-copy-button svg { width:15px; height:17px; }
.agent-copy-button:hover { color:var(--ink); background:var(--silver); }
.agent-copy-button[data-copied] { color:var(--orange); }
.agent-subtle-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:12px; color:var(--muted); text-underline-offset:4px; }
.agent-prompt { margin-top:14px; padding:17px 18px 10px; border-left:2px solid var(--mandarin); border-radius:0 8px 8px 0; background:var(--orange-soft); }
.agent-prompt p { font-size:15px; line-height:1.7; }
.agent-prompt .agent-copy-button { margin:9px 0 0 -7px; }
.agent-connection-note { display:flex; align-items:center; gap:8px; margin-top:12px; color:var(--muted); font-size:12px; }
.agent-connection-note svg { width:16px; height:18px; }
.agent-context { padding-top:8px; }
.agent-context-symbol { display:grid; place-items:center; width:52px; height:52px; margin-bottom:26px; border:1px solid var(--line); border-radius:14px; color:var(--orange); }
.agent-context-symbol svg { width:30px; height:30px; }
.agent-context-symbol circle { fill:var(--paper); }
.agent-context h2 { font:650 25px/1.3 var(--display); letter-spacing:-.6px; }
.agent-context > p { margin-top:17px; color:var(--muted); font-size:14px; line-height:1.85; }
.agent-capabilities { list-style:none; padding:0; margin:28px 0 0; }
.agent-capabilities li { display:flex; align-items:flex-start; gap:15px; padding:19px 0; border-top:1px solid var(--line); }
.agent-capabilities svg { flex-shrink:0; width:20px; height:23px; margin-top:2px; color:var(--muted); }
.agent-capabilities strong { display:block; font-size:13px; font-weight:650; }
.agent-capabilities li > span > span { display:block; margin-top:5px; color:var(--muted); font-size:13px; line-height:1.7; }
.agent-control-note { margin-top:19px; padding-top:24px; border-top:1px solid var(--line); }
.agent-control-note > strong { font-size:13px; font-weight:650; }
.agent-control-note p { margin-top:8px; color:var(--muted); font-size:12px; line-height:1.8; }
.agent-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:23px 0 28px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.agent-footer > div { display:flex; gap:24px; }
.agent-footer a { display:inline-flex; align-items:center; min-height:44px; }
.agent-footer a:hover { color:var(--ink); }
.agent-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); max-width:calc(100% - 36px); padding:12px 20px; border:1px solid var(--line); border-radius:9px; background:var(--ink); color:var(--paper); font-size:13px; text-align:center; z-index:30; }
.agent-local-note { font-size:11px; }
.agent-noscript { padding:20px; text-align:center; }
.agent-connect-intro { margin-bottom:26px; }
.agent-connect-intro h1 { font-size:34px; line-height:1.2; overflow-wrap:anywhere; }
.agent-connect-intro h1:focus { outline:none; }
.agent-connect-intro > p { margin-top:13px; color:var(--muted); line-height:1.75; }
.agent-consent-account { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:15px 0; border-block:1px solid var(--line); margin:25px 0; }
.agent-consent-account strong { display:block; font-size:13px; }
.agent-consent-account small { display:block; margin-top:3px; color:var(--muted); font-size:12px; }
.agent-text-button { min-height:44px; padding:6px 0; background:transparent; border:0; color:var(--muted); font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.agent-text-button:hover { color:var(--ink); }
.agent-permissions { display:grid; gap:10px; border:0; margin:0; padding:0; }
.agent-permissions legend { padding:0; margin-bottom:12px; font-size:14px; font-weight:650; }
.agent-permission { display:grid; grid-template-columns:18px 1fr; gap:12px; padding:16px; border:1px solid var(--line); border-radius:9px; cursor:pointer; transition:border-color 140ms,background 140ms; }
.agent-permission:has(input:checked) { border-color:var(--mandarin); background:var(--orange-soft); }
.agent-permission input { appearance:auto; -webkit-appearance:auto; accent-color:var(--orange); margin:4px 0 0; width:17px; height:17px; }
.agent-permission strong { display:block; font-size:13px; font-weight:650; }
.agent-permission small { display:block; margin-top:5px; color:var(--muted); font-size:12px; line-height:1.7; }
.agent-code-review { margin-top:25px; }
.agent-code-review > strong { display:block; font-size:13px; }
.agent-verification-code { display:block; width:fit-content; padding:12px 20px; margin-top:11px; border:1px solid var(--line); border-radius:8px; background:var(--silver); font:600 24px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:2px; }
.agent-confirm { display:flex; align-items:flex-start; gap:10px; margin-top:15px; font-size:12px; line-height:1.7; cursor:pointer; }
.agent-confirm input { appearance:auto; -webkit-appearance:auto; width:17px; height:17px; margin:2px 0 0; flex-shrink:0; accent-color:var(--orange); }
.agent-consent-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:24px; }
.agent-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:11px 19px; border:1px solid transparent; border-radius:8px; color:var(--paper); background:var(--ink); font-weight:600; font-size:13px; transition:opacity 140ms,transform 140ms; }
.agent-primary:hover:not(:disabled) { opacity:.86; }
.agent-primary:active:not(:disabled) { transform:translateY(1px); }
.agent-primary:disabled { opacity:.4; cursor:default; }
.agent-expiry { margin-top:16px; color:var(--muted); font-size:11px; }
.agent-error { padding:13px 16px; margin-top:18px; border:1px solid var(--danger); border-radius:8px; color:var(--danger); font-size:13px; line-height:1.6; }
.agent-login { display:grid; gap:15px; margin-top:24px; max-width:430px; }
.agent-login label { display:grid; gap:7px; font-size:13px; font-weight:550; }
.agent-login input { width:100%; min-height:46px; padding:11px 13px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); }
.agent-login .agent-primary { width:fit-content; margin-top:3px; }
.agent-login-modes { margin-top:23px; }
.agent-state-icon { display:grid; place-items:center; width:54px; height:54px; border:1px solid var(--line); border-radius:50%; margin-bottom:25px; color:var(--orange); background:var(--orange-soft); }
.agent-state-icon svg { width:26px; height:26px; }
.agent-state-note { margin-top:22px; padding-block:20px; border-block:1px solid var(--line); }
.agent-state-note strong { display:block; font-size:13px; }
.agent-state-note p { margin-top:7px; color:var(--muted); line-height:1.8; font-size:13px; }
.agent-state-link { margin-top:25px; }
.agent-layout[data-monitor] { grid-template-columns:minmax(0,1fr); }
.agent-connected-heading { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:36px; }
.agent-connected-heading .agent-state-icon { flex-shrink:0; width:46px; height:46px; margin:0; }
.agent-connected-heading .agent-connect-intro { flex:1; margin:0; }
.agent-connected-heading h1 { font-size:29px; }
.agent-connected-heading .agent-connect-intro > p { margin-top:7px; font-size:13px; }
.agent-connected-heading > a { margin-left:auto; }
.agent-activity { min-width:0; padding:26px 28px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.agent-activity-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.agent-activity-heading h2 { font:650 21px/1.4 var(--display); letter-spacing:-.4px; }
.agent-activity-heading p { margin-top:7px; font-size:13px; color:var(--muted); line-height:1.7; }
.agent-live-status { display:inline-flex; align-items:center; gap:7px; flex-shrink:0; padding:7px 10px; border:1px solid var(--line); border-radius:20px; font-size:11px; color:var(--muted); }
.agent-live-status::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--muted); }
.agent-live-status[data-connected="true"] { color:var(--orange); }
.agent-live-status[data-connected="true"]::before { background:var(--orange); }
.agent-activity-announcement { min-height:20px; margin-block:19px 8px; color:var(--muted); font-size:11px; }
.agent-call-list { padding:0; margin:0; list-style:none; overflow-anchor:none; }
.agent-call { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:start; gap:13px; padding-block:20px; border-top:1px solid var(--line); }
.agent-call-icon { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--line); border-radius:50%; color:var(--muted); }
.agent-call-icon svg { width:15px; height:15px; }
.agent-call[data-status="running"] .agent-call-icon { color:var(--orange); border-color:var(--orange); }
.agent-call[data-status="failed"] .agent-call-icon, .agent-call[data-status="failed"] .agent-call-status { color:var(--danger); }
.agent-call[data-status="unknown"] .agent-call-status { color:var(--orange); }
.agent-call-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px 14px; }
.agent-call-heading h3 { margin:0; font:600 14px/1.7 var(--font); overflow-wrap:anywhere; }
.agent-call-status { font-size:11px; color:var(--muted); }
.agent-call[data-status="running"] .agent-call-status { color:var(--orange); }
.agent-call-operation { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-top:3px; font-size:11px; color:var(--muted); }
.agent-call-operation code { font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.agent-call-operation > span { padding-left:8px; border-left:1px solid var(--line); }
.agent-call-result { margin-top:7px; font-size:12px; line-height:1.8; color:var(--muted); overflow-wrap:anywhere; }
.agent-job-status { display:inline-block; margin-left:6px; color:var(--ink); }
.agent-job-status[data-status="failed"] { color:var(--danger); }
.agent-call-timing { display:grid; gap:6px; padding-top:4px; text-align:right; font-size:11px; line-height:1.6; font-variant-numeric:tabular-nums; color:var(--muted); }
.agent-activity-empty { display:grid; justify-items:center; gap:10px; padding:47px 20px 53px; border-top:1px solid var(--line); text-align:center; }
.agent-activity-empty strong { font-size:14px; font-weight:550; }
.agent-activity-empty p { max-width:320px; font-size:13px; line-height:1.8; color:var(--muted); }
.agent-wait-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:5px; border:1px solid var(--line); border-radius:50%; color:var(--muted); }
.agent-wait-icon svg { width:20px; height:20px; }
.agent-activity-error { margin-top:15px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--silver); }
.agent-activity-error p { font-size:12px; line-height:1.8; }
.agent-activity-history { margin-top:18px; padding-top:15px; border-top:1px solid var(--line); font-size:11px; line-height:1.8; color:var(--muted); }
.agent-activity-note { margin-top:16px; color:var(--muted); font-size:12px; line-height:1.8; }
@media (min-width:901px) { .agent-context { align-self:start; position:sticky; top:30px; } }
@media (max-width:1000px) { .agent-layout { gap:48px; } .agent-masthead, .agent-layout, .agent-footer { width:calc(100% - 64px); } }
@media (max-width:760px) {
  .agent-masthead, .agent-layout, .agent-footer { width:calc(100% - 44px); }
  .agent-masthead { min-height:76px; } .agent-brand { font-size:20px; gap:8px; } .agent-brand svg { width:26px; height:29px; }
  .agent-masthead nav { gap:10px; } .agent-space-link { font-size:12px; gap:5px; } .agent-theme { width:38px; height:38px; }
  .agent-layout { grid-template-columns:1fr; gap:46px; padding-block:35px 39px; }
  .agent-page-title { margin-bottom:29px; } .agent-page-title h1 { font-size:32px; letter-spacing:-.9px; } .agent-page-title > p { font-size:14px; max-width:300px; }
  .agent-step { grid-template-columns:25px minmax(0,1fr); gap:12px; } .agent-step-number { width:25px; height:25px; } .agent-step h2 { font-size:15px; }
  .agent-step-content > p { font-size:13px; } .agent-step + .agent-step { margin-top:27px; }
  .agent-choice { gap:2px; } .agent-choice button { padding:6px 10px; min-height:36px; font-size:11px; }
  .agent-copy-button, .agent-choice button { min-height:44px; }
  .agent-command { display:grid; grid-template-columns:1fr; gap:4px; padding:15px 15px 8px; } .agent-command code { font-size:11px; } .agent-command .agent-copy-button { justify-self:end; }
  .agent-prompt { padding:14px 15px 9px; } .agent-prompt p { font-size:14px; }
  .agent-context { padding-top:30px; border-top:1px solid var(--line); } .agent-context-symbol { width:42px; height:42px; margin-bottom:20px; } .agent-context-symbol svg { width:25px; height:25px; }
  .agent-context h2 { font-size:23px; } .agent-context > p { font-size:13px; max-width:420px; }
  .agent-capabilities { margin-top:24px; } .agent-capabilities li { padding:16px 0; } .agent-control-note { margin-top:7px; }
  .agent-footer { align-items:flex-start; padding-block:18px; } .agent-footer > span { padding-top:13px; } .agent-footer > div { gap:17px; }
  .agent-connect-intro h1 { font-size:29px; } .agent-consent-account { margin-block:22px; } .agent-consent-actions { gap:13px; } .agent-primary { flex:1; }
  .agent-connected-heading { gap:12px; margin-bottom:25px; }
  .agent-connected-heading .agent-connect-intro { min-width:0; }
  .agent-connected-heading h1 { font-size:23px; }
  .agent-connected-heading > a { flex-basis:calc(100% - 58px); margin-left:58px; }
  .agent-activity { padding:20px 16px 14px; }
  .agent-activity-heading { flex-wrap:wrap; gap:12px; }
  .agent-activity-heading h2 { font-size:19px; }
  .agent-live-status { font-size:10px; }
  .agent-call { grid-template-columns:23px minmax(0,1fr); gap:8px 10px; padding-block:17px; }
  .agent-call-icon { width:23px; height:23px; }
  .agent-call-timing { grid-column:2; display:flex; flex-wrap:wrap; gap:12px; text-align:left; padding:0; }
  .agent-call-heading h3 { font-size:13px; }
  .agent-job-status { display:block; margin-left:0; }
}
@media (prefers-reduced-motion:no-preference) {
  .agent-page-title, .agent-connect-intro { animation:agent-arrive 260ms ease-out both; }
  .agent-step-content, .agent-state-note { animation:agent-arrive 260ms 70ms ease-out both; }
  @keyframes agent-arrive { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}