.activity{margin:4px 0}
.activity-icon{display:inline-block;width:16px;height:16px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat}
.icon-brain-circuit{--icon:url('/icons/brain-circuit.svg')}.icon-wrench{--icon:url('/icons/wrench.svg')}
.icon-search{--icon:url('/icons/search.svg')}.icon-book-open{--icon:url('/icons/book-open.svg')}
.icon-check{--icon:url('/icons/check.svg')}.icon-circle-alert{--icon:url('/icons/circle-alert.svg')}
.icon-layers{--icon:url('/icons/layers.svg')}.icon-chevron-right{--icon:url('/icons/chevron-right.svg')}
.activity-summary{display:flex;align-items:center;gap:9px;list-style:none;min-height:44px;font-size:12px;color:var(--muted)}
.activity-summary::-webkit-details-marker,.activity-block-head::-webkit-details-marker{display:none}
.activity-summary-title{color:var(--ink)}.activity-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}
.activity-summary>.icon-chevron-right,.activity-block-head>.icon-chevron-right{width:12px;height:12px;transition:transform .18s}
.activity[open]>.activity-summary>.icon-chevron-right,.activity-block[open]>.activity-block-head>.icon-chevron-right{transform:rotate(90deg)}
.activity-stream{position:relative}
.activity .source-excerpt{display:block}
.activity-list{list-style:none;padding:0;margin:0}
.activity-step{position:relative;margin:0;padding:0 0 14px}
.activity-arriving{animation:activity-arrive .32s ease-out}
.activity-step::before{content:"";position:absolute;left:8px;top:29px;bottom:-6px;width:1px;background:linear-gradient(var(--line),color-mix(in srgb,var(--line) 45%,transparent))}
.activity-step:last-child::before{display:none}
.activity-milestone{display:flex;align-items:center;gap:14px;min-height:26px;font-size:11px;color:var(--muted);padding-bottom:4px}
.activity-milestone::before{top:23px;bottom:-6px}.activity-milestone>.activity-icon{width:16px;height:13px}
.activity-milestone>.activity-label{flex:1}.activity-saved{color:var(--accent)}
.activity-block{margin:0;border:0;background:transparent}
.activity-block-head{display:flex;align-items:center;gap:12px;list-style:none;min-height:44px;color:var(--muted);padding:7px 0}
.activity-block-head:hover .activity-block-title{color:var(--accent)}
.activity-mark{display:grid;place-items:center;width:18px;flex-shrink:0;color:var(--muted)}
.activity-block-heading{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.activity-block-title{font-size:13px;color:var(--ink)}
.activity-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:19px;opacity:1;transition:height .2s ease-out,opacity .2s ease-out}
.activity-block[open] .activity-preview{height:0;opacity:0}
.activity-type{font:10px/1.6 ui-monospace,"Cascadia Code",Consolas,monospace;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 8px}
.activity-badge{font-size:10px;white-space:nowrap;color:var(--muted)}
.activity-step[data-state=completed] .activity-badge{visibility:hidden}
.activity-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px;text-align:right}
.activity-block-body{padding:2px 0 4px 30px}
.activity-step[data-state=running] .activity-mark{color:var(--accent);animation:breathe 2s ease-in-out infinite}
.activity-step[data-state=running] .activity-badge{color:var(--accent)}
.activity-step[data-state=failed] .activity-badge,.activity-step[data-state=needs_input] .activity-badge{color:var(--error)}
.activity-reasoning{font-size:12px;line-height:1.9;white-space:pre-wrap;color:var(--muted);margin:0}
.activity-reasoning-flow{overflow:clip;transition:height .18s ease-out}
.activity-reasoning-content{display:flow-root}
.activity-reasoning[data-revealing]::after{content:"";display:inline-block;vertical-align:-2px;width:2px;height:1em;margin-left:3px;background:var(--accent);opacity:.6}
.activity-thinking{display:flex;align-items:center;gap:10px;color:var(--accent);min-height:28px}
.activity-thinking::after{content:"";width:25px;height:5px;background:radial-gradient(circle closest-side,currentColor 90%,transparent) 0 0/8px 5px repeat-x;animation:breathe 1.8s ease-in-out infinite}
.activity-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}
.activity-inspector{margin:8px 0 0;color:var(--muted);font-size:11px}.activity-inspector>summary{padding:4px 0;min-height:30px}
.activity-payloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-payload{min-width:0}
.activity-payload h4{font-size:10px;font-weight:400;margin:0 0 6px;color:var(--muted)}
.activity-step[data-state=running] .activity-payload:first-child{grid-column:1/-1}
.activity-code{font:11px/1.75 ui-monospace,"Cascadia Code",Consolas,monospace;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.activity-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.message.assistant>.activity{margin:0 0 16px}
@keyframes activity-arrive{from{opacity:0}to{opacity:1}}
@supports(interpolate-size:allow-keywords){
  .activity-arriving{interpolate-size:allow-keywords;overflow:clip;animation-name:activity-grow}
  @keyframes activity-grow{from{opacity:0;block-size:0}to{opacity:1;block-size:auto}}
  :is(.activity,.activity-block,.activity-inspector,.result-detail)::details-content{interpolate-size:allow-keywords;block-size:0;opacity:0;overflow:clip;transition:block-size .28s ease-out,opacity .2s ease-out,content-visibility .28s allow-discrete}
  :is(.activity,.activity-block,.activity-inspector,.result-detail)[open]::details-content{block-size:auto;opacity:1}
  .activity-result{interpolate-size:allow-keywords;block-size:auto;opacity:1;overflow:clip;transition:block-size .28s ease-out,opacity .2s ease-out,display .28s allow-discrete}
  .activity-result[hidden]{block-size:0;opacity:0}
  @starting-style{.activity-result{block-size:0;opacity:0}}
}
@media(max-width:520px){.activity-block-head{gap:9px}.activity-block-body{padding-left:27px}.activity-count{font-size:10px}.activity-code{padding:8px;font-size:10px}.activity-summary{gap:6px}.activity-summary-title{font-size:11px}.activity-payloads{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.activity *,.activity *::before,.activity *::after,.activity::details-content,.activity *::details-content{animation:none!important;transition:none!important}}