/* One transparent transcript, with the original terminal duet at a shared pixel scale. */
.content-scroll{overflow-anchor:none;container-type:size}
.processing.terminal-processing,.theme-dark .processing.terminal-processing{padding:20px 0 8px;margin:8px auto 16px;width:min(720px,100%);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
/* Give the current query one chat viewport; past messages remain scrollable above it. */
.content-scroll:has(.terminal-processing:not([hidden]):not(.is-drafting)){padding-block:0;scroll-behavior:auto}
.processing.terminal-processing:not(.is-drafting){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"capabilities" "animation" "research";row-gap:16px;height:100cqh;min-height:190px;width:100%;padding:0;margin:0 auto}
/* Bound the two text regions so growing tool output cannot move or cover Cooper. */
.processing-capabilities{grid-area:capabilities;align-self:end;justify-self:center;width:min(720px,100%);min-width:0;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.processing-capabilities .capability-usage{margin:0;overflow-wrap:anywhere}
.processing-center{grid-area:animation;width:100%;min-width:0}
.processing-details{grid-area:research;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;width:min(720px,100%);justify-self:center;padding:0 4px 12px}
.processing-capabilities:focus-visible,.processing-details:focus-visible{outline:1px solid var(--orange);outline-offset:-1px;border-radius:6px}
.terminal-processing .processing-visual{height:auto;display:flex;margin:0 auto 12px;gap:0}
/* Match the CLI's 33 character columns to the status line's monospace font. */
#terminalDuet{display:block;font:13px var(--mono);width:min(33ch,100%);height:auto;aspect-ratio:33/14;image-rendering:pixelated}
.terminal-processing .processing-label{font:13px/1.7 var(--mono);color:#ff5f1f;gap:16px;flex-wrap:wrap}
.terminal-processing .processing-label strong{font:inherit;font-weight:400}
.terminal-processing #elapsed,.terminal-processing #retrievedCount{font:inherit;color:var(--muted);margin:0}
.research-trail{margin:16px auto 0;font:9px/1.7 var(--mono);color:var(--faint);width:fit-content;max-width:100%}
.research-trail summary{cursor:pointer;list-style:none}.research-trail summary::after{content:' +';color:var(--muted)}.research-trail[open] summary::after{content:' −'}
.research-trail .stage-track{margin-top:10px}.research-trail .stage-track span{border:0;background:none;padding:2px 4px;font-family:var(--mono)}
.terminal-processing .graph-walk{margin:12px auto 0;padding:0;border:0;max-width:620px;text-align:center;font-family:var(--mono)}
.terminal-processing .graph-title{font:10px/1.8 var(--mono);color:#c9531f;margin-bottom:6px}
.graph-hop{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:3px 8px;font:10px/1.8 var(--mono);color:var(--muted);animation:hop-arrive .5s ease both;overflow-wrap:anywhere}
.graph-hop[data-current=true]{color:var(--text)}.hop-arrow{flex-shrink:0;color:#c9531f}
.evidence-details{font:9px/1.8 var(--mono);color:var(--faint);margin:8px auto 0}.evidence-details summary{cursor:pointer;list-style:none}.evidence-details summary::after{content:' ↗'}.evidence-details p{text-align:left;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}
.evidence-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}
.particle-field{mask-image:radial-gradient(ellipse at var(--graph-center,65%) 42%,rgb(0 0 0 / calc(.2 + var(--research-glow,0)*.36)) 0%,rgb(0 0 0 / calc(.333 + var(--research-glow,0)*.27)) 24%,#000c 62%,#000 100%)}
.particle-field[data-activity]:not([data-activity=idle]){mask-image:radial-gradient(ellipse at var(--graph-center,65%) 46%,#0008 0%,#000b 28%,#000f 68%)}
.terminal-processing .tool-ledger{font-family:var(--mono);margin-top:14px}
.terminal-processing.is-drafting .processing-center{display:none}
.terminal-processing.is-drafting .processing-capabilities{max-height:240px;margin:0 auto 12px}
.terminal-processing.is-drafting .processing-details{display:block;max-height:360px;margin-bottom:12px}
.terminal-processing.is-drafting{width:min(790px,100%);padding-top:0}
.terminal-answer{min-width:0;margin:0;padding:17px 22px 10px;border:1px solid #c9531f99;border-radius:7px;background:transparent}
.terminal-answer legend{margin-inline:auto;padding:0 9px;text-align:center;color:#ff5f1f;font:13px/1.7 var(--mono)}
.terminal-answer legend span{color:var(--muted);font-size:11px}
.terminal-answer .answer-body{font:12px/1.8 var(--mono)}
.terminal-processing.is-drafting .draft-answer{margin-top:12px;text-align:left;line-height:1.85;white-space:normal}
.terminal-response .source-chips,.terminal-response .memory-reference,.terminal-response .followups{margin-left:14px}
.theme-dark .assistant-message.terminal-response,.assistant-message.terminal-response{background:transparent;box-shadow:none;padding:0}
.resident-dock{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:116px;padding:0 12px 2px;position:relative}
.resident-dock>button{display:block;padding:0;width:min(42ch,100%);font:13px var(--mono);border-radius:8px}
#residentCreature{display:block;width:100%;height:auto;aspect-ratio:42/18;image-rendering:pixelated}
.resident-caption{display:block;max-width:100%;min-height:19px;text-align:center;font:11px/1.7 var(--mono);color:#c9531f;overflow-wrap:anywhere}
#galleryDock{display:flex;flex-direction:column;align-items:center;height:auto;min-height:135px;padding:12px 0}
#galleryCreature{width:min(42ch,100%);height:auto;aspect-ratio:42/18;font:13px var(--mono)}
@media(max-height:650px){.resident-dock{min-height:94px}.resident-dock>button{font-size:10px}.resident-caption{font-size:10px}}
/* Terminal Pro-inspired black glass. Text stays opaque; only surfaces transmit light. */
.theme-dark .assistant-message{background:linear-gradient(110deg,#0006,#0001);box-shadow:none;border-radius:8px;text-shadow:0 1px 8px #0009}
html:has(body.native-glass){background:transparent}
body.native-glass{background:#f5f5f345}
/* Apple Terminal Pro: black at 85% opacity, no window blur. */
body.native-glass.theme-dark{background:rgb(0 0 0 / .85)}
body.theme-dark:not(.reduce-glass){--glass:#08080866;--surface:#080808cc;--hover:#ffffff0c}
body:not(.theme-dark):not(.reduce-glass){--glass:#ffffff8a;--surface:#ffffffad}
body:not(.theme-dark):not(.reduce-glass) .rail{background:linear-gradient(150deg,#ffffff99,#ffffff28 60%),#e3e8e757;box-shadow:inset 0 1px 0 #fffc,0 20px 45px -36px #50605955}
body:not(.theme-dark):not(.reduce-glass) .composer{background:linear-gradient(135deg,#ffffffaf,#ffffff67 55%,#f5f7f35c);border-color:#ffffffb8;box-shadow:inset 0 1px 0 #fff,0 19px 50px -36px #52634865;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.theme-dark:not(.reduce-glass) .rail{background:#00000066;border-color:#ffffff23;box-shadow:inset 0 1px 0 #ffffff22,inset 1px 0 0 #ffffff09,0 20px 45px -36px #000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.theme-dark:not(.reduce-glass) .new-chat,.theme-dark:not(.reduce-glass) .memory-card{background:#00000059;border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff18,0 10px 26px -25px #000b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.theme-dark:not(.reduce-glass) .composer{background:#00000080;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003,0 19px 50px -36px #000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.theme-dark:not(.reduce-glass) .panel{background:#000000d9;border-color:#ffffff2c;box-shadow:inset 0 1px 0 #ffffff22,0 22px 90px #0007;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.theme-dark:not(.reduce-glass) .tool-toggle{background:#00000040;border-color:#ffffff1c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.theme-dark:not(.reduce-glass) .tool-toggle[aria-pressed=true]{background:#ed925a14;border-color:#ed925a40;color:#edb088}
.theme-dark:not(.reduce-glass) .user-message .message-text{background:linear-gradient(130deg,#ffffff08,#0000),#00000040;border-color:#ffffff24;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.theme-dark:not(.reduce-glass) .panel::backdrop{background:#00000066;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.reduce-glass .assistant-message,.reduce-glass .rail,.reduce-glass .new-chat,.reduce-glass .memory-card,.reduce-glass .composer,.reduce-glass .panel,.reduce-glass .tool-toggle,.reduce-glass .user-message .message-text{background:var(--bg)!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.native-glass.reduce-glass{background:var(--bg)}
@keyframes hop-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.processing.terminal-processing{padding-top:28px}.terminal-processing .processing-label{gap:8px;font-size:11px}.graph-hop{font-size:9px}.terminal-processing .processing-visual{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.graph-hop{animation:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body.native-glass,.theme-dark .assistant-message,.theme-dark .rail,.theme-dark .composer,.theme-dark .new-chat,.theme-dark .memory-card,.theme-dark .panel{background:var(--bg)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.evidence-field{opacity:.35}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body.theme-dark:not(.reduce-glass){--glass:#080808;--surface:#080808;--hover:#ffffff18}body:not(.theme-dark):not(.reduce-glass){--glass:#ffffffdb;--surface:#fffffff0}body:not(.theme-dark):not(.reduce-glass) .rail,.theme-dark:not(.reduce-glass) .tool-toggle,.theme-dark:not(.reduce-glass) .user-message .message-text{background:var(--bg)!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.theme-dark:not(.reduce-glass) .panel::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Observed execution paths stay available after result delivery and chat reload. */
.execution-trace{margin:14px 0;color:var(--muted,#a69d96);font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.execution-trace summary{cursor:pointer;padding:5px 0}
.execution-trace .trace-note{max-width:75ch;font-size:10px;opacity:.8}
.execution-trace ol{list-style:none;padding:0;max-height:340px;overflow:auto;overscroll-behavior:contain}
.execution-trace li{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #8882;overflow-wrap:anywhere}
.execution-trace .trace-kind{font-size:9px;min-width:105px;color:#a99b8d}
.execution-trace [data-kind=knowledge] .trace-kind{color:#ce8f56}
.execution-trace [data-kind=data] .trace-kind{color:#70a0d1}
.execution-trace [data-kind=provenance] .trace-kind{color:#67a69d}
.execution-trace [data-kind=dependency] .trace-kind{color:#a68bd1}
.execution-trace .trace-status{color:#c27b66;font-size:10px}
.execution-trace button{font:inherit;font-size:10px;padding:3px 7px;border:1px solid #8884;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.execution-trace button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.trace-replay-launch{display:inline-flex;gap:8px;margin:4px 0 12px;padding:8px 12px;border:1px solid #b36a3a88;border-radius:7px;background:#20140c99;color:#efad78;font:11px/1.4 var(--mono);cursor:pointer}
.trace-replay-launch:focus-visible,.trace-playback :focus-visible{outline:2px solid #f0a267;outline-offset:3px}
.trace-playback{position:fixed;right:24px;bottom:24px;z-index:35;width:min(620px,calc(100vw - 32px));padding:16px 18px;border:1px solid #b5734999;border-radius:14px;background:#100c08f5;box-shadow:0 16px 60px #000b;color:#e6c4a7;font:11px/1.6 var(--mono)}
.trace-playback[hidden]{display:none}.trace-playback strong{font-size:11px;font-weight:500;color:#efad78}.replay-counter{float:right;color:#ac9c90}
.replay-path{margin:10px 0 12px;max-height:5em;overflow:auto;overflow-wrap:anywhere;color:#eee0d3}.trace-playback input[type=range]{display:block;width:100%;accent-color:#e68d4b}
.replay-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.replay-buttons button,.replay-buttons select{padding:5px 9px;border:1px solid #a17a5d66;border-radius:6px;background:#1e1711;color:#edc39e;font:inherit;cursor:pointer}.replay-buttons :disabled{opacity:.4;cursor:default}.replay-buttons button:last-child{margin-left:auto}
#conversation{transition:opacity .45s}.is-replaying #conversation{opacity:.1;pointer-events:none}.is-replaying .composer-area{opacity:.2;transition:opacity .45s}
.is-replaying #residentDock{display:none}
@media(max-width:650px){.trace-playback{right:16px;bottom:16px;padding:12px}.replay-counter{float:none;display:block}.replay-buttons{gap:5px}}
@media(prefers-reduced-motion:reduce){#conversation,.is-replaying .composer-area{transition:none}}
.live-research-activity{margin:14px 0;padding:14px;border:1px solid #8884;border-radius:10px;background:var(--surface,#111);color:var(--text,#e3ddd7);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.activity-detail,.activity-counts{margin:5px 0;overflow-wrap:anywhere}
.activity-counts{color:var(--muted,#a69d96)}
.terminal-processing .live-research-activity{margin:12px auto 0;padding:8px 14px;width:fit-content;max-width:100%;border:0;background:transparent;text-align:center;text-shadow:0 1px 6px #000}
.terminal-processing .live-research-activity>strong{font-weight:450;color:var(--text)}
.terminal-processing .processing-details{background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--bg) 88%,transparent),color-mix(in srgb,var(--bg) 65%,transparent) 50%,transparent 76%);text-shadow:0 1px 6px var(--bg)}
.terminal-processing .traversal-caption{max-width:66ch;margin:9px auto;font:9px/1.7 var(--mono);color:var(--faint);text-align:center}
/* Explanations remain distinct from the immutable calculation and source tables. */
.findings-explanation{margin:22px 0 8px;padding:20px 22px;border:1px solid var(--border,#ffffff20);border-left:3px solid #c88c55;border-radius:10px;background:var(--paper,#13110f)}
.findings-explanation-kicker{font:10px/1.4 var(--mono,monospace);letter-spacing:.12em;color:var(--muted,#a99c92)}
.findings-explanation h3{font-size:12px;margin:19px 0 7px}.findings-explanation p{line-height:1.75}.findings-explanation small,.findings-explanation-unavailable{font-size:11px;color:var(--muted,#a99c92);line-height:1.65}
