/* Stage 1 R20 · Intelligence Canvas
   One optical surface, content-sized results, and motion driven only by live state.
   Scoped to R20 so the operational screens retain their existing contracts. */
html[data-ui="5"] .route-agent .stage1-r20-agent {
 --canvas-ink:#f3f7fa; --canvas-muted:#91a6b5; --canvas-line:rgba(173,204,222,.13);
 --canvas-cyan:#94e4ed; --canvas-warm:#e8a366; --canvas-ease:cubic-bezier(.2,.8,.2,1);
 color:var(--canvas-ink); font-kerning:normal; letter-spacing:0;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead {padding:12px 4px 16px!important;gap:20px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead:after {display:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead h1 {font-size:24px!important;font-weight:540;letter-spacing:-.035em;line-height:1.35!important;margin:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead p {font-size:13px!important;margin-top:5px;color:var(--canvas-muted)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead .agent-section-kicker {font-size:9px;letter-spacing:.16em;color:#738895;margin:0 0 6px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-context-tag {border:0!important;background:transparent!important;box-shadow:none!important;padding:0 8px;gap:10px;font-size:11px;color:var(--canvas-muted)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-context-tag strong {font-size:13px;color:var(--canvas-ink);font-weight:500}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs {margin:0 0 12px!important;padding:0!important;gap:16px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs>button {min-height:44px!important;padding:8px 2px!important;font-size:12px!important;gap:7px!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#92a3af;flex-shrink:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs>button.active {border-bottom-color:var(--canvas-cyan)!important;color:var(--canvas-ink)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-workbench {gap:16px!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-history {border:0!important;border-inline-end:1px solid var(--canvas-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:12px 0 12px 16px!important;backdrop-filter:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-new {border:1px solid var(--canvas-line)!important;min-height:44px!important;background:rgba(180,210,230,.035)!important;border-radius:12px!important;font-weight:500}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-search {margin-block:16px 24px;border-color:var(--canvas-line);background:transparent;border-radius:10px;min-height:44px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-thread {min-height:44px;border-radius:10px;border:0;font-size:13px;line-height:1.55;margin-bottom:3px;color:#9aaeba}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-thread.selected {color:var(--canvas-ink);background:rgba(137,211,225,.07);box-shadow:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-nav-note {border-top:1px solid var(--canvas-line);padding-top:16px;font-size:11px;line-height:1.75;opacity:.8}

/* A single frame and a single reading axis: the composer shares the canvas edge. */
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {
 display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-width:0;min-height:0!important;
 border:1px solid var(--canvas-line)!important;border-radius:28px!important;transform:none!important;
 background:radial-gradient(ellipse at 48% -8%,rgba(111,198,213,.075),transparent 55%),linear-gradient(150deg,rgba(11,24,33,.94),rgba(5,13,22,.98))!important;
 box-shadow:0 24px 80px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.055)!important;
 transition:border-radius .4s var(--canvas-ease),border-color .3s ease,box-shadow .4s ease!important;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface:before {inset:0!important;z-index:0!important;opacity:.55;background:linear-gradient(120deg,rgba(228,246,255,.035),transparent 32%,transparent 80%,rgba(126,223,238,.02))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface:after {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="draft"] {border-color:rgba(158,220,233,.26)!important;border-radius:32px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] {border-color:rgba(137,219,235,.3)!important;box-shadow:0 24px 80px rgba(0,0,0,.23),0 0 48px rgba(103,199,218,.035),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"]:after {display:block!important;inset:0!important;width:auto!important;height:auto!important;top:0!important;z-index:1!important;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.32;background:linear-gradient(180deg,transparent 44%,rgba(136,220,233,.06) 49.7%,rgba(168,231,237,.2) 50%,transparent 50.3%)!important;animation:cs-r20-canvas-scan 3.2s linear infinite!important;box-shadow:none!important}
@keyframes cs-r20-canvas-scan {from{transform:translateY(-100%)}to{transform:translateY(100%)}}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {min-height:64px!important;height:64px!important;padding:10px 22px!important;gap:12px!important;z-index:3;background:transparent!important;border-bottom:1px solid rgba(173,204,222,.065)!important;backdrop-filter:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top>div:not(.agent-actions) {min-width:0;flex:1}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong {max-width:100%;font-size:14px!important;font-weight:560;letter-spacing:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top small {font-size:11px!important;line-height:1.5;color:#8299a8;max-width:100%}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .agent-actions {gap:3px;flex-shrink:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .btn {min-height:44px!important;min-width:44px!important;padding:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important;color:#9ab0bc!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .btn:hover {background:rgba(184,223,238,.06)!important;color:white!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log {display:block!important;height:auto!important;min-height:0!important;padding:22px 28px!important;scroll-padding-block:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(165,198,214,.23) transparent}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:before {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome {display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-height:100%!important;width:100%!important;max-width:820px!important;margin:auto!important;padding:22px 8px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;border-radius:0!important;text-align:center}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome:before,html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome:after {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome>.agent-section-kicker {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome h2 {font-size:clamp(32px,3.25vw,46px)!important;font-weight:520!important;line-height:1.23!important;letter-spacing:-.045em!important;color:var(--canvas-ink);margin:12px 0 14px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome>p {max-width:480px!important;font-size:15px!important;line-height:1.85!important;color:#9aadb9!important;margin:0 0 24px!important;padding:0!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature {display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:9px!important;font-weight:500;letter-spacing:.18em!important;line-height:1.4;color:#91b6c2!important;margin:16px 0 0!important;direction:ltr}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature i {height:1px;width:22px;background:rgba(149,201,217,.3);box-shadow:none}

/* Abstract optical signal. Idle is still; processing and speech carry the motion. */
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-orbit {display:grid!important;place-items:center;align-content:center;gap:0!important;height:92px!important;min-height:92px!important;margin:0!important;transform:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-orbit:before {width:260px!important;height:180px!important;opacity:.6;background:radial-gradient(ellipse,rgba(103,213,228,.075),transparent 70%)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-orb-caption,html[data-ui="5"] .route-agent .stage1-r20-agent .agent-presence-line {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core {width:84px!important;height:84px!important;flex-shrink:0;border:1px solid rgba(162,218,231,.34)!important;border-radius:50%!important;background:radial-gradient(circle at 33% 20%,rgba(192,234,248,.08),transparent 42%),rgba(4,20,30,.28)!important;box-shadow:0 0 40px rgba(82,194,215,.055),inset 0 0 24px rgba(159,228,244,.045)!important;transform:none!important;animation:none!important;overflow:visible!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:before {inset:11px!important;border:1px solid rgba(164,221,233,.24)!important;border-radius:50%!important;background:transparent!important;transform:rotate(-34deg) scaleX(.38)!important;animation:none!important;opacity:1!important;mix-blend-mode:normal}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:after {content:""!important;display:block!important;position:absolute;inset:11px!important;border:1px solid rgba(225,181,137,.36)!important;border-radius:50%!important;background:transparent!important;transform:rotate(34deg) scaleX(.38)!important;animation:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core> :is(.agent-orb-shell,.agent-orb-grid,.agent-orb-arc,.agent-orb-eq,.agent-ring-glow,.agent-orb-wave,.agent-orb-particle) {display:none!important;animation:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core .agent-orb-core {position:absolute;inset:50% auto auto 50%!important;width:8px!important;height:8px!important;margin:-4px 0 0 -4px!important;border:0!important;border-radius:50%!important;transform:none!important;display:block!important;background:#b2e9ed!important;box-shadow:0 0 15px rgba(160,231,236,.5)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core .agent-orb-core i {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:is(.is-thinking,.is-speaking) {animation:cs-r20-signal 2s ease-in-out infinite alternate!important}
@keyframes cs-r20-signal {to{box-shadow:0 0 38px rgba(128,223,235,.18),inset 0 0 22px rgba(164,230,241,.1);border-color:rgba(168,234,243,.72)}}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small {width:30px!important;height:30px!important;box-shadow:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small:before,html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small:after {inset:4px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small .agent-orb-core {width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important}

html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:0 24px!important;width:100%!important;max-width:650px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {display:flex!important;flex:0 0 auto!important;align-items:center;gap:9px!important;min-height:48px!important;padding:10px 2px!important;border:0!important;border-bottom:1px solid rgba(173,204,222,.15)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:start!important;font-size:13px!important;line-height:1.5;color:#bacad3!important;transform:none!important;white-space:nowrap}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>svg:first-child {width:17px;height:17px;color:#8eb8c8;opacity:.85}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>svg:last-child {width:13px;height:13px;color:#687c89}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button:hover {border-bottom-color:#c4e9f0!important;color:#fff!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row {display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px!important;margin:22px 0 0!important;opacity:1!important;color:#7893a2}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row span {font-size:10px;line-height:1.6;gap:5px}

/* Results share the reading surface; only proposals retain their approval frame. */
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-template-size] {width:100%!important;max-width:860px!important;padding:6px 0 30px!important;margin:0 auto 24px!important;border:0!important;border-bottom:1px solid rgba(173,204,222,.09)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-wrap:anywhere}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn:before {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-user-message {max-width:85%;padding:12px 17px!important;margin-bottom:26px;border:1px solid rgba(173,204,222,.08)!important;border-radius:18px 18px 5px 18px!important;background:rgba(147,188,211,.06)!important;box-shadow:none!important;font-size:15px!important;line-height:1.75!important;color:#e2eaf0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer-meta {gap:10px;margin-block:0 18px;align-items:center}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer-meta strong {font-size:13px;font-weight:550}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer-meta>span {font-size:11px;color:var(--canvas-muted)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer {padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;line-height:1.9!important;color:#d6e1e8}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer :is(p,ul,ol) {margin-block:0 16px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer :is(h2,h3,h4) {font-weight:550;line-height:1.4;letter-spacing:-.025em;color:var(--canvas-ink);margin-block:22px 12px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer-tools {gap:4px 12px;border-top:0;padding-top:6px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer-tools .btn {min-height:44px!important;padding:8px!important;font-size:12px;color:#91a5b2!important;box-shadow:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent :is(.agent-proposal,.vx-chat-workspace,.vx-chat-source,.agent-sources) {border:1px solid var(--canvas-line)!important;border-radius:18px!important;background:rgba(117,162,186,.035)!important;box-shadow:inset 0 1px rgba(235,249,255,.03)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working {border:0!important;border-radius:16px!important;background:rgba(113,201,220,.04)!important;box-shadow:none!important;padding:18px!important;align-items:start;gap:14px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working>div {min-width:0;flex:1}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working strong {font-size:15px;font-weight:500}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working small {font-size:12px;line-height:1.7;color:var(--canvas-muted)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-execution-terminal {background:transparent!important;border:0!important;border-top:1px solid rgba(173,204,222,.1)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0 0!important;margin-top:14px;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-execution-terminal>code,html[data-ui="5"] .route-agent .stage1-r20-agent .agent-terminal-pulse {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-terminal-copy {font-size:12px;color:#a6c4d0;overflow-wrap:anywhere}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-terminal-time {font-size:12px!important;font-variant-numeric:tabular-nums;border:0!important;background:transparent!important;padding:0!important;color:#b0d9e2!important}

html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {position:relative!important;inset:auto!important;margin:0!important;padding:14px 26px 12px!important;border:0!important;border-top:1px solid rgba(173,204,222,.055)!important;border-radius:0 0 28px 28px!important;background:linear-gradient(180deg,rgba(4,13,22,.16),rgba(5,14,23,.96))!important;box-shadow:none!important;backdrop-filter:blur(20px)!important;overflow:visible;z-index:4}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {position:relative;width:min(860px,100%)!important;margin:0 auto!important;padding:13px 16px 8px!important;border:1px solid rgba(174,204,222,.18)!important;border-radius:20px!important;background:linear-gradient(140deg,rgba(151,192,212,.045),rgba(20,38,51,.32))!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important;transform:none!important;overflow:visible!important;transition:border-radius .3s var(--canvas-ease),border-color .3s ease,background .3s ease!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer:focus-within {transform:none!important;border-radius:24px!important;border-color:rgba(170,226,236,.35)!important;background:linear-gradient(140deg,rgba(151,192,212,.075),rgba(20,38,51,.45))!important;box-shadow:0 0 24px rgba(130,210,227,.025),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {padding:7px 3px 12px!important;margin:0!important;min-height:56px!important;max-height:180px!important;width:100%;font:inherit!important;font-size:16px!important;line-height:1.7!important;color:var(--canvas-ink);background:transparent!important;box-shadow:none!important;border:0!important;resize:none;outline:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea::placeholder {color:#879aa9;opacity:1}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-toolbar {display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:12px!important;padding:0!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-send.btn {flex:0 0 44px!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;border-radius:14px!important;border:1px solid rgba(180,224,234,.35)!important;background:#d5e9ed!important;color:#14242f!important;box-shadow:none!important;opacity:1}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-send.btn:disabled {background:rgba(152,185,203,.08)!important;border-color:rgba(180,224,234,.09)!important;color:#63818f!important;opacity:.75}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences {position:relative;flex:0 0 auto;min-width:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>summary {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 6px;border-radius:10px;color:#a6b8c4;font-size:12px;list-style:none;cursor:pointer}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>summary::-webkit-details-marker {display:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences[open]>summary {background:rgba(142,190,212,.08);color:#e4eff5}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences:not([open])>.agent-mode-picks {display:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>.agent-mode-picks {position:absolute;z-index:20;inset:auto 0 calc(100% + 12px) auto;display:grid!important;grid-template-columns:1fr;gap:12px;width:min(310px,calc(100vw - 64px));padding:16px;border:1px solid rgba(169,211,230,.23);border-radius:18px;background:#101d29;box-shadow:0 14px 50px rgba(0,0,0,.45)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-mode-picks label {display:grid!important;gap:5px;min-width:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-mode-picks .sr-only {position:static!important;display:block!important;width:auto!important;height:auto!important;clip:auto!important;margin:0!important;overflow:visible!important;white-space:normal!important;font-size:11px;color:#91a8b8}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-mode-picks select {width:100%!important;max-width:100%!important;min-height:44px!important;height:44px!important;border:1px solid rgba(155,198,221,.18)!important;border-radius:9px!important;background:#172735!important;color:#e0eaf0!important;padding:7px 9px!important;font-size:16px!important;line-height:1.4!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {display:flex;align-items:center;gap:7px;min-width:0;flex:1;font-size:11px;color:#7d929f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state i {width:4px;height:4px;border-radius:50%;background:#688b99;flex-shrink:0}
html[data-ui="5"] .route-agent .stage1-r20-agent [data-surface-state="working"] .stage1-r20-compose-state {color:#b1d9e3}
html[data-ui="5"] .route-agent .stage1-r20-agent [data-surface-state="working"] .stage1-r20-compose-state i {background:#a2e7e9;box-shadow:0 0 8px rgba(162,231,233,.4)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer {width:min(860px,100%);margin:4px auto 0!important;min-height:36px!important;padding:0 2px!important;display:flex;align-items:center;justify-content:space-between;gap:8px!important;opacity:1;font-size:11px!important;color:#78909f}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>span {font-size:11px!important;max-width:none!important;line-height:1.5!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>.btn {min-height:44px!important;flex-shrink:0;font-size:12px;padding:7px 4px!important;color:#9eafb9!important}
html[data-ui="5"] .route-agent .stage1-r20-agent :is(button,select,input,summary,a):focus-visible {outline:2px solid #b7e7ee!important;outline-offset:3px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea:focus-visible {outline:none!important}

@media(min-width:1200px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-workbench {grid-template-columns:204px minmax(0,1fr)!important}
}
@media(max-width:1199px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-workbench {grid-template-columns:minmax(0,1fr)!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-history {display:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-history-toggle {display:inline-flex!important}
}
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead {display:flex!important;justify-content:space-between;padding:5px 4px 7px!important;gap:8px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead>div:first-child {min-width:0}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead h1 {font-size:16px!important;font-weight:500;line-height:1.4!important;white-space:nowrap}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead :is(p,.agent-section-kicker) {display:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead .agent-context-tag {display:flex!important;flex-shrink:0;width:auto!important;margin:0!important;padding:0!important;gap:0!important;min-height:44px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead .agent-context-tag>:not(.agent-accessibility) {display:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-accessibility {min-width:44px!important;min-height:44px!important;border:0!important;margin:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs {gap:18px!important;margin:0 3px 8px!important;scrollbar-width:none}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs>button {font-size:12px!important;min-height:44px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {border-radius:22px!important;min-height:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="draft"] {border-radius:24px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {min-height:56px!important;height:56px!important;padding:6px 8px!important;gap:5px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong {font-size:13px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top small {font-size:10px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .agent-history-toggle {width:44px!important;min-width:44px!important;font-size:0!important;gap:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .agent-actions {gap:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log {padding:18px 16px!important;display:block!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome {min-height:100%!important;justify-content:center;padding:8px 0 16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-orbit {height:74px!important;min-height:74px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome .agent-ring.stage1-r20-intelligence-core {height:66px!important;width:66px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature {font-size:8px!important;gap:7px;margin-top:10px!important;letter-spacing:.13em!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome h2 {font-size:29px!important;line-height:1.25!important;margin:12px 0!important;letter-spacing:-.035em!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome>p {font-size:14px!important;line-height:1.75!important;max-width:330px!important;margin-bottom:18px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:0 16px!important;max-width:340px!important;overflow:visible!important;padding:0!important;margin:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {min-height:48px!important;font-size:12px!important;gap:6px!important;white-space:normal;justify-content:start}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>svg:last-child {margin-inline-start:auto}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row {gap:10px!important;margin-top:18px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row span {font-size:9px!important;gap:3px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row svg {width:12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {padding:10px 10px max(4px,env(safe-area-inset-bottom))!important;border-radius:0 0 22px 22px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {padding:8px 10px 5px!important;border-radius:17px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer:focus-within {border-radius:20px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {min-height:50px!important;max-height:135px!important;padding:5px 3px 10px!important;font-size:16px!important;line-height:1.65!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-toolbar {gap:9px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {font-size:10px;letter-spacing:0}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>summary {gap:5px;font-size:11px;padding-inline:3px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer {min-height:42px!important;gap:6px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>span {font-size:10px!important;max-width:65%!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>.btn {font-size:11px!important;gap:3px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-template-size] {padding:0 0 22px!important;margin-bottom:20px!important;border-radius:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-answer {font-size:15px!important;line-height:1.9!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-user-message {max-width:94%;font-size:15px!important;padding:10px 13px!important;margin-bottom:22px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working {padding:12px!important;gap:10px}
}
@media(max-width:360px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log {padding:14px 12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong {max-width:82px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome h2 {font-size:27px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {gap:0 10px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {font-size:9px;gap:4px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row {gap:6px!important}
}
@media(max-height:730px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome {justify-content:flex-start;padding-block:8px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome .agent-orbit {height:60px!important;min-height:60px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome .agent-ring.stage1-r20-intelligence-core {width:52px!important;height:52px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome>p {margin-bottom:12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row {margin-top:12px!important}
}
@media(prefers-reduced-motion:reduce) {
 html[data-ui="5"] .route-agent .stage1-r20-agent *,html[data-ui="5"] .route-agent .stage1-r20-agent *:before,html[data-ui="5"] .route-agent .stage1-r20-agent *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"]:after {display:none!important}
}
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent *,html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent *:before,html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent *:after {animation:none!important;transition:none!important}
html[data-ui="5"]:is([data-high-contrast="true"],.a11y-contrast) .route-agent .stage1-r20-agent {--canvas-line:rgba(200,228,245,.65);--canvas-muted:#d9e8f2}
html[data-ui="5"]:is([data-high-contrast="true"],.a11y-contrast) .route-agent .stage1-r20-agent :is(.agent-compose-footer,.stage1-r20-compose-state,.agent-trust-row,.agent-welcome>p,.agent-conversation-top small) {color:#d9e8f2!important}

/* History remains fully usable when it moves into its mobile dialog. */
html[data-ui="5"] .stage1-r20-history-modal .agent-search input {font-size:16px!important;min-height:44px}
html[data-ui="5"] .stage1-r20-history-modal :is(.agent-thread,.agent-new,.agent-studio-link) {min-height:44px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-latest {position:absolute;inset:auto 50% 210px auto;transform:translateX(50%);z-index:6;min-height:44px}

/* Resolve legacy full-screen mobile rules at their source of contention. */
html[data-ui="5"] .route-agent:has(.stage1-r20-agent) .app-area {height:100dvh!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}
html[data-ui="5"] .route-agent .workspace-main:has(.stage1-r20-agent) {flex:1!important;height:auto!important;min-height:0!important;max-height:none!important;padding-block:12px 14px!important;overflow:hidden!important}
html[data-ui="5"] .route-agent .stage1-r20-agent {height:100%!important;min-height:0!important;max-height:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-workbench {display:grid!important;flex:1!important;height:auto!important;max-height:none!important;min-height:0!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs {display:flex!important;scrollbar-width:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs::-webkit-scrollbar {display:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {display:flex!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top small {display:block!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer {display:flex!important;opacity:1!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-accessibility-action {min-height:44px!important;justify-content:flex-start;font-size:13px;border-top:1px solid rgba(169,211,230,.12)!important;border-radius:0!important;color:#b9cbd7!important}
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .workspace-main:has(.stage1-r20-agent) {padding-block:4px max(5px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead {display:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top>div:not(.agent-actions) {overflow:hidden}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong {max-width:100%!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top small {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>.agent-mode-picks {max-height:min(360px,calc(100dvh - 210px));overflow-y:auto;overscroll-behavior:contain}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {height:auto!important;overflow-y:auto}
}

/* R20 reference direction: luminous blue glass, orange optical seams and an
   original Earth horizon. The reference changes the material, not execution. */
html[data-ui="5"] .route-agent .stage1-r20-agent {
 --canvas-ink:#f1faff;--canvas-muted:#9dbdce;--canvas-line:rgba(72,166,210,.43);
 --canvas-cyan:#35dcff;--canvas-warm:#ff9b3c;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {
 border-color:rgba(86,170,211,.58)!important;border-radius:18px!important;
 background:radial-gradient(ellipse at 51% -8%,rgba(0,156,236,.18),transparent 54%),linear-gradient(145deg,rgba(4,23,38,.93),rgba(0,10,19,.98))!important;
 box-shadow:0 16px 65px rgba(0,0,0,.42),0 0 16px rgba(11,164,244,.09),inset 0 1px rgba(195,234,255,.2),inset -1px -1px rgba(255,147,54,.28)!important;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface:before {
 content:"";position:absolute;inset:auto 0 0!important;width:100%;height:49%;z-index:0!important;opacity:.48!important;
 background:linear-gradient(180deg,#020d18 0%,rgba(2,13,24,.7) 32%,rgba(2,13,24,.32) 74%,rgba(2,13,24,.58)),url('/brand/earth-cinematic-r20.png') center 54%/cover no-repeat!important;
 mix-blend-mode:screen;pointer-events:none;border-radius:inherit;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-canvas-trace {position:absolute;z-index:5;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;box-shadow:inset 0 1px rgba(166,223,251,.08)}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-canvas-trace:before {content:"";position:absolute;inset:auto auto 0 0;width:34%;height:1px;background:linear-gradient(90deg,#ffd0a0,#ff971b 23%,rgba(255,146,31,.5) 58%,transparent);box-shadow:0 0 7px #ff951e,0 0 18px rgba(255,128,8,.65)}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-canvas-trace:after {content:"";position:absolute;inset:0 0 auto auto;width:1px;height:34%;background:linear-gradient(#ffcc91,#ff981f 18%,rgba(255,141,31,.35) 57%,transparent);box-shadow:0 0 8px #ff951e,0 0 19px rgba(255,128,8,.5)}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="draft"] {border-color:rgba(48,200,255,.75)!important;border-radius:22px!important;box-shadow:0 18px 64px rgba(0,0,0,.45),0 0 20px rgba(0,165,244,.1),inset 0 1px rgba(186,235,255,.25),inset -1px -1px rgba(255,147,54,.32)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] {border-color:rgba(41,211,255,.83)!important;box-shadow:0 20px 70px rgba(0,0,0,.44),0 0 32px rgba(0,178,255,.18),inset 0 1px rgba(216,245,255,.3)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"]:after {opacity:.68;background:linear-gradient(180deg,transparent 44%,rgba(28,186,255,.07) 49.5%,rgba(112,235,255,.44) 50%,rgba(255,148,47,.17) 50.25%,transparent 50.5%)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {background:linear-gradient(180deg,rgba(21,60,83,.53),rgba(2,20,33,.32))!important;border-bottom-color:rgba(79,169,211,.24)!important;box-shadow:inset 0 1px rgba(210,241,255,.05)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong {font-size:15px!important;color:white}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top strong:before {content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#27e8b0;box-shadow:0 0 9px rgba(20,231,165,.7);margin-inline-end:8px;vertical-align:middle}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .btn {color:#a5d5e9!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs {gap:16px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs>button.active {border-bottom-color:#2bdaff!important;color:#d7f5ff!important;text-shadow:0 0 12px rgba(40,190,246,.3)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-tabs>button.active svg {color:#31d8ff;filter:drop-shadow(0 0 4px rgba(0,180,255,.6))}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-history {border:1px solid rgba(66,132,168,.28)!important;border-radius:16px!important;padding:14px 12px!important;background:linear-gradient(160deg,rgba(9,33,49,.65),rgba(2,13,23,.78))!important;box-shadow:inset 0 1px rgba(166,224,251,.08)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-new {border-color:rgba(59,162,209,.35)!important;background:linear-gradient(140deg,rgba(14,57,79,.65),rgba(4,28,43,.85))!important;border-radius:10px!important;color:#dff6ff!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-thread.selected {color:#e8faff;background:linear-gradient(90deg,rgba(4,134,199,.19),rgba(2,79,119,.06));box-shadow:inset -2px 0 #26c9ff}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-orbit:before {width:300px!important;height:170px!important;opacity:.95;background:radial-gradient(ellipse,rgba(0,158,255,.19),rgba(0,81,170,.075) 43%,transparent 70%)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core {
 border:1px solid #4ed6ff!important;
 background:radial-gradient(circle at 29% 20%,rgba(217,250,255,.57),transparent 7%),radial-gradient(ellipse at 35% 14%,rgba(7,156,247,.7),transparent 33%),radial-gradient(circle at 50% 54%,#010b17 29%,#032840 70%,#00548a 92%)!important;
 box-shadow:0 0 5px #a5f0ff,0 0 13px rgba(0,177,255,.93),0 0 38px rgba(0,149,255,.45),inset 0 0 6px #36caff,inset 0 -5px 14px rgba(0,157,255,.7)!important;
}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:before {inset:6px!important;border-color:rgba(46,155,225,.22)!important;transform:rotate(-32deg) scaleX(.4)!important;box-shadow:0 0 4px rgba(2,169,255,.1);opacity:.72!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:after {inset:5px!important;border-color:rgba(27,182,255,.32)!important;transform:rotate(32deg) scaleX(.42)!important;opacity:.9}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core .agent-orb-core {width:9px!important;height:9px!important;margin:-4.5px 0 0 -4.5px!important;background:#ddfbff!important;box-shadow:0 0 5px #5fecff,0 0 14px #00b4ff!important;filter:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:is(.is-thinking,.is-speaking) {animation:cs-r20-reference-signal 1.8s ease-in-out infinite alternate!important}
@keyframes cs-r20-reference-signal {to{box-shadow:0 0 7px #b8f2ff,0 0 18px rgba(0,186,255,.98),0 0 48px rgba(0,149,255,.6),inset 0 0 8px #36caff,inset 0 -6px 18px rgba(0,157,255,.8);border-color:#adf0ff}}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small {box-shadow:0 0 4px rgba(72,216,255,.8),0 0 12px rgba(0,149,255,.22),inset 0 0 5px rgba(0,161,255,.6)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core.small .agent-orb-core {width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature {color:#6ccce7!important;letter-spacing:.16em!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature i {background:linear-gradient(90deg,transparent,#29c6ff,transparent);box-shadow:0 0 6px rgba(5,173,255,.4)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome h2 {font-weight:650!important;text-shadow:0 2px 20px rgba(0,11,25,.85)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome>p {color:#a9c4d2!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;max-width:560px!important;padding:5px 10px!important;border:1px solid rgba(65,153,199,.34)!important;border-radius:12px!important;background:linear-gradient(140deg,rgba(13,53,78,.63),rgba(3,27,42,.78))!important;box-shadow:inset 0 1px rgba(196,237,255,.08)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {min-height:46px!important;width:100%!important;padding:9px 10px!important;font-size:13px!important;border-bottom-color:rgba(66,152,191,.2)!important;color:#d2eaf5!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button:nth-last-child(-n+2) {border-bottom-color:transparent!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>svg:first-child {color:#21ccff;opacity:1;filter:drop-shadow(0 0 4px rgba(0,174,255,.45))}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>svg:last-child {color:#4b93b6;margin-inline-start:auto}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button:hover {background:rgba(7,144,207,.07)!important;color:white!important;border-bottom-color:rgba(24,197,255,.7)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row {color:#90b8c9}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-trust-row svg {color:#2acaec}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {border-top-color:rgba(39,115,153,.17)!important;border-radius:0 0 18px 18px!important;background:linear-gradient(180deg,rgba(2,17,29,.4),rgba(1,12,22,.97))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {border-color:rgba(75,165,207,.5)!important;border-radius:14px!important;background:linear-gradient(125deg,rgba(22,72,102,.6),rgba(7,36,57,.87))!important;box-shadow:inset 0 1px rgba(188,234,255,.1),0 5px 18px rgba(0,0,0,.14)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer:focus-within {border-radius:18px!important;border-color:rgba(67,202,255,.82)!important;background:linear-gradient(125deg,rgba(21,76,110,.68),rgba(6,35,59,.94))!important;box-shadow:0 0 14px rgba(0,153,231,.13),inset 0 1px rgba(202,240,255,.19)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {font-size:16px!important;color:#edfaff!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea::placeholder {color:#93b6ca}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-send.btn {border-color:#269cdf!important;border-radius:50%!important;background:linear-gradient(145deg,#0b5686,#02304f)!important;color:#6dddff!important;box-shadow:0 0 12px rgba(0,148,240,.19),inset 0 1px rgba(131,228,255,.25)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-send.btn:disabled {border-color:rgba(42,138,185,.25)!important;background:rgba(5,48,73,.33)!important;color:#4987a5!important;box-shadow:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>.agent-mode-picks {border-color:rgba(70,169,222,.62);border-radius:14px;background:linear-gradient(150deg,#08243a,#041625);box-shadow:0 12px 42px rgba(0,0,0,.6),0 0 18px rgba(0,132,208,.12),inset 0 1px rgba(188,234,255,.14)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-mode-picks select {border-color:rgba(56,149,193,.47)!important;background:#082b43!important;color:#dff6ff!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {color:#88b4c8}
html[data-ui="5"] .route-agent .stage1-r20-agent [data-surface-state="working"] .stage1-r20-compose-state i {background:#24ddff;box-shadow:0 0 9px rgba(0,174,255,.85)}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-user-message {border-color:rgba(61,153,201,.32)!important;background:linear-gradient(135deg,rgba(15,64,91,.68),rgba(4,31,50,.82))!important;box-shadow:inset 0 1px rgba(166,225,253,.06)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent :is(.agent-proposal,.vx-chat-workspace,.vx-chat-source,.agent-sources) {border-color:rgba(66,151,193,.4)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(10,40,59,.72),rgba(2,22,35,.85))!important;box-shadow:inset 0 1px rgba(188,230,254,.06)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-working {border:1px solid rgba(28,166,224,.28)!important;background:linear-gradient(135deg,rgba(4,58,87,.38),rgba(2,27,46,.74))!important;box-shadow:0 0 20px rgba(0,147,237,.055)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-terminal-time {color:#42d7ff!important;text-shadow:0 0 9px rgba(0,173,255,.3)}
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {border-radius:16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="draft"] {border-radius:20px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface:before {height:44%;opacity:.34!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {gap:0!important;max-width:340px!important;padding:3px 6px!important;border-radius:11px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {min-height:48px!important;padding:8px 6px!important;font-size:12px!important;gap:6px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {border-radius:0 0 16px 16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {border-radius:13px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer:focus-within {border-radius:17px!important}
}
@media(max-width:360px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {padding-inline:4px!important;font-size:11px!important;gap:5px!important}
}
@media(prefers-reduced-motion:reduce) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:is(.is-thinking,.is-speaking) {animation:none!important}
}
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent .agent-ring.stage1-r20-intelligence-core:is(.is-thinking,.is-speaking) {animation:none!important}

/* Small-screen containment: a grid's automatic column must never grow to the
   intrinsic width of Hebrew labels, a textarea or a control disclosure. */
html[data-ui="5"] .route-agent .stage1-r20-agent,
html[data-ui="5"] .route-agent .stage1-r20-agent *,
html[data-ui="5"] .route-agent .stage1-r20-agent *:before,
html[data-ui="5"] .route-agent .stage1-r20-agent *:after {box-sizing:border-box}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}
html[data-ui="5"] .route-agent .stage1-r20-agent :is(.agent-conversation-top,.agent-conversation-log,.agent-composer-wrap,.agent-welcome,.agent-composer-toolbar,.agent-compose-footer,.agent-turn) {min-width:0!important;max-width:100%!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {width:100%!important;justify-self:stretch!important;left:auto!important;right:auto!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:860px!important;justify-self:stretch!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {grid-column:1!important;width:100%!important;min-width:0!important;max-width:100%!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-toolbar {grid-column:1!important;width:100%!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome :is(h2,p) {min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions {min-width:0!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button {min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-suggestions button>span {min-width:0;flex:1}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-ai-signature {max-width:100%;flex-wrap:wrap}
html[data-ui="5"] .route-agent .stage1-r20-agent :is(.vx-runtime,.vx-delivery-panel,.vx-finance-panel,.vx-quote-delivery-panel) {flex:1!important;min-height:0!important;min-width:0!important;max-width:100%!important;overflow:auto!important;overscroll-behavior:contain}
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;width:100%!important;gap:4px!important;padding-inline:6px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .agent-actions {display:flex!important;flex-wrap:nowrap!important;min-width:0!important;gap:0!important;margin:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top .btn {flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;padding:10px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top>div:not(.agent-actions) {width:100%!important;min-width:0!important;max-width:100%!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log {width:100%!important;padding-inline:12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome {width:100%!important;padding-inline:0!important;overflow:visible!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {padding-inline:8px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {padding-inline:9px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer {width:100%!important;flex-wrap:nowrap!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>span {min-width:0;flex:1;max-width:none!important;overflow-wrap:anywhere}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>.agent-mode-picks {max-width:calc(100vw - 56px)!important}
}
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"]:after {animation:none!important;display:none!important}
@media(prefers-reduced-motion:reduce) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"]:after {animation:none!important;display:none!important}
}

/* The mobile toolbar places Preferences at the physical left edge. Anchor its
   sheet to that edge; desktop keeps the existing right-side anchor. */
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-composer-preferences>.agent-mode-picks {left:0!important;right:auto!important;width:min(310px,calc(100vw - 56px))!important;max-width:calc(100vw - 56px)!important}
}

/* Precision pass: a composed introduction, a connected prompt instrument and
   a composer that grows from the actual draft instead of occupying dead space. */
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead {min-height:0!important;padding:4px 4px 12px!important;gap:16px}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead h1 {font-size:22px!important;line-height:1.25!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead p {font-size:12px!important;line-height:1.5!important;margin-top:4px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-masthead .agent-section-kicker {font-size:8px!important;margin-bottom:5px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface {background:radial-gradient(ellipse at 50% -15%,rgba(0,137,216,.14),transparent 55%),linear-gradient(155deg,rgba(4,24,39,.97),rgba(0,9,17,.995))!important;box-shadow:0 18px 64px rgba(0,0,0,.38),inset 0 1px rgba(196,235,255,.2),inset -1px -1px rgba(255,148,57,.25)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface:before {height:55%;opacity:.31!important;background:linear-gradient(180deg,#020e18,rgba(2,13,24,.66) 45%,rgba(2,13,24,.18)),url('/brand/earth-cinematic-r20.png') center 46%/cover no-repeat!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {height:58px!important;min-height:58px!important;padding-block:7px!important;background:linear-gradient(180deg,rgba(19,53,74,.5),rgba(3,22,35,.35))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top small {font-size:10px!important;letter-spacing:.015em}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:has(.stage1-r20-welcome) {display:flex!important;flex-direction:column!important;align-items:center!important;padding:26px 30px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome.stage1-r20-welcome {flex:0 0 auto!important;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;width:min(740px,100%)!important;max-width:100%!important;padding:0!important;margin:auto!important;overflow:visible!important;text-align:start!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-intro {display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:28px;min-width:0;padding:6px 2px 28px;direction:rtl;transition:padding .3s var(--canvas-ease)}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-copy {grid-column:1;grid-row:1;min-width:0;text-align:start}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-orbit {grid-column:2;grid-row:1;display:grid!important;place-items:center!important;align-content:center!important;width:104px!important;height:104px!important;min-height:104px!important;max-height:104px!important;margin:0!important;padding:0!important;flex:none!important;gap:0!important;transform:none!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-orbit:before {display:block!important;inset:50% auto auto 50%!important;width:240px!important;height:180px!important;transform:translate(-50%,-50%);opacity:.75!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-ring.stage1-r20-intelligence-core {height:84px!important;width:84px!important;box-shadow:0 0 3px #aff1ff,0 0 11px rgba(0,177,255,.88),0 0 32px rgba(0,149,255,.32),inset 0 0 7px #36caff,inset 0 -5px 14px rgba(0,157,255,.6)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .stage1-r20-ai-signature {display:flex!important;justify-content:flex-start!important;width:max-content;max-width:100%;gap:8px!important;font-size:9px!important;line-height:1.5;letter-spacing:.11em!important;margin:0 0 11px!important;padding:0!important;direction:ltr;color:#58bedf!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome h2 {font-size:clamp(29px,2.65vw,40px)!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.035em!important;margin:0 0 12px!important;padding:0!important;text-shadow:0 2px 15px #020f1f}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-copy p {width:min(420px,100%);max-width:100%!important;margin:0!important;font-size:15px!important;line-height:1.8!important;color:#a9c4d2!important;text-align:start}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 2px 12px;font-size:11px;color:#adc8d8;direction:rtl}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-heading>span:last-child {font-size:10px;color:#698eaa}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;padding:0!important;gap:0!important;border-radius:14px!important;border:1px solid rgba(64,149,193,.42)!important;background:linear-gradient(135deg,rgba(21,57,79,.57),rgba(3,24,39,.77))!important;box-shadow:inset 0 1px rgba(179,229,255,.13),0 12px 36px rgba(0,0,0,.1)!important;overflow:hidden!important;direction:rtl}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button {display:flex!important;gap:12px!important;min-height:74px!important;padding:14px 16px!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(83,151,187,.17)!important;box-shadow:none!important;background:transparent!important;color:#e5f4fb!important;direction:rtl;transition:background .2s ease!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button:nth-child(odd) {border-inline-end:1px solid rgba(83,151,187,.17)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button:nth-last-child(-n+2) {border-bottom:0!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button:hover {background:linear-gradient(100deg,rgba(0,129,200,.11),rgba(8,77,119,.05))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button>svg:first-child {flex:0 0 30px;width:30px!important;height:30px!important;padding:6px;border:1px solid rgba(42,154,216,.25);border-radius:9px;background:linear-gradient(150deg,rgba(4,107,169,.19),rgba(4,51,84,.3));color:#31d1ff;filter:drop-shadow(0 0 4px rgba(0,151,235,.23))}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy {display:grid;gap:5px;min-width:0;text-align:start;line-height:1.35}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy strong {font-size:14px;font-weight:560;line-height:1.35;color:#dfedf7}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy small {display:block;font-size:11px;line-height:1.45;color:#759db6;font-weight:400}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-trust-row {width:100%;margin:18px 0 0!important;gap:18px!important;padding:0!important;justify-content:flex-start!important;direction:rtl}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-trust-row span {min-height:20px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10px!important;color:#769caf!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {padding:12px 26px 8px!important;background:linear-gradient(180deg,rgba(0,13,24,.18),rgba(1,12,21,.98))!important;backdrop-filter:blur(16px)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {position:relative!important;min-height:0!important;padding:9px 13px 6px!important;gap:3px!important;border-color:rgba(76,161,206,.56)!important;background:linear-gradient(130deg,rgba(22,65,91,.65),rgba(5,34,56,.88))!important;box-shadow:inset 0 1px rgba(174,226,253,.14),0 7px 18px rgba(0,0,0,.18)!important;transition:padding .3s var(--canvas-ease),border-radius .3s var(--canvas-ease),border-color .3s ease,box-shadow .3s ease!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer:before {content:"";position:absolute;inset:0 18px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(132,217,255,.45),transparent);pointer-events:none}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {height:var(--composer-content-height,44px)!important;min-height:44px!important;max-height:180px!important;line-height:1.65!important;font-size:16px!important;padding:8px 4px 6px!important;transition:height .2s var(--canvas-ease)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-toolbar {min-height:44px!important;gap:12px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {font-size:10px!important;letter-spacing:.02em;color:#739db7}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer {margin-top:0!important;min-height:38px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="draft"] .agent-composer {padding-block:12px 8px!important;border-radius:20px!important;border-color:rgba(70,198,245,.78)!important;box-shadow:0 0 0 1px rgba(20,173,230,.045),inset 0 1px rgba(186,237,255,.2),0 10px 28px rgba(0,0,0,.2)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] .agent-composer {border-color:rgba(46,191,242,.69)!important;background:linear-gradient(130deg,rgba(14,55,84,.79),rgba(3,26,47,.92))!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] .agent-composer:before {background:linear-gradient(90deg,transparent,rgba(82,211,255,.8),#ffa452,transparent);background-size:200% 100%;animation:cs-r20-composer-light 2s linear infinite}
@keyframes cs-r20-composer-light {to{background-position:200% 0}}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-run-state="completed"] .agent-answer {animation:cs-r20-answer-entry .28s ease-out both}
@keyframes cs-r20-answer-entry {from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-run-state="working"],html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-run-state="queued"] {border-bottom-color:rgba(29,170,226,.2)!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-thread-content {gap:0}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-search {margin-block:14px 22px!important}
html[data-ui="5"] .route-agent .stage1-r20-agent .agent-nav-note p {font-size:11px;line-height:1.8}
@media(max-width:899px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:has(.stage1-r20-welcome) {padding:24px 22px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-intro {grid-template-columns:minmax(0,1fr) 80px;gap:20px;padding-bottom:24px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-orbit {width:80px!important;height:88px!important;min-height:88px!important;max-height:88px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-ring.stage1-r20-intelligence-core {width:70px!important;height:70px!important}
}
@media(max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-top {height:54px!important;min-height:54px!important;padding-block:5px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:has(.stage1-r20-welcome) {padding:22px 16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-welcome.stage1-r20-welcome {width:100%!important;margin:auto!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-intro {display:flex;flex-direction:column;align-items:center;gap:0;padding:0 0 22px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-copy {text-align:center;width:100%;min-width:0}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-orbit {width:78px!important;height:86px!important;min-height:86px!important;max-height:86px!important;margin:0 0 8px!important;padding:0!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-ring.stage1-r20-intelligence-core {width:64px!important;height:64px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .stage1-r20-ai-signature {justify-content:center!important;width:100%;font-size:8px!important;letter-spacing:.12em!important;margin:0 0 12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome h2 {font-size:29px!important;line-height:1.24!important;letter-spacing:-.035em!important;margin:0 0 10px!important;text-align:center}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-copy p {max-width:290px!important;width:100%;margin-inline:auto!important;font-size:14px!important;line-height:1.75!important;text-align:center}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-heading {padding:0 1px 10px;font-size:10px;gap:8px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-heading>span:last-child {font-size:9px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button {min-height:74px!important;padding:12px 10px!important;gap:8px!important;align-items:center}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button>svg:first-child {flex-basis:25px;width:25px!important;height:25px!important;padding:4px;border-radius:7px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy {gap:4px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy strong {font-size:12px;line-height:1.4}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy small {font-size:10px;line-height:1.55}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button>svg:last-child {display:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-trust-row {gap:8px 12px!important;justify-content:center!important;margin-top:16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-trust-row span {font-size:9px!important;gap:3px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-wrap {padding:10px 8px 3px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer {padding:6px 9px 5px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {height:var(--composer-content-height,44px)!important;min-height:44px!important;max-height:132px!important;padding:6px 3px!important;font-size:16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer-toolbar {gap:8px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-compose-state {font-size:9px!important;letter-spacing:0}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-compose-footer>span {font-size:9px!important}
}
@media(max-width:360px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:has(.stage1-r20-welcome) {padding:18px 12px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome h2 {font-size:26px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button {padding:11px 8px!important;gap:6px!important;min-height:78px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-suggestions button>svg:first-child {flex-basis:22px;width:22px!important;height:22px!important;padding:3px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy strong {font-size:11px}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-prompt-copy small {font-size:9px}
}
@media(max-height:760px) and (max-width:680px) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-conversation-log:has(.stage1-r20-welcome) {padding-block:16px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-orbit {height:66px!important;min-height:66px!important;max-height:66px!important;margin-bottom:5px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome .agent-ring.stage1-r20-intelligence-core {height:50px!important;width:50px!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-welcome-intro {padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce) {
 html[data-ui="5"] .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] .agent-composer:before,
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-turn[data-run-state="completed"] .agent-answer {animation:none!important}
 html[data-ui="5"] .route-agent .stage1-r20-agent .agent-composer textarea {transition:none!important}
}
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent .stage1-r20-chat-surface[data-surface-state="working"] .agent-composer:before,
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent .agent-turn[data-run-state="completed"] .agent-answer {animation:none!important}
html[data-ui="5"]:is([data-reduced-motion="true"],.a11y-no-motion) .route-agent .stage1-r20-agent .agent-composer textarea {transition:none!important}