@property --agent-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@layer components{.agent-window{--agent-gold:color-mix(in oklab, var(--color-viz-gold) 78%, var(--color-brand-navy));background-color:var(--color-brand-navy);border-radius:16px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 60px 100px -40px #070d268c,0 24px 44px -24px #070d2673}.agent-window:before,.agent-window:after{content:"";z-index:1;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.agent-window:before{background:var(--agent-gold)}.agent-window:after{background:conic-gradient(from var(--agent-sweep), transparent 0deg, transparent 230deg, #fff4c800 230deg, #fff4c8 340deg, transparent 360deg);opacity:0;padding:2px}.agent-window-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:46px;padding-inline:14px;display:flex;position:relative}.agent-window-lights{gap:6px;display:flex}.agent-window-lights>span{background-color:#ffffff29;border-radius:50%;width:8px;height:8px}.agent-window-title{display:flex;position:absolute;left:50%;translate:-50%}.agent-window-status{letter-spacing:.04em;color:#8f9ab8;align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:14px;display:flex}.agent-window-live{background-color:color-mix(in oklab, var(--color-alert-clear) 70%, white);border-radius:50%;width:7px;height:7px}@media (min-width:768px){.agent-window-bar{height:52px;padding-inline:18px}.agent-window-lights{gap:8px}.agent-window-lights>span{width:10px;height:10px}.agent-window-status{gap:7px;font-size:12px;line-height:16px}.agent-window-live{width:8px;height:8px}}.agent-window-glow{z-index:-1;filter:blur(36px);pointer-events:none;background:radial-gradient(closest-side at 30% 42%,#e6ba2d29,#0000),radial-gradient(closest-side at 72% 60%,#00339924,#0000);position:absolute;inset:-14% -6%}.agent-window .chat-chart text{font-size:12.5px}.agent-window .chat-ask-note{visibility:hidden;display:flex}.agent-window .chat[data-asked] .chat-ask-note{visibility:visible}.agent-window .chat[data-chat]:not([data-steps~=sent]) .chat-bubble,.agent-window .chat[data-chat]:not([data-steps~=thinking]) .chat-agent,.agent-window .chat[data-chat]:not([data-steps~=chart]) .chat-chart,.agent-window .chat[data-chat]:not([data-steps~=chips]) .chat-chip,.agent-window .chat[data-chat]:not([data-steps~=actions]) .chat-actions{opacity:.26;filter:blur(5px)saturate(0)}.agent-window .chat[data-chat] .chat-word:not(.is-in){opacity:.26;filter:blur(5px)}@media (prefers-reduced-motion:no-preference){.agent-window:has(.chat[data-steps~=thinking]):after{animation:agent-window-sweep 2.4s var(--motion-ease) both}.agent-window-live{animation:2s ease-out infinite agent-window-live}}}@keyframes agent-window-sweep{0%{--agent-sweep:0deg;opacity:0}15%,80%{opacity:1}to{--agent-sweep:360deg;opacity:0}}@keyframes agent-window-live{0%{box-shadow:0 0 #40be8c8c}70%,to{box-shadow:0 0 0 7px #40be8c00}}
