.aia-thinking-shimmer {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
}
.aia-thinking-shimmer-mark {
  width: 1.9em;
  height: 1.9em;
  fill: var(--c);
  filter: drop-shadow(0 0 0.4em color-mix(in srgb, var(--c) 45%, transparent));
  animation: aia-thinking-shimmer-turn 2.4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-thinking-shimmer-text {
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: -0.01em;
  background: linear-gradient(
      100deg,
      color-mix(in srgb, currentColor 42%, transparent) 38%,
      color-mix(in srgb, var(--c) 40%, currentColor) 50%,
      color-mix(in srgb, currentColor 42%, transparent) 62%
    )
    0 0 / 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: aia-thinking-shimmer-sweep 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes aia-thinking-shimmer-turn {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(45deg) scale(0.8); }
  100% { transform: rotate(90deg) scale(1); }
}
@keyframes aia-thinking-shimmer-sweep {
  0%        { background-position: 100% 0; }
  75%, 100% { background-position: 0% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-thinking-shimmer-mark,
  .aia-thinking-shimmer-text { animation: none; }
  .aia-thinking-shimmer-text { background-position: 50% 0; }
}

.aia-thought-for-disclosure {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 24em;
  max-width: 100%;
  height: 9.5em;
}
.aia-thought-for-disclosure-head {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font-size: 0.95em;
  font-weight: 500;
  animation: aia-thought-for-disclosure-head 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-thought-for-disclosure-head svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.aia-thought-for-disclosure-clock {
  width: 1.1em;
  height: 1.1em;
}
.aia-thought-for-disclosure-chev {
  width: 1em;
  height: 1em;
  animation: aia-thought-for-disclosure-chev 9s infinite;
}
.aia-thought-for-disclosure-panel {
  overflow: hidden;
  max-height: 0;
  animation: aia-thought-for-disclosure-open 9s infinite;
}
.aia-thought-for-disclosure-body {
  margin: 0.6em 0 0.3em 0.55em;
  padding-left: 0.9em;
  border-left: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  font-size: 0.9em;
  line-height: 1.55;
  color: color-mix(in srgb, currentColor 58%, transparent);
  animation: aia-thought-for-disclosure-body 9s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.aia-thought-for-disclosure-answer {
  margin: 0.55em 0 0;
  line-height: 1.5;
}
@keyframes aia-thought-for-disclosure-head {
  0%, 12%, 88%, 100% { opacity: 0.55; }
  20%, 78%           { opacity: 0.9; }
}
@keyframes aia-thought-for-disclosure-chev {
  0%, 12% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.3, 1.5, 0.5, 1); }
  20%, 76% { transform: rotate(90deg); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  84%, 100% { transform: rotate(0deg); }
}
@keyframes aia-thought-for-disclosure-open {
  0%, 12% { max-height: 0; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); }
  26%, 76% { max-height: 6.5em; animation-timing-function: cubic-bezier(0.6, 0, 0.3, 1); }
  88%, 100% { max-height: 0; }
}
@keyframes aia-thought-for-disclosure-body {
  0%, 15%   { opacity: 0; transform: translateY(-0.4em); filter: blur(0.15em); }
  30%, 72%  { opacity: 1; transform: none; filter: blur(0); }
  80%, 100% { opacity: 0; transform: translateY(-0.2em); filter: blur(0.15em); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-thought-for-disclosure-head,
  .aia-thought-for-disclosure-chev,
  .aia-thought-for-disclosure-panel,
  .aia-thought-for-disclosure-body { animation: none; }
  .aia-thought-for-disclosure-chev { transform: rotate(90deg); }
  .aia-thought-for-disclosure-panel { max-height: none; }
}

@property --aia-reasoning-trace-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-reasoning-trace {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-reasoning-trace-t);
  animation: aia-reasoning-trace-run 8s linear infinite;
}
.aia-reasoning-trace-list {
  position: relative;
  display: grid;
  gap: 0.75em;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aia-reasoning-trace-list::before {
  content: "";
  position: absolute;
  left: 0.32em;
  top: 0.7em;
  bottom: 0.7em;
  width: 1px;
  background: color-mix(in srgb, currentColor 20%, transparent);
  transform-origin: top;
  transform: scaleY(clamp(0, calc(var(--t) / 3), 1));
}
.aia-reasoning-trace-list li {
  /* r: 0 to 1 as the step arrives; cur: 1 while it is the newest */
  --r: clamp(0, calc((var(--t) - var(--i)) * 3), 1);
  --cur: calc(var(--r) * clamp(0, calc((var(--i) + 1 - var(--t)) * 4), 1));
  position: relative;
  padding-left: 1.5em;
  white-space: nowrap;
  opacity: calc(var(--r) * (0.45 + 0.55 * var(--cur)));
  transform: translateY(calc((1 - var(--r)) * 0.5em));
  filter: blur(calc((1 - var(--r)) * 0.25em));
}
.aia-reasoning-trace-list li::before,
.aia-reasoning-trace-list li::after {
  content: "";
  position: absolute;
  left: 0.1em;
  top: 0.48em;
  width: 0.44em;
  height: 0.44em;
  border-radius: 50%;
}
.aia-reasoning-trace-list li::before {
  background: var(--c);
}
.aia-reasoning-trace-list li::after {
  box-shadow: 0 0 0 1px var(--c);
  transform: scale(var(--cur));
  animation: aia-reasoning-trace-ping 1.4s cubic-bezier(0.2, 0.6, 0.3, 1) infinite;
}
@keyframes aia-reasoning-trace-run {
  0%        { --aia-reasoning-trace-t: 0; opacity: 0; }
  4%        { opacity: 1; }
  16%       { --aia-reasoning-trace-t: 1; }
  32%       { --aia-reasoning-trace-t: 2; }
  48%       { --aia-reasoning-trace-t: 3; }
  60%       { --aia-reasoning-trace-t: 3.75; }
  88%       { opacity: 1; }
  96%, 100% { --aia-reasoning-trace-t: 3.75; opacity: 0; }
}
@keyframes aia-reasoning-trace-ping {
  0%   { scale: 1; opacity: 0.9; }
  100% { scale: 2.8; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-reasoning-trace { animation: none; --aia-reasoning-trace-t: 3.75; }
  .aia-reasoning-trace-list li::after { animation: none; opacity: 0; }
}

.aia-starburst-thinking {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
}
.aia-starburst-thinking-mark {
  position: relative;
  width: 2.8em;
  height: 2.8em;
  animation: aia-starburst-thinking-turn 14s linear infinite;
}
.aia-starburst-thinking-mark i {
  position: absolute;
  left: calc(50% - 0.12em);
  top: 0;
  width: 0.24em;
  height: 50%;
  transform-origin: 50% 100%;
  transform: rotate(calc(var(--i) * 45deg));
}
.aia-starburst-thinking-mark i::before {
  content: "";
  position: absolute;
  inset: 0 0 34% 0;
  border-radius: 1em;
  background: var(--c);
  transform-origin: 50% 100%;
  animation: aia-starburst-thinking-ray 1.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  animation-delay: calc(var(--i) * -0.2s);
}
.aia-starburst-thinking-mark i:nth-child(even)::before {
  inset: 14% 8% 34% 8%;
  background: color-mix(in srgb, var(--c) 70%, #fff);
}
.aia-starburst-thinking-label {
  font-size: 1.35em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 62%, transparent);
}
@keyframes aia-starburst-thinking-turn {
  to { transform: rotate(360deg); }
}
@keyframes aia-starburst-thinking-ray {
  0%, 100% { transform: scaleY(0.4); opacity: 0.55; }
  50%      { transform: scaleY(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-starburst-thinking-mark,
  .aia-starburst-thinking-mark i::before { animation: none; }
  .aia-starburst-thinking-mark i::before { transform: scaleY(0.8); }
}

.aia-web-search-sources {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 23em;
  max-width: 100%;
}
.aia-web-search-sources-head {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 500;
}
.aia-web-search-sources-lens {
  width: 1.2em;
  height: 1.2em;
  fill: none;
  stroke: var(--c);
  stroke-width: 2.2;
  stroke-linecap: round;
  animation: aia-web-search-sources-orbit 1.8s linear infinite;
}
.aia-web-search-sources-count {
  margin-left: auto;
  font-size: 0.85em;
  font-weight: 400;
  color: color-mix(in srgb, currentColor 55%, transparent);
  animation: aia-web-search-sources-count 7s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.aia-web-search-sources-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin: 0.75em 0 0;
  padding: 0;
  list-style: none;
}
.aia-web-search-sources-chips li {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: 0.28em 0.7em 0.28em 0.3em;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 99em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  font-size: 0.85em;
  color: color-mix(in srgb, currentColor 75%, transparent);
  animation: aia-web-search-sources-pop 7s infinite both;
  animation-delay: calc(var(--i) * 0.16s);
}
.aia-web-search-sources-chips li:last-child {
  padding-left: 0.7em;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-web-search-sources-chips b {
  display: grid;
  place-items: center;
  width: 1.55em;
  height: 1.55em;
  border-radius: 50%;
  background: var(--f);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent);
  color: var(--g, #fff);
  font: 700 0.78em / 1 system-ui, sans-serif;
}
@keyframes aia-web-search-sources-orbit {
  from { transform: rotate(0deg) translateX(0.12em) rotate(0deg); }
  to   { transform: rotate(360deg) translateX(0.12em) rotate(-360deg); }
}
@keyframes aia-web-search-sources-pop {
  0%, 8% {
    opacity: 0;
    transform: translateY(0.4em) scale(0.8);
    animation-timing-function: cubic-bezier(0.3, 1.5, 0.5, 1);
  }
  15%, 80% { opacity: 1; transform: none; animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  86%, 100% { opacity: 0; transform: translateY(-0.2em) scale(0.97); }
}
@keyframes aia-web-search-sources-count {
  0%, 30%   { opacity: 0; transform: translateX(-0.3em); }
  38%, 80%  { opacity: 1; transform: none; }
  86%, 100% { opacity: 0; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-web-search-sources-lens,
  .aia-web-search-sources-count,
  .aia-web-search-sources-chips li { animation: none; }
}

@property --aia-reading-files-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-reading-files {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-reading-files-t);
  --all: clamp(0, calc((var(--t) - 3.9) * 10), 1);
  width: 22em;
  max-width: 100%;
  animation: aia-reading-files-run 8s linear infinite;
}
.aia-reading-files-head {
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-weight: 500;
}
.aia-reading-files-state {
  display: grid;
  width: 1.1em;
  height: 1.1em;
}
.aia-reading-files-spin,
.aia-reading-files-tick {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}
.aia-reading-files-spin {
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 20%, var(--c));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.16em), #000 calc(100% - 0.15em));
  mask: radial-gradient(farthest-side, transparent calc(100% - 0.16em), #000 calc(100% - 0.15em));
  opacity: calc(1 - var(--all));
  animation: aia-reading-files-spin 0.9s linear infinite;
}
.aia-reading-files-tick {
  fill: none;
  stroke: var(--c);
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 22;
  stroke-dashoffset: calc((1 - var(--all)) * 22);
}
.aia-reading-files-labels {
  display: grid;
}
.aia-reading-files-labels span {
  grid-area: 1 / 1;
}
.aia-reading-files-labels span:first-child {
  opacity: calc(1 - var(--all));
}
.aia-reading-files-labels span:last-child {
  opacity: var(--all);
}
.aia-reading-files-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin: 0.7em 0 0;
  padding: 0;
  list-style: none;
}
.aia-reading-files-list li {
  /* p: read progress; a: 1 while being read; d: 1 once read */
  --p: clamp(0, calc(var(--t) - var(--i)), 1);
  --a: calc(clamp(0, calc((var(--t) - var(--i)) * 12), 1) * clamp(0, calc((var(--i) + 1 - var(--t)) * 12), 1));
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  overflow: hidden;
  padding: 0.3em 0.65em 0.3em 0.5em;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 0.5em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  font: 0.82em / 1.3 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.aia-reading-files-list li::before,
.aia-reading-files-list li::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.aia-reading-files-list li::before {
  background: linear-gradient(90deg, color-mix(in srgb, var(--c) 6%, transparent), color-mix(in srgb, var(--c) 22%, transparent));
  transform-origin: left;
  transform: scaleX(var(--p));
  opacity: var(--a);
}
.aia-reading-files-list li::after {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent);
  opacity: var(--a);
}
.aia-reading-files-list svg {
  position: relative;
  width: 1.15em;
  height: 1.15em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linejoin: round;
  opacity: 0.6;
}
.aia-reading-files-list li {
  color: color-mix(in srgb, currentColor calc(45% + var(--p) * 55%), transparent);
}
@keyframes aia-reading-files-run {
  0%        { --aia-reading-files-t: 0; opacity: 0; }
  6%        { --aia-reading-files-t: 0; opacity: 1; }
  66%       { --aia-reading-files-t: 4; }
  90%       { opacity: 1; }
  97%, 100% { --aia-reading-files-t: 4; opacity: 0; }
}
@keyframes aia-reading-files-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-reading-files { animation: none; --aia-reading-files-t: 4; }
  .aia-reading-files-spin { animation: none; }
}

@property --aia-plan-forming-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-plan-forming {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-plan-forming-t);
  --all: clamp(0, calc((var(--t) - 3.9) * 10), 1);
  width: 21em;
  max-width: 100%;
  padding: 0.85em 1em 0.95em;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: 0 1px 1px rgb(0 0 0 / 0.04), 0 0.6em 1.6em -0.6em rgb(0 0 0 / 0.14);
  animation: aia-plan-forming-run 8s linear infinite;
}
.aia-plan-forming-head {
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-size: 0.85em;
  font-weight: 600;
  color: color-mix(in srgb, currentColor 60%, transparent);
}
.aia-plan-forming-dot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0 0.25em color-mix(in srgb, var(--c) 18%, transparent);
  animation: aia-plan-forming-dot 1.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-plan-forming-labels {
  display: grid;
  animation: aia-plan-forming-fade 8s linear infinite;
}
.aia-plan-forming-labels span {
  grid-area: 1 / 1;
}
.aia-plan-forming-labels span:first-child {
  opacity: calc(1 - var(--all));
}
.aia-plan-forming-labels span:last-child {
  opacity: var(--all);
}
.aia-plan-forming-list {
  display: grid;
  gap: 0.5em;
  margin: 0.75em 0 0;
  padding: 0;
  list-style: none;
  animation: aia-plan-forming-fade 8s linear infinite;
}
.aia-plan-forming-list li {
  /* b: checkbox and bar grow in; w: the words resolve */
  --b: clamp(0, calc((var(--t) - var(--i)) * 2), 1);
  --w: clamp(0, calc((var(--t) - var(--i) - 0.45) * 2), 1);
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.aia-plan-forming-list li::before {
  content: "";
  flex: none;
  width: 0.95em;
  height: 0.95em;
  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  border-radius: 0.28em;
  opacity: var(--b);
  transform: scale(calc(0.4 + 0.6 * var(--b) + 1.3 * var(--b) * (1 - var(--b))));
}
.aia-plan-forming-list span {
  position: relative;
  white-space: nowrap;
}
.aia-plan-forming-list span::before {
  content: "";
  position: absolute;
  inset: 0.32em 0;
  border-radius: 0.4em;
  background: color-mix(in srgb, currentColor 12%, transparent);
  transform-origin: left;
  transform: scaleX(var(--b));
  opacity: calc(1 - var(--w));
}
.aia-plan-forming-list span {
  color: color-mix(in srgb, currentColor calc(var(--w) * 88%), transparent);
  filter: blur(calc((1 - var(--w)) * 0.2em));
}
@keyframes aia-plan-forming-run {
  0%        { --aia-plan-forming-t: 0; }
  5%        { --aia-plan-forming-t: 0; }
  62%       { --aia-plan-forming-t: 4; }
  100%      { --aia-plan-forming-t: 4; }
}
@keyframes aia-plan-forming-fade {
  0%        { opacity: 0; }
  3%, 91%   { opacity: 1; }
  98%, 100% { opacity: 0; }
}
@keyframes aia-plan-forming-dot {
  0%, 100% { box-shadow: 0 0 0 0.12em color-mix(in srgb, var(--c) 22%, transparent); }
  50%      { box-shadow: 0 0 0 0.32em color-mix(in srgb, var(--c) 6%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-plan-forming { animation: none; --aia-plan-forming-t: 4; }
  .aia-plan-forming-dot,
  .aia-plan-forming-labels,
  .aia-plan-forming-list { animation: none; }
}

@property --aia-soft-caret-stream-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-soft-caret-stream {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-soft-caret-stream-t);
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  width: 25em;
  max-width: 100%;
  animation: aia-soft-caret-stream-run 9s linear infinite;
}
.aia-soft-caret-stream-avatar {
  flex: none;
  width: 1.3em;
  height: 1.3em;
  margin-top: 0.15em;
  fill: var(--c);
}
.aia-soft-caret-stream-text {
  margin: 0;
  font-size: 1.05em;
  line-height: 1.55;
}
.aia-soft-caret-stream-text span {
  /* r: the word has arrived; cur: it is the newest word */
  --r: clamp(0, calc((var(--t) - var(--i)) * 2.5), 1);
  --cur: calc(clamp(0, calc((var(--t) - var(--i)) * 20), 1) * clamp(0, calc((var(--i) + 1 - var(--t)) * 20), 1));
  position: relative;
  opacity: var(--r);
  filter: blur(calc((1 - var(--r)) * 0.18em));
}
.aia-soft-caret-stream-text span::after {
  content: "";
  position: absolute;
  left: calc(100% + 0.22em);
  top: 0.2em;
  width: 0.5em;
  height: 1.05em;
  border-radius: 0.25em;
  background: var(--c);
  box-shadow: 0 0 0.7em color-mix(in srgb, var(--c) 60%, transparent);
  opacity: var(--cur);
}
.aia-soft-caret-stream-end {
  display: inline-block;
  width: 0;
  height: 1.2em;
  vertical-align: -0.25em;
}
.aia-soft-caret-stream-end::after {
  left: 0;
  top: 0.08em;
  animation: aia-soft-caret-stream-blink 1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
@keyframes aia-soft-caret-stream-run {
  0%        { --aia-soft-caret-stream-t: 0; opacity: 1; }
  4%        { --aia-soft-caret-stream-t: 0; }
  10%       { --aia-soft-caret-stream-t: 3; }
  14%       { --aia-soft-caret-stream-t: 3.4; }
  26%       { --aia-soft-caret-stream-t: 9; }
  31%       { --aia-soft-caret-stream-t: 10; }
  47%       { --aia-soft-caret-stream-t: 16; }
  52%       { --aia-soft-caret-stream-t: 16.6; }
  66%       { --aia-soft-caret-stream-t: 22.6; }
  90%       { opacity: 1; }
  97%, 100% { --aia-soft-caret-stream-t: 22.6; opacity: 0; }
}
@keyframes aia-soft-caret-stream-blink {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.15; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-soft-caret-stream { animation: none; --aia-soft-caret-stream-t: 22.6; }
  .aia-soft-caret-stream-end::after { animation: none; }
}

@property --aia-gradient-edge-stream-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-gradient-edge-stream {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-gradient-edge-stream-t);
  font-size: calc(var(--aia-size, 16px) * 1.1);
  line-height: 1.6;
  animation: aia-gradient-edge-stream-run 8s linear infinite;
}
.aia-gradient-edge-stream span {
  /* e: where the writing edge sits, from just before the line to just past it */
  --p: clamp(0, calc(var(--t) - var(--i)), 1);
  --e: calc(var(--p) * (100% + 4.5em) - 2.5em);
  display: block;
  width: fit-content;
  white-space: nowrap;
  background: linear-gradient(
    90deg,
    currentColor calc(var(--e) - 2.2em),
    var(--c) var(--e),
    transparent calc(var(--e) + 2.5em)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes aia-gradient-edge-stream-run {
  0%        { --aia-gradient-edge-stream-t: 0; opacity: 1; }
  64%       { --aia-gradient-edge-stream-t: 4; }
  90%       { opacity: 1; }
  97%, 100% { --aia-gradient-edge-stream-t: 4; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-gradient-edge-stream { animation: none; --aia-gradient-edge-stream-t: 4; }
}

@property --aia-streaming-code-block-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-streaming-code-block {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-streaming-code-block-t);
  width: 25em;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: 0.8em;
  background: #111113;
  box-shadow: 0 0.7em 1.8em -0.7em rgb(0 0 0 / 0.45);
  color: #e4e4e7;
  animation: aia-streaming-code-block-run 8s linear infinite;
}
.aia-streaming-code-block-bar {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.5em 0.85em;
  border-bottom: 1px solid rgb(255 255 255 / 0.07);
  font-size: 0.78em;
  color: #a1a1aa;
}
.aia-streaming-code-block-lang {
  padding: 0.05em 0.45em;
  border-radius: 0.35em;
  background: rgb(255 255 255 / 0.07);
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.aia-streaming-code-block-copy {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin-left: auto;
}
.aia-streaming-code-block-copy svg {
  width: 1.1em;
  height: 1.1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.aia-streaming-code-block-lines {
  margin: 0;
  padding: 0.6em 0;
  list-style: none;
  counter-reset: aia-streaming-code-block-ln;
  font: 0.8em / 1.65 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  animation: aia-streaming-code-block-fade 8s linear infinite;
}
.aia-streaming-code-block-lines li {
  --p: clamp(0, calc((var(--t) - var(--i)) * 1.1), 1);
  --a: calc(clamp(0, calc((var(--t) - var(--i)) * 14), 1) * clamp(0, calc((var(--i) + 1 - var(--t)) * 14), 1));
  position: relative;
  display: flex;
  padding: 0 1em 0 0;
  counter-increment: aia-streaming-code-block-ln;
}
.aia-streaming-code-block-lines li::before {
  content: counter(aia-streaming-code-block-ln);
  width: 2em;
  margin-right: 1.1em;
  text-align: right;
  color: rgb(255 255 255 / 0.26);
  opacity: clamp(0, calc((var(--t) - var(--i)) * 8), 1);
}
.aia-streaming-code-block-lines li::after {
  content: "";
  position: absolute;
  inset: 0;
  border-left: 2px solid var(--c);
  background: linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, transparent), transparent 70%);
  opacity: var(--a);
}
.aia-streaming-code-block-lines code {
  position: relative;
  z-index: 1;
  white-space: pre;
  font: inherit;
  clip-path: inset(-0.2em calc((1 - var(--p)) * 100%) -0.2em 0);
}
.aia-streaming-code-block-lines b {
  font-weight: inherit;
}
.aia-streaming-code-block-k {
  color: color-mix(in srgb, var(--c) 55%, #fff);
}
.aia-streaming-code-block-f {
  color: #8ccaff;
}
.aia-streaming-code-block-y {
  color: #f1c98b;
}
@keyframes aia-streaming-code-block-run {
  0%, 6%    { --aia-streaming-code-block-t: 0; }
  20%       { --aia-streaming-code-block-t: 1.6; }
  24%       { --aia-streaming-code-block-t: 2; }
  44%       { --aia-streaming-code-block-t: 4.4; }
  48%       { --aia-streaming-code-block-t: 4.6; }
  66%, 100% { --aia-streaming-code-block-t: 7.2; }
}
@keyframes aia-streaming-code-block-fade {
  0%, 90%   { opacity: 1; }
  97%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-streaming-code-block,
  .aia-streaming-code-block-lines { animation: none; }
  .aia-streaming-code-block { --aia-streaming-code-block-t: 7.2; }
}

@property --aia-citation-pills-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-citation-pills {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-citation-pills-t);
  --h: clamp(0, calc((var(--t) - 3) * 4), 1);
  width: 24em;
  max-width: 100%;
  animation: aia-citation-pills-run 9s linear infinite;
}
.aia-citation-pills-text {
  margin: 0;
  line-height: 1.65;
}
.aia-citation-pills-text span {
  --r: clamp(0, calc((var(--t) - var(--i)) * 1.5), 1);
  opacity: var(--r);
  filter: blur(calc((1 - var(--r)) * 0.15em));
}
.aia-citation-pills-text sup {
  /* r: 0 to 1 as the pill pops, with a little overshoot in the scale */
  --r: clamp(0, calc((var(--t) - var(--i) - 0.7) * 3.3), 1);
  --on: calc(var(--h) * (1 - clamp(0, calc((var(--i) - 1) * (var(--i) - 1)), 1)));
  display: inline-grid;
  place-items: center;
  min-width: 1.55em;
  height: 1.55em;
  margin-left: 0.3em;
  padding: 0 0.35em;
  border-radius: 99em;
  vertical-align: 0.15em;
  font-size: 0.68em;
  font-weight: 600;
  line-height: 1;
  background: color-mix(in srgb, var(--c) calc(var(--on) * 100%), color-mix(in srgb, currentColor 9%, transparent));
  color: color-mix(in srgb, #fff calc(var(--on) * 100%), color-mix(in srgb, currentColor 65%, transparent));
  opacity: var(--r);
  transform: scale(calc(0.4 + 0.6 * var(--r) + 1.2 * var(--r) * (1 - var(--r))));
}
.aia-citation-pills-card {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.55em;
  align-items: center;
  width: fit-content;
  margin-top: 0.7em;
  padding: 0.55em 0.85em 0.6em 0.6em;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 0.7em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: 0 0.5em 1.3em -0.6em rgb(0 0 0 / 0.18);
  opacity: var(--h);
  transform: translateY(calc((1 - var(--h)) * 0.5em)) scale(calc(0.97 + 0.03 * var(--h)));
}
.aia-citation-pills-card b {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 1.9em;
  height: 1.9em;
  border-radius: 0.45em;
  background: #5a2ee0;
  color: #fff;
  font-size: 0.85em;
}
.aia-citation-pills-site {
  font-size: 0.75em;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-citation-pills-title {
  font-size: 0.88em;
  font-weight: 500;
}
@keyframes aia-citation-pills-run {
  0%        { --aia-citation-pills-t: 0; opacity: 1; }
  60%       { --aia-citation-pills-t: 3; }
  64%       { --aia-citation-pills-t: 3; }
  70%       { --aia-citation-pills-t: 4; }
  90%       { opacity: 1; }
  97%, 100% { --aia-citation-pills-t: 4; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-citation-pills { animation: none; --aia-citation-pills-t: 4; }
}

.aia-assistant-typing {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: inline-flex;
  align-items: flex-end;
  gap: 0.6em;
}
.aia-assistant-typing-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: linear-gradient(140deg, color-mix(in srgb, var(--c) 55%, #fff), var(--c));
  box-shadow: 0 0.3em 0.8em -0.3em color-mix(in srgb, var(--c) 60%, transparent);
}
.aia-assistant-typing-avatar::before {
  content: "";
  position: absolute;
  inset: -0.22em;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 55%, color-mix(in srgb, var(--c) 90%, transparent));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.12em), #000 calc(100% - 0.11em));
  mask: radial-gradient(farthest-side, transparent calc(100% - 0.12em), #000 calc(100% - 0.11em));
  animation: aia-assistant-typing-spin 1.8s linear infinite;
}
.aia-assistant-typing-avatar svg {
  width: 1.1em;
  height: 1.1em;
  fill: #fff;
}
.aia-assistant-typing-bubble {
  display: inline-flex;
  align-items: center;
  gap: 0.36em;
  padding: 1.05em 1.2em;
  border-radius: 1.25em 1.25em 1.25em 0.4em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 5%, transparent);
}
.aia-assistant-typing-bubble i {
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: currentColor;
  animation: aia-assistant-typing-wave 1.3s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-assistant-typing-bubble i:nth-child(2) { animation-delay: 0.15s; }
.aia-assistant-typing-bubble i:nth-child(3) { animation-delay: 0.3s; }
@keyframes aia-assistant-typing-spin {
  to { transform: rotate(360deg); }
}
@keyframes aia-assistant-typing-wave {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.3; }
  30%           { transform: translateY(-0.32em); opacity: 0.85; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-assistant-typing-avatar::before { animation: none; }
  .aia-assistant-typing-bubble i { animation-duration: 3.9s; }
}

.aia-message-arriving {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 22em;
  max-width: 100%;
}
.aia-message-arriving-thread {
  display: flex;
  flex-direction: column;
  gap: 0.55em;
  animation: aia-message-arriving-scroll 8s infinite;
}
.aia-message-arriving-user {
  align-self: flex-end;
  margin: 0;
  padding: 0.6em 0.95em;
  border-radius: 1.15em 1.15em 0.4em 1.15em;
  background: var(--c);
  color: #fff;
  transform-origin: 100% 100%;
  animation: aia-message-arriving-user 8s infinite;
}
.aia-message-arriving-reply {
  position: relative;
  align-self: flex-start;
  padding: 0.6em 0.95em;
  border-radius: 1.15em 1.15em 1.15em 0.4em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  transform-origin: 0 100%;
  animation: aia-message-arriving-reply 8s infinite;
}
.aia-message-arriving-text {
  margin: 0;
  white-space: nowrap;
  animation: aia-message-arriving-text 8s infinite;
}
.aia-message-arriving-dots {
  position: absolute;
  left: 0.95em;
  top: 50%;
  display: flex;
  gap: 0.28em;
  translate: 0 -50%;
  animation: aia-message-arriving-dots 8s infinite;
}
.aia-message-arriving-dots i {
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: currentColor;
  animation: aia-message-arriving-dot 1.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-message-arriving-dots i:nth-child(2) { animation-delay: 0.14s; }
.aia-message-arriving-dots i:nth-child(3) { animation-delay: 0.28s; }
@keyframes aia-message-arriving-scroll {
  0%, 15% { transform: translateY(1.5em); animation-timing-function: cubic-bezier(0.3, 1.3, 0.5, 1); }
  24%, 100% { transform: none; }
}
@keyframes aia-message-arriving-user {
  0%, 3% { opacity: 0; transform: translateY(0.8em) scale(0.92); animation-timing-function: cubic-bezier(0.3, 1.45, 0.5, 1); }
  11%, 90% { opacity: 1; transform: none; }
  97%, 100% { opacity: 0; transform: none; }
}
@keyframes aia-message-arriving-reply {
  0%, 15% {
    opacity: 0;
    transform: scale(0.85);
    clip-path: inset(0 calc(100% - 3.6em) 0 0 round 1.15em 1.15em 1.15em 0.4em);
    animation-timing-function: cubic-bezier(0.3, 1.45, 0.5, 1);
  }
  21%, 42% {
    opacity: 1;
    transform: none;
    clip-path: inset(0 calc(100% - 3.6em) 0 0 round 1.15em 1.15em 1.15em 0.4em);
    animation-timing-function: cubic-bezier(0.25, 1, 0.35, 1);
  }
  52%, 90% { opacity: 1; transform: none; clip-path: inset(0 0 0 0 round 1.15em 1.15em 1.15em 0.4em); }
  97%, 100% { opacity: 0; transform: none; clip-path: inset(0 0 0 0 round 1.15em 1.15em 1.15em 0.4em); }
}
@keyframes aia-message-arriving-dots {
  0%, 42%   { opacity: 1; }
  46%, 100% { opacity: 0; }
}
@keyframes aia-message-arriving-text {
  0%, 44%   { opacity: 0; filter: blur(0.2em); }
  54%, 100% { opacity: 1; filter: blur(0); }
}
@keyframes aia-message-arriving-dot {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.35; }
  30%           { transform: translateY(-0.25em); opacity: 0.85; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-message-arriving-thread,
  .aia-message-arriving-user,
  .aia-message-arriving-reply,
  .aia-message-arriving-text,
  .aia-message-arriving-dots,
  .aia-message-arriving-dots i { animation: none; }
  .aia-message-arriving-dots { opacity: 0; }
}

.aia-follow-up-chips {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 24em;
  max-width: 100%;
}
.aia-follow-up-chips-label {
  display: flex;
  align-items: center;
  gap: 0.45em;
  margin: 0 0 0.6em;
  font-size: 0.82em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 55%, transparent);
  animation: aia-follow-up-chips-label 6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.aia-follow-up-chips-label svg {
  width: 1.15em;
  height: 1.15em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.aia-follow-up-chips-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45em;
}
.aia-follow-up-chips-chip {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0.9em;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 99em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  color: inherit;
  font: inherit;
  font-size: 0.9em;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
  animation: aia-follow-up-chips-in 6s infinite both;
  animation-delay: calc(var(--i) * 0.12s);
}
.aia-follow-up-chips-chip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--c) 22%, transparent) 50%, transparent 70%);
  transform: translateX(-110%);
  animation: aia-follow-up-chips-glint 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-delay: calc(var(--i) * 0.12s);
}
.aia-follow-up-chips-chip:hover {
  border-color: color-mix(in srgb, var(--c) 55%, transparent);
  background: color-mix(in srgb, var(--c) 8%, transparent);
}
.aia-follow-up-chips-chip:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
@keyframes aia-follow-up-chips-label {
  0%, 4%    { opacity: 0; }
  10%, 88%  { opacity: 1; }
  94%, 100% { opacity: 0; }
}
@keyframes aia-follow-up-chips-in {
  0%, 7% {
    opacity: 0;
    transform: translateY(0.7em) scale(0.94);
    filter: blur(0.15em);
    animation-timing-function: cubic-bezier(0.3, 1.4, 0.5, 1);
  }
  16%, 86% { opacity: 1; transform: none; filter: blur(0); }
  92%, 100% { opacity: 0; transform: translateY(-0.2em); filter: blur(0); }
}
@keyframes aia-follow-up-chips-glint {
  0%, 28%   { transform: translateX(-110%); }
  42%, 100% { transform: translateX(110%); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-follow-up-chips-label,
  .aia-follow-up-chips-chip,
  .aia-follow-up-chips-chip::after { animation: none; }
  .aia-follow-up-chips-chip::after { opacity: 0; }
}

.aia-skeleton-to-text {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: grid;
  gap: 0.3em;
  font-size: calc(var(--aia-size, 16px) * 1.05);
}
.aia-skeleton-to-text-line {
  display: grid;
  width: fit-content;
  margin: 0;
  line-height: 1.5;
}
.aia-skeleton-to-text-line::before,
.aia-skeleton-to-text-line span {
  grid-area: 1 / 1;
}
.aia-skeleton-to-text-line::before {
  content: "";
  align-self: center;
  height: 0.78em;
  border-radius: 0.4em;
  background: linear-gradient(90deg, color-mix(in srgb, currentColor 9%, transparent) 30%, color-mix(in srgb, currentColor 17%, transparent) 50%, color-mix(in srgb, currentColor 9%, transparent) 70%) 0 0 / 300% 100%;
  animation:
    aia-skeleton-to-text-shimmer 1.6s linear infinite,
    aia-skeleton-to-text-bar 7s infinite both;
  animation-delay: 0s, calc(var(--i) * 0.14s);
}
.aia-skeleton-to-text-line span {
  white-space: nowrap;
  animation: aia-skeleton-to-text-text 7s infinite both;
  animation-delay: calc(var(--i) * 0.14s);
}
@keyframes aia-skeleton-to-text-shimmer {
  from { background-position: 100% 0; }
  to   { background-position: -50% 0; }
}
@keyframes aia-skeleton-to-text-bar {
  0%, 36% { opacity: 1; transform: none; animation-timing-function: cubic-bezier(0.5, 0, 0.2, 1); }
  46%, 88% { opacity: 0; transform: translateY(0.35em) scaleY(0.15); }
  96%, 100% { opacity: 1; transform: none; }
}
@keyframes aia-skeleton-to-text-text {
  0%, 38% { opacity: 0; transform: translateY(0.25em); filter: blur(0.25em); animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); }
  50%, 86% { opacity: 1; transform: none; filter: blur(0); }
  92%, 100% { opacity: 0; transform: none; filter: blur(0.1em); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-skeleton-to-text-line::before,
  .aia-skeleton-to-text-line span { animation: none; }
  .aia-skeleton-to-text-line::before { opacity: 0; }
}

.aia-stop-generating-pill {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.5em 0.6em 0.5em 0.55em;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 99em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  color: inherit;
  font-size: calc(var(--aia-size, 16px) * 1.05);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 0.4em 1.2em -0.5em rgb(0 0 0 / 0.25);
  animation: aia-stop-generating-pill-ring 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  transition: background-color 0.2s;
}
.aia-stop-generating-pill:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
}
.aia-stop-generating-pill:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
.aia-stop-generating-pill-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.65em;
  height: 1.65em;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c) 16%, transparent);
}
.aia-stop-generating-pill-icon::before {
  content: "";
  width: 0.58em;
  height: 0.58em;
  border-radius: 0.14em;
  background: var(--c);
  animation: aia-stop-generating-pill-breathe 1.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-stop-generating-pill-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--c);
  animation: aia-stop-generating-pill-ping 2.4s cubic-bezier(0.2, 0.6, 0.3, 1) infinite;
}
.aia-stop-generating-pill-kbd {
  margin-left: 0.15em;
  padding: 0.15em 0.45em;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-bottom-width: 2px;
  border-radius: 0.4em;
  color: color-mix(in srgb, currentColor 60%, transparent);
  font: 500 0.72em / 1.2 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@keyframes aia-stop-generating-pill-ring {
  0%, 100% { box-shadow: 0 0.4em 1.2em -0.5em rgb(0 0 0 / 0.25), 0 0 0 0 color-mix(in srgb, var(--c) 0%, transparent); }
  50%      { box-shadow: 0 0.4em 1.2em -0.5em rgb(0 0 0 / 0.25), 0 0 0 0.3em color-mix(in srgb, var(--c) 14%, transparent); }
}
@keyframes aia-stop-generating-pill-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(0.78); }
}
@keyframes aia-stop-generating-pill-ping {
  0%       { transform: scale(1); opacity: 0.7; }
  60%, 100% { transform: scale(1.75); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-stop-generating-pill,
  .aia-stop-generating-pill-icon::before,
  .aia-stop-generating-pill-icon::after { animation: none; }
  .aia-stop-generating-pill-icon::after { opacity: 0; }
}

@property --aia-terminal-thinking-s {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}
.aia-terminal-thinking {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 25em;
  max-width: 100%;
  padding: 1em 1.15em;
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: 0.8em;
  background: #0e0e10;
  box-shadow: 0 0.7em 1.8em -0.7em rgb(0 0 0 / 0.45);
  color: #d4d4d8;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: calc(var(--aia-size, 16px) * 0.95);
  animation: aia-terminal-thinking-count 12s linear infinite;
}
.aia-terminal-thinking-prompt,
.aia-terminal-thinking-line {
  margin: 0;
  white-space: nowrap;
}
.aia-terminal-thinking-prompt {
  color: #8b8b93;
}
.aia-terminal-thinking-prompt span {
  color: var(--c);
}
.aia-terminal-thinking-line {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-top: 0.8em;
  animation: aia-terminal-thinking-fade 12s linear infinite;
}
.aia-terminal-thinking-glyph {
  display: inline-block;
  width: 1.2em;
  height: 1.4em;
  overflow: hidden;
  color: color-mix(in srgb, var(--c) 75%, #fff);
}
.aia-terminal-thinking-strip {
  display: block;
  animation: aia-terminal-thinking-frames 1.3s steps(10) infinite;
}
.aia-terminal-thinking-strip i {
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  text-align: center;
  font-style: normal;
}
.aia-terminal-thinking-word i {
  font-style: normal;
  color: color-mix(in srgb, var(--c) 80%, #fff);
  animation: aia-terminal-thinking-wave 2.2s linear infinite;
  animation-delay: calc(var(--i) * 0.07s);
}
.aia-terminal-thinking-meta {
  color: #71717a;
}
.aia-terminal-thinking-secs {
  counter-reset: aia-terminal-thinking-s var(--aia-terminal-thinking-s);
}
.aia-terminal-thinking-secs::before {
  content: counter(aia-terminal-thinking-s) "s";
}
@keyframes aia-terminal-thinking-count {
  from { --aia-terminal-thinking-s: 0; }
  to   { --aia-terminal-thinking-s: 12; }
}
@keyframes aia-terminal-thinking-fade {
  0%        { opacity: 0; }
  3%, 95%   { opacity: 1; }
  100%      { opacity: 0; }
}
@keyframes aia-terminal-thinking-frames {
  to { transform: translateY(-14em); }
}
@keyframes aia-terminal-thinking-wave {
  0%, 30%, 100% { color: color-mix(in srgb, var(--c) 80%, #fff); }
  12%           { color: color-mix(in srgb, var(--c) 25%, #fff); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-terminal-thinking,
  .aia-terminal-thinking-line,
  .aia-terminal-thinking-strip,
  .aia-terminal-thinking-word i { animation: none; }
  .aia-terminal-thinking { --aia-terminal-thinking-s: 12; }
}

.aia-thinking-summary-ticker {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding: 0.5em 0.75em 0.5em 0.65em;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 99em;
  background: color-mix(in srgb, currentColor 3%, transparent);
}
.aia-thinking-summary-ticker-spark {
  width: 1.15em;
  height: 1.15em;
  fill: var(--c);
  animation: aia-thinking-summary-ticker-turn 3s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-thinking-summary-ticker-window {
  display: grid;
  overflow: hidden;
  padding: 0.1em 0;
}
.aia-thinking-summary-ticker-window span {
  grid-area: 1 / 1;
  white-space: nowrap;
  color: color-mix(in srgb, currentColor 72%, transparent);
  animation: aia-thinking-summary-ticker-swap 7.5s infinite both;
  animation-delay: calc(var(--i) * 2.5s);
}
.aia-thinking-summary-ticker-chev {
  width: 0.95em;
  height: 0.95em;
  fill: none;
  stroke: color-mix(in srgb, currentColor 45%, transparent);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@keyframes aia-thinking-summary-ticker-turn {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(45deg) scale(0.82); }
  100% { transform: rotate(90deg) scale(1); }
}
@keyframes aia-thinking-summary-ticker-swap {
  0% { opacity: 0; transform: translateY(0.7em); filter: blur(0.2em); animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1); }
  7%, 30% { opacity: 1; transform: none; filter: blur(0); animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.4); }
  36%, 100% { opacity: 0; transform: translateY(-0.7em); filter: blur(0.2em); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-thinking-summary-ticker-spark,
  .aia-thinking-summary-ticker-window span { animation: none; }
  .aia-thinking-summary-ticker-window span + span { opacity: 0; }
}

@property --aia-streaming-table-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-streaming-table {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-streaming-table-t);
  width: 23em;
  max-width: 100%;
  animation: aia-streaming-table-run 9s linear infinite;
}
.aia-streaming-table-grid {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.aia-streaming-table-grid th {
  padding: 0 0 0.5em;
  text-align: left;
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, currentColor 50%, transparent);
}
.aia-streaming-table-grid th:last-child,
.aia-streaming-table-grid td:last-child {
  text-align: right;
}
.aia-streaming-table-grid tbody {
  animation: aia-streaming-table-fade 9s linear infinite;
}
.aia-streaming-table-grid td {
  --r: clamp(0, calc((var(--t) - var(--i)) * 2.2), 1);
  padding: 0.5em 0;
  border-top: 1px solid color-mix(in srgb, currentColor 11%, transparent);
  white-space: nowrap;
  opacity: var(--r);
  filter: blur(calc((1 - var(--r)) * 0.15em));
}
.aia-streaming-table-grid td > * {
  vertical-align: 0.1em;
}
.aia-streaming-table-grid td:first-child {
  font-weight: 500;
}
.aia-streaming-table-badge {
  --b: clamp(0, calc((var(--t) - 12.2) * 3), 1);
  display: inline-block;
  margin-left: 0.4em;
  padding: 0.15em 0.5em;
  border-radius: 99em;
  background: color-mix(in srgb, var(--c) 14%, transparent);
  color: color-mix(in srgb, var(--c) 75%, currentColor);
  font-size: 0.7em;
  font-weight: 600;
  opacity: var(--b);
  transform: scale(calc(0.4 + 0.6 * var(--b) + 1.2 * var(--b) * (1 - var(--b))));
}
@keyframes aia-streaming-table-run {
  0%, 6%    { --aia-streaming-table-t: 0; }
  68%       { --aia-streaming-table-t: 12; }
  74%, 100% { --aia-streaming-table-t: 13; }
}
@keyframes aia-streaming-table-fade {
  0%, 90%   { opacity: 1; }
  97%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-streaming-table,
  .aia-streaming-table-grid tbody { animation: none; }
  .aia-streaming-table { --aia-streaming-table-t: 13; }
}

@property --aia-ghost-suggestion-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-ghost-suggestion {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: var(--aia-ghost-suggestion-t);
  /* acc: 0 while it is a suggestion, 1 once accepted; press: the Tab key going down */
  --acc: clamp(0, calc((var(--t) - 7.6) * 5), 1);
  --ready: clamp(0, calc((var(--t) - 6.8) * 5), 1);
  --press: calc(clamp(0, calc((var(--t) - 7.3) * 8), 1) * (1 - clamp(0, calc((var(--t) - 7.6) * 8), 1)));
  width: 24em;
  max-width: 100%;
  animation: aia-ghost-suggestion-run 9s linear infinite;
}
.aia-ghost-suggestion-field {
  margin: 0;
  padding: 0.75em 0.9em;
  border: 1px solid color-mix(in srgb, var(--c) 50%, transparent);
  border-radius: 0.8em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: 0 0 0 0.22em color-mix(in srgb, var(--c) 14%, transparent);
  line-height: 1.55;
}
.aia-ghost-suggestion-ghost {
  animation: aia-ghost-suggestion-clear 9s linear infinite;
}
.aia-ghost-suggestion-ghost span:not(.aia-ghost-suggestion-caret) {
  --r: clamp(0, calc((var(--t) - var(--i)) * 2.5), 1);
  opacity: calc(var(--r) * (0.42 + 0.58 * var(--acc)));
  filter: blur(calc((1 - var(--r)) * 0.12em));
}
.aia-ghost-suggestion-caret {
  position: relative;
  display: inline-block;
  width: 0;
  height: 1.2em;
  vertical-align: -0.25em;
  opacity: calc(1 - var(--acc));
}
.aia-ghost-suggestion-end {
  opacity: var(--acc);
}
.aia-ghost-suggestion-caret::before {
  content: "";
  position: absolute;
  left: 0.03em;
  top: 0;
  bottom: 0;
  width: 0.1em;
  border-radius: 0.05em;
  background: var(--c);
  animation: aia-ghost-suggestion-blink 1.05s steps(1) infinite;
}
.aia-ghost-suggestion-hint {
  display: flex;
  align-items: center;
  gap: 0.45em;
  margin: 0.6em 0 0 0.2em;
  font-size: 0.8em;
  color: color-mix(in srgb, currentColor 55%, transparent);
  opacity: calc(var(--ready) * (1 - var(--acc)));
}
.aia-ghost-suggestion-hint kbd {
  padding: 0.12em 0.45em;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-bottom-width: 2px;
  border-radius: 0.35em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  color: inherit;
  font: 600 0.9em / 1.2 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  transform: translateY(calc(var(--press) * 0.1em)) scale(calc(1 - var(--press) * 0.08));
}
@keyframes aia-ghost-suggestion-run {
  0%, 12%   { --aia-ghost-suggestion-t: 0; }
  44%       { --aia-ghost-suggestion-t: 7; }
  58%       { --aia-ghost-suggestion-t: 7; }
  64%, 100% { --aia-ghost-suggestion-t: 8; }
}
@keyframes aia-ghost-suggestion-clear {
  0%, 90%   { opacity: 1; }
  97%, 100% { opacity: 0; }
}
@keyframes aia-ghost-suggestion-blink {
  0%  { opacity: 1; }
  50% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-ghost-suggestion,
  .aia-ghost-suggestion-ghost,
  .aia-ghost-suggestion-caret::before { animation: none; }
  .aia-ghost-suggestion { --aia-ghost-suggestion-t: 7; }
}

@property --aia-agent-tool-call-ds {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-tool-call-s {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-tool-call-r {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-agent-tool-call {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 5.4s;
  --ok: color-mix(in srgb, #16a34a 78%, currentColor);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.8em;
  width: 21em;
  overflow: hidden;
}
.aia-agent-tool-call-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.1em;
  height: 2.1em;
  border-radius: 0.6em;
  color: var(--ok);
  animation: aia-agent-tool-call-well var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-icon > * {
  grid-area: 1 / 1;
}
.aia-agent-tool-call-live {
  position: relative;
  width: 0.55em;
  height: 0.55em;
  border-radius: 50%;
  background: var(--c);
  animation: aia-agent-tool-call-out var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-live::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--c);
  animation: aia-agent-tool-call-ping 1.35s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-check {
  width: 1.2em;
  height: 1.2em;
  stroke-width: 2.6;
  stroke-dasharray: 22;
  animation: aia-agent-tool-call-in var(--d) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-agent-tool-call-text {
  display: grid;
  gap: 0.2em;
  min-width: 0;
}
.aia-agent-tool-call-title {
  font-weight: 600;
  font-size: 0.95em;
}
.aia-agent-tool-call-title code {
  margin-left: 0.3em;
  padding: 0.1em 0.4em;
  border-radius: 0.35em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  font: 500 0.92em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-tool-call-sub {
  display: grid;
  font-size: 0.85em;
}
.aia-agent-tool-call-sub > * {
  grid-area: 1 / 1;
}
.aia-agent-tool-call-run {
  background: linear-gradient(90deg, color-mix(in srgb, currentColor 50%, transparent) 35%, currentColor 50%, color-mix(in srgb, currentColor 50%, transparent) 65%) 0 0 / 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation:
    aia-agent-tool-call-shine 1.8s linear infinite,
    aia-agent-tool-call-swap-out var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-ok {
  color: var(--ok);
  font-weight: 500;
  animation: aia-agent-tool-call-swap-in var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-time {
  align-self: start;
  color: color-mix(in srgb, currentColor 50%, transparent);
  font: 500 0.8em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
  --aia-agent-tool-call-s: calc(var(--aia-agent-tool-call-ds) / 10 - 0.5);
  --aia-agent-tool-call-r: calc(var(--aia-agent-tool-call-ds) - var(--aia-agent-tool-call-s) * 10);
  counter-reset: s var(--aia-agent-tool-call-s) r var(--aia-agent-tool-call-r);
  animation: aia-agent-tool-call-clock var(--d) linear infinite;
}
.aia-agent-tool-call-time::before {
  content: counter(s) "." counter(r) "s";
}
.aia-agent-tool-call-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.14em;
  overflow: hidden;
  animation: aia-agent-tool-call-out var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-tool-call-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 40%;
  background: linear-gradient(90deg, transparent, var(--c), transparent);
  animation: aia-agent-tool-call-sweep 1.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
@keyframes aia-agent-tool-call-well {
  0%, 58%, 100% { background: color-mix(in srgb, var(--c) 12%, transparent); }
  64%, 92% { background: color-mix(in srgb, #16a34a 14%, transparent); }
}
@keyframes aia-agent-tool-call-out {
  0%, 58% { opacity: 1; transform: none; }
  63%, 93% { opacity: 0; transform: scale(0.4); }
  100% { opacity: 1; transform: none; }
}
@keyframes aia-agent-tool-call-in {
  0%, 59% { opacity: 0; stroke-dashoffset: 22; transform: scale(0.5); }
  68% { opacity: 1; stroke-dashoffset: 0; transform: scale(1.12); }
  73%, 91% { opacity: 1; stroke-dashoffset: 0; transform: scale(1); }
  97%, 100% { opacity: 0; stroke-dashoffset: 0; transform: scale(0.8); }
}
@keyframes aia-agent-tool-call-ping {
  0% { opacity: 0.55; transform: scale(1); }
  80%, 100% { opacity: 0; transform: scale(3); }
}
@keyframes aia-agent-tool-call-shine {
  from { background-position: 100% 0; }
  to { background-position: -50% 0; }
}
@keyframes aia-agent-tool-call-swap-out {
  0%, 58% { opacity: 1; transform: none; }
  63% { opacity: 0; transform: translateY(-0.6em); }
  93% { opacity: 0; transform: translateY(0.6em); }
  100% { opacity: 1; transform: none; }
}
@keyframes aia-agent-tool-call-swap-in {
  0%, 59% { opacity: 0; transform: translateY(0.6em); }
  65%, 91% { opacity: 1; transform: none; }
  97%, 100% { opacity: 0; transform: translateY(-0.6em); }
}
@keyframes aia-agent-tool-call-clock {
  0% { --aia-agent-tool-call-ds: 0; }
  60%, 96% { --aia-agent-tool-call-ds: 31; }
  100% { --aia-agent-tool-call-ds: 0; }
}
@keyframes aia-agent-tool-call-sweep {
  from { transform: translateX(-100%); }
  to { transform: translateX(250%); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-tool-call-icon,
  .aia-agent-tool-call-icon *,
  .aia-agent-tool-call-run,
  .aia-agent-tool-call-ok,
  .aia-agent-tool-call-time,
  .aia-agent-tool-call-bar,
  .aia-agent-tool-call-bar::before {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.8);
  }
  .aia-agent-tool-call-live::after { animation: none; }
}

.aia-agent-terminal {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.8em;
  background: color-mix(in srgb, var(--c) 5%, #0d0d11);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.09), 0 1em 2.2em -1em rgb(0 0 0 / 0.55);
  color: #e4e4e7;
  --d: 6.6s;
  --lh: 1.6em;
  width: 22em;
}
.aia-agent-terminal-bar {
  display: flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.6em 0.8em;
  border-bottom: 1px solid rgb(255 255 255 / 0.07);
}
.aia-agent-terminal-bar i {
  width: 0.55em;
  height: 0.55em;
  border-radius: 50%;
  background: rgb(255 255 255 / 0.16);
}
.aia-agent-terminal-bar span {
  margin-left: auto;
  margin-right: auto;
  padding-right: 2.2em;
  color: rgb(255 255 255 / 0.45);
  font: 500 0.72em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-terminal-body {
  box-sizing: border-box;
  height: calc(var(--lh) * 7 + 1.3em);
  padding: 0.6em 0.95em 0.7em;
  font: 0.8em / 1 ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  animation: aia-agent-terminal-fade var(--d) linear infinite;
}
.aia-agent-terminal-body p {
  display: flex;
  align-items: center;
  height: var(--lh);
  margin: 0;
  white-space: pre;
}
.aia-agent-terminal-ps {
  margin-right: 0.6em;
  color: color-mix(in srgb, var(--c) 60%, #fff);
}
.aia-agent-terminal-typed {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  animation: aia-agent-terminal-type var(--d) infinite;
}
.aia-agent-terminal-caret {
  display: inline-block;
  width: 0.6em;
  height: 1.15em;
  background: color-mix(in srgb, var(--c) 45%, #fff);
  animation:
    aia-agent-terminal-blink 1s steps(1) infinite,
    aia-agent-terminal-caret var(--d) steps(1) infinite;
}
.aia-agent-terminal-caret-end {
  animation: aia-agent-terminal-blink 1s steps(1) infinite;
}
.aia-agent-terminal-out {
  overflow: hidden;
  color: rgb(255 255 255 / 0.62);
  animation: aia-agent-terminal-print var(--d) steps(1, end) infinite;
}
.aia-agent-terminal-out b {
  color: #4ade80;
  font-weight: 600;
}
.aia-agent-terminal-out span:not([class]) {
  width: 15em;
  color: #e4e4e7;
}
.aia-agent-terminal-out em {
  font-style: normal;
  color: rgb(255 255 255 / 0.45);
}
@keyframes aia-agent-terminal-type {
  0%, 4% { width: 0; animation-timing-function: steps(10, end); }
  16%, 99% { width: 10ch; }
  100% { width: 0; }
}
@keyframes aia-agent-terminal-caret {
  0%, 17% { visibility: visible; }
  18%, 100% { visibility: hidden; }
}
@keyframes aia-agent-terminal-blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}
@keyframes aia-agent-terminal-print {
  0%, 18% { height: 0; }
  19% { height: var(--lh); }
  33% { height: calc(var(--lh) * 2); }
  37% { height: calc(var(--lh) * 3); }
  39% { height: calc(var(--lh) * 4); }
  45% { height: calc(var(--lh) * 5); }
  48%, 99% { height: calc(var(--lh) * 6); }
  100% { height: 0; }
}
@keyframes aia-agent-terminal-fade {
  0%, 93% { opacity: 1; }
  97%, 99% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-terminal-body,
  .aia-agent-terminal-typed,
  .aia-agent-terminal-caret,
  .aia-agent-terminal-out {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.7);
  }
}

@property --aia-agent-diff-card-a {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-diff-card-r {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-agent-diff-card {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 7s;
  --add: color-mix(in srgb, #16a34a 78%, currentColor);
  --del: color-mix(in srgb, #dc2626 80%, currentColor);
  width: 24em;
  padding: 0;
  overflow: hidden;
}
.aia-agent-diff-card-head {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.65em 0.9em;
  border-bottom: 1px solid color-mix(in srgb, currentColor 9%, transparent);
  font-size: 0.85em;
}
.aia-agent-diff-card-icon {
  width: 1.15em;
  height: 1.15em;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-agent-diff-card-path {
  margin-right: auto;
  color: color-mix(in srgb, currentColor 60%, transparent);
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-diff-card-path b {
  color: currentColor;
  font-weight: 600;
}
.aia-agent-diff-card-add,
.aia-agent-diff-card-del {
  font: 600 1em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
}
.aia-agent-diff-card-add {
  color: var(--add);
  counter-reset: a var(--aia-agent-diff-card-a);
  animation: aia-agent-diff-card-adds var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-diff-card-add::before { content: "+" counter(a); }
.aia-agent-diff-card-del {
  color: var(--del);
  counter-reset: r var(--aia-agent-diff-card-r);
  animation: aia-agent-diff-card-dels var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-diff-card-del::before { content: "-" counter(r); }
.aia-agent-diff-card-code {
  padding: 0.45em 0;
  font: 0.76em / 1 ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  min-height: calc(1.65em * 7);
  animation: aia-agent-diff-card-fade var(--d) linear infinite;
}
.aia-agent-diff-card-code p {
  position: relative;
  display: flex;
  align-items: center;
  height: 1.65em;
  margin: 0;
  padding-right: 1em;
  white-space: pre;
  overflow: hidden;
}
.aia-agent-diff-card-code i {
  flex: none;
  width: 2.4em;
  padding-right: 1.4em;
  color: color-mix(in srgb, currentColor 35%, transparent);
  font-style: normal;
  text-align: right;
}
.aia-agent-diff-card-code p::before {
  position: absolute;
  left: 3em;
  font-weight: 700;
}
.aia-agent-diff-card-old {
  animation: aia-agent-diff-card-blush var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-diff-card-old::before {
  content: "-";
  color: var(--del);
  animation: aia-agent-diff-card-mark var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-diff-card-new {
  overflow: hidden;
  animation: aia-agent-diff-card-grow var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-diff-card-new p {
  background: color-mix(in srgb, #16a34a 13%, transparent);
  box-shadow: inset 0.16em 0 0 var(--add);
}
.aia-agent-diff-card-new p::before {
  content: "+";
  color: var(--add);
}
@keyframes aia-agent-diff-card-blush {
  0%, 10%, 97%, 100% { background: transparent; box-shadow: none; }
  18%, 96% { background: color-mix(in srgb, #dc2626 12%, transparent); box-shadow: inset 0.16em 0 0 var(--del); }
}
@keyframes aia-agent-diff-card-mark {
  0%, 10%, 97%, 100% { opacity: 0; }
  18%, 96% { opacity: 1; }
}
@keyframes aia-agent-diff-card-grow {
  0%, 22%, 97%, 100% { height: 0; }
  48%, 96% { height: calc(1.65em * 3); }
}
@keyframes aia-agent-diff-card-adds {
  0%, 22% { --aia-agent-diff-card-a: 0; }
  48%, 90% { --aia-agent-diff-card-a: 12; opacity: 1; }
  95% { --aia-agent-diff-card-a: 12; opacity: 0; }
  97% { --aia-agent-diff-card-a: 0; opacity: 0; }
  100% { --aia-agent-diff-card-a: 0; opacity: 1; }
}
@keyframes aia-agent-diff-card-dels {
  0%, 10% { --aia-agent-diff-card-r: 0; }
  18%, 90% { --aia-agent-diff-card-r: 3; opacity: 1; }
  95% { --aia-agent-diff-card-r: 3; opacity: 0; }
  97% { --aia-agent-diff-card-r: 0; opacity: 0; }
  100% { --aia-agent-diff-card-r: 0; opacity: 1; }
}
@keyframes aia-agent-diff-card-fade {
  0%, 90% { opacity: 1; }
  95%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-diff-card-add,
  .aia-agent-diff-card-del,
  .aia-agent-diff-card-code,
  .aia-agent-diff-card-old,
  .aia-agent-diff-card-old::before,
  .aia-agent-diff-card-new {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.7);
  }
}

@property --aia-agent-plan-checklist-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.5;
}
@property --aia-agent-plan-checklist-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-agent-plan-checklist {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --t: var(--aia-agent-plan-checklist-t);
  width: 19em;
  padding: 0.85em 1em 0.7em;
  animation: aia-agent-plan-checklist-clock var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-plan-checklist-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.45em;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-agent-plan-checklist-count {
  font-variant-numeric: tabular-nums;
  --aia-agent-plan-checklist-n: calc(var(--t) - 0.5);
  counter-reset: n var(--aia-agent-plan-checklist-n);
  animation: aia-agent-plan-checklist-fade var(--d) linear infinite;
}
.aia-agent-plan-checklist-count::before { content: counter(n) " of 4"; }
.aia-agent-plan-checklist-list {
  margin: 0;
  padding: 0;
  list-style: none;
  animation: aia-agent-plan-checklist-fade var(--d) linear infinite;
}
.aia-agent-plan-checklist-list li {
  --i: 0;
  --p: clamp(0, (var(--t) - var(--i) - 0.5) * 2, 1);
  --a: clamp(0, min(var(--t) - var(--i), var(--i) + 1 - var(--t)) * 5, 1);
  display: flex;
  align-items: center;
  gap: 0.6em;
  height: 1.95em;
  font-size: 0.92em;
}
.aia-agent-plan-checklist-list li:nth-child(2) { --i: 1; }
.aia-agent-plan-checklist-list li:nth-child(3) { --i: 2; }
.aia-agent-plan-checklist-list li:nth-child(4) { --i: 3; }
.aia-agent-plan-checklist-box {
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
  width: 1.05em;
  height: 1.05em;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.09em color-mix(in srgb, currentColor 28%, transparent);
}
.aia-agent-plan-checklist-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 0.12em solid transparent;
  border-top-color: var(--c);
  border-right-color: var(--c);
  opacity: var(--a);
  animation: aia-agent-plan-checklist-spin 0.8s linear infinite;
}
.aia-agent-plan-checklist-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--c);
  transform: scale(var(--p));
}
.aia-agent-plan-checklist-box svg {
  position: relative;
  z-index: 1;
  width: 0.72em;
  height: 0.72em;
  color: #fff;
  stroke-width: 3.4;
  opacity: var(--p);
  transform: scale(calc(0.4 + var(--p) * 0.6));
}
.aia-agent-plan-checklist-text {
  position: relative;
  white-space: nowrap;
  font-weight: calc(400 + var(--a) * 150);
  opacity: calc(1 - var(--p) * 0.45 - (1 - var(--a)) * (1 - var(--p)) * 0.4);
}
.aia-agent-plan-checklist-text::after {
  content: "";
  position: absolute;
  left: -0.1em;
  right: -0.1em;
  top: 55%;
  height: 0.08em;
  background: currentColor;
  transform: scaleX(var(--p));
  transform-origin: left;
}
@keyframes aia-agent-plan-checklist-clock {
  0%, 16% { --aia-agent-plan-checklist-t: 0.5; }
  21%, 37% { --aia-agent-plan-checklist-t: 1.5; }
  42%, 58% { --aia-agent-plan-checklist-t: 2.5; }
  63%, 78% { --aia-agent-plan-checklist-t: 3.5; }
  83%, 96% { --aia-agent-plan-checklist-t: 4.5; }
  97%, 100% { --aia-agent-plan-checklist-t: 0.5; }
}
@keyframes aia-agent-plan-checklist-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-agent-plan-checklist-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-plan-checklist,
  .aia-agent-plan-checklist-count,
  .aia-agent-plan-checklist-list {
    animation: none;
    --aia-agent-plan-checklist-t: 2.5;
  }
  .aia-agent-plan-checklist-box::before { animation-duration: 2.4s; }
}

@property --aia-agent-approval-card-s {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-agent-approval-card {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --amber: color-mix(in srgb, #d97706 84%, currentColor);
  width: 20em;
  animation: aia-agent-approval-card-edge 2.6s ease-in-out infinite;
}
.aia-agent-approval-card-head {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--amber);
  font-size: 0.8em;
  font-weight: 600;
}
.aia-agent-approval-card-dot {
  position: relative;
  width: 0.55em;
  height: 0.55em;
  border-radius: 50%;
  background: var(--amber);
}
.aia-agent-approval-card-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--amber);
  animation: aia-agent-approval-card-ping 2.6s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.aia-agent-approval-card-timer {
  margin-left: auto;
  color: color-mix(in srgb, currentColor 45%, transparent);
  font: 500 1em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  counter-reset: s var(--aia-agent-approval-card-s);
  animation: aia-agent-approval-card-tick 60s steps(60, end) infinite;
}
.aia-agent-approval-card-timer::before { content: "0:" counter(s, decimal-leading-zero); }
.aia-agent-approval-card-ask {
  margin: 0.55em 0 0.45em;
  font-size: 0.95em;
  font-weight: 600;
}
.aia-agent-approval-card-cmd {
  display: block;
  padding: 0.55em 0.7em;
  border-radius: 0.5em;
  background: color-mix(in srgb, currentColor 6%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent);
  font: 0.8em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  white-space: nowrap;
}
.aia-agent-approval-card-cmd span { color: color-mix(in srgb, currentColor 40%, transparent); }
.aia-agent-approval-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5em;
  margin-top: 0.8em;
}
.aia-agent-approval-card-actions button {
  position: relative;
  padding: 0.5em 0.95em;
  border: 0;
  border-radius: 0.55em;
  font: 600 0.82em system-ui, sans-serif;
  cursor: pointer;
}
.aia-agent-approval-card-actions button:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
.aia-agent-approval-card-deny {
  background: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);
  color: inherit;
}
.aia-agent-approval-card-allow {
  background: var(--c);
  color: #fff;
  box-shadow: 0 0.3em 0.8em -0.3em color-mix(in srgb, var(--c) 70%, transparent);
}
.aia-agent-approval-card-allow::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: aia-agent-approval-card-pulse 2.6s cubic-bezier(0.2, 0.6, 0.3, 1) infinite;
}
@keyframes aia-agent-approval-card-edge {
  0%, 100% { box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3); }
  50% { box-shadow: inset 0 0 0 1px color-mix(in srgb, #d97706 40%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3); }
}
@keyframes aia-agent-approval-card-ping {
  0% { opacity: 0.6; transform: scale(1); }
  60%, 100% { opacity: 0; transform: scale(2.8); }
}
@keyframes aia-agent-approval-card-pulse {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 50%, transparent); }
  70%, 100% { box-shadow: 0 0 0 0.55em color-mix(in srgb, var(--c) 0%, transparent); }
}
@keyframes aia-agent-approval-card-tick {
  from { --aia-agent-approval-card-s: 0; }
  to { --aia-agent-approval-card-s: 60; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-approval-card,
  .aia-agent-approval-card-dot::after,
  .aia-agent-approval-card-allow::after {
    animation: none;
  }
}

@property --aia-agent-status-pill-k {
  syntax: "<color>";
  inherits: true;
  initial-value: #8b8b94;
}
.aia-agent-status-pill {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --d: 9s;
  --k: var(--aia-agent-status-pill-k);
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding: 0.3em 0.35em 0.3em 0.3em;
  border-radius: 999em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.6em 1.4em -0.9em rgb(0 0 0 / 0.3);
  animation: aia-agent-status-pill-color var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-status-pill-avatar {
  display: grid;
  place-items: center;
  width: 1.9em;
  height: 1.9em;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c) 14%, transparent);
  color: var(--c);
}
.aia-agent-status-pill-avatar svg {
  width: 1.05em;
  height: 1.05em;
  fill: currentColor;
  stroke: none;
}
.aia-agent-status-pill-name {
  font: 500 0.85em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-status-pill-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  height: 1.9em;
  padding: 0 0.75em 0 0.65em;
  border-radius: 999em;
  background: color-mix(in srgb, var(--k) 13%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--k) 30%, transparent);
  color: color-mix(in srgb, var(--k) 80%, currentColor);
  font-size: 0.85em;
  font-weight: 600;
}
.aia-agent-status-pill-dot {
  position: relative;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: var(--k);
}
.aia-agent-status-pill-dot::before {
  content: "";
  position: absolute;
  inset: -0.3em;
  border-radius: 50%;
  border: 0.12em solid transparent;
  border-top-color: var(--k);
  animation:
    aia-agent-status-pill-spin 0.9s linear infinite,
    aia-agent-status-pill-working var(--d) linear infinite;
}
.aia-agent-status-pill-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--k);
  animation:
    aia-agent-status-pill-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite,
    aia-agent-status-pill-waiting var(--d) linear infinite;
}
.aia-agent-status-pill-view {
  height: 1.4em;
  overflow: hidden;
  animation: aia-agent-status-pill-width var(--d) cubic-bezier(0.3, 1.3, 0.5, 1) infinite;
}
.aia-agent-status-pill-roll {
  display: grid;
  animation: aia-agent-status-pill-roll var(--d) cubic-bezier(0.34, 1.45, 0.64, 1) infinite;
}
.aia-agent-status-pill-roll span {
  height: 1.4em;
  line-height: 1.4em;
  white-space: nowrap;
}
@keyframes aia-agent-status-pill-color {
  0%, 21%, 100% { --aia-agent-status-pill-k: #8b8b94; }
  25%, 46% { --aia-agent-status-pill-k: var(--c); }
  50%, 71% { --aia-agent-status-pill-k: #f59e0b; }
  75%, 96% { --aia-agent-status-pill-k: #22c55e; }
}
@keyframes aia-agent-status-pill-roll {
  0%, 21% { transform: translateY(0); }
  25%, 46% { transform: translateY(-1.4em); }
  50%, 71% { transform: translateY(-2.8em); }
  75%, 96% { transform: translateY(-4.2em); }
  100% { transform: translateY(-5.6em); }
}
@keyframes aia-agent-status-pill-width {
  0%, 21%, 100% { width: 1.8em; }
  25%, 46% { width: 4.1em; }
  50%, 71% { width: 6em; }
  75%, 96% { width: 2.65em; }
}
@keyframes aia-agent-status-pill-working {
  0%, 23%, 48%, 100% { opacity: 0; }
  26%, 45% { opacity: 1; }
}
@keyframes aia-agent-status-pill-waiting {
  0%, 48%, 73%, 100% { visibility: hidden; }
  50%, 71% { visibility: visible; }
}
@keyframes aia-agent-status-pill-spin {
  to { transform: rotate(360deg); }
}
@keyframes aia-agent-status-pill-ping {
  0% { opacity: 0.6; transform: scale(1); }
  70%, 100% { opacity: 0; transform: scale(2.6); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-status-pill,
  .aia-agent-status-pill-view,
  .aia-agent-status-pill-roll,
  .aia-agent-status-pill-dot::before,
  .aia-agent-status-pill-dot::after {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.35);
  }
}

.aia-agent-fleet-grid {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.8em;
  background: color-mix(in srgb, var(--c) 5%, #0d0d11);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.09), 0 1em 2.2em -1em rgb(0 0 0 / 0.55);
  color: #e4e4e7;
  --ok: #4ade80;
  --wait: #fbbf24;
  width: 25em;
  padding: 0.85em;
}
.aia-agent-fleet-grid-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.15em 0.65em;
  font-size: 0.82em;
  font-weight: 600;
}
.aia-agent-fleet-grid-sum {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  color: rgb(255 255 255 / 0.55);
  font-weight: 500;
}
.aia-agent-fleet-grid-sum i {
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0 0.2em color-mix(in srgb, var(--c) 25%, transparent);
}
.aia-agent-fleet-grid-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.45em;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aia-agent-fleet-grid-tiles li {
  --dur: 5.4s;
  --k: var(--c);
  position: relative;
  display: grid;
  gap: 0.2em;
  padding: 0.6em 0.65em 0.75em 1.55em;
  overflow: hidden;
  border-radius: 0.55em;
  background: rgb(255 255 255 / 0.04);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.06);
}
.aia-agent-fleet-grid-tiles li:nth-child(2) { --dur: 7.2s; animation-delay: -2.1s; }
.aia-agent-fleet-grid-tiles li:nth-child(4) { --dur: 4.6s; animation-delay: -3.4s; }
.aia-agent-fleet-grid-tiles li:nth-child(6) { --dur: 6.3s; animation-delay: -1.2s; }
.aia-agent-fleet-grid-tiles b {
  overflow: hidden;
  font: 600 0.78em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aia-agent-fleet-grid-tiles span {
  overflow: hidden;
  color: rgb(255 255 255 / 0.48);
  font-size: 0.7em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* the status dot */
.aia-agent-fleet-grid-tiles li::before {
  content: "";
  position: absolute;
  left: 0.65em;
  top: 0.95em;
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: var(--k);
  box-shadow: 0 0 0.5em var(--k);
}
/* the progress line */
.aia-agent-fleet-grid-tiles li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.14em;
  background: var(--k);
  transform-origin: left;
}
.aia-agent-fleet-grid-run::before,
.aia-agent-fleet-grid-run::after {
  animation: aia-agent-fleet-grid-light var(--dur) cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-delay: inherit;
}
.aia-agent-fleet-grid-run::after {
  animation-name: aia-agent-fleet-grid-fill;
}
.aia-agent-fleet-grid-tiles .aia-agent-fleet-grid-wait { --k: var(--wait); }
.aia-agent-fleet-grid-wait::before {
  animation: aia-agent-fleet-grid-breathe 1.8s ease-in-out infinite;
}
.aia-agent-fleet-grid-tiles .aia-agent-fleet-grid-wait::after { transform: scaleX(0.7); opacity: 0.6; }
.aia-agent-fleet-grid-tiles .aia-agent-fleet-grid-done { --k: var(--ok); }
.aia-agent-fleet-grid-tiles .aia-agent-fleet-grid-done::before { box-shadow: none; }
.aia-agent-fleet-grid-tiles .aia-agent-fleet-grid-done::after { opacity: 0.45; }
@keyframes aia-agent-fleet-grid-fill {
  0% { transform: scaleX(0); background: var(--c); opacity: 1; }
  18% { transform: scaleX(0.22); }
  30% { transform: scaleX(0.3); }
  48% { transform: scaleX(0.58); }
  62% { transform: scaleX(0.66); }
  78% { transform: scaleX(1); background: var(--c); }
  82%, 92% { transform: scaleX(1); background: var(--ok); opacity: 1; }
  98% { transform: scaleX(1); background: var(--ok); opacity: 0; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes aia-agent-fleet-grid-light {
  0%, 78%, 100% { background: var(--c); box-shadow: 0 0 0.5em var(--c); }
  82%, 94% { background: var(--ok); box-shadow: 0 0 0.6em var(--ok); }
}
@keyframes aia-agent-fleet-grid-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-fleet-grid-tiles li::before,
  .aia-agent-fleet-grid-tiles li::after {
    animation-play-state: paused;
  }
}

@property --aia-subagent-tree-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --aia-subagent-tree-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-subagent-tree {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --t: var(--aia-subagent-tree-t);
  --ok: color-mix(in srgb, #16a34a 78%, currentColor);
  width: 20em;
  padding: 0.8em 0.95em 0.6em;
  animation:
    aia-subagent-tree-clock var(--d) cubic-bezier(0.45, 0, 0.3, 1) infinite;
}
.aia-subagent-tree-root {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.aia-subagent-tree-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 2em;
  height: 2em;
  border-radius: 0.6em;
  background: var(--c);
  color: #fff;
  box-shadow: 0 0.35em 0.9em -0.35em color-mix(in srgb, var(--c) 80%, transparent);
}
.aia-subagent-tree-avatar::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.045em);
  top: 100%;
  width: 0.09em;
  height: 0.5em;
  background: color-mix(in srgb, currentColor 24%, transparent);
}
.aia-subagent-tree-avatar svg {
  width: 1.05em;
  height: 1.05em;
  fill: currentColor;
  stroke: none;
}
.aia-subagent-tree-who {
  display: grid;
  margin-right: auto;
  line-height: 1.25;
}
.aia-subagent-tree-who b { font-size: 0.92em; }
.aia-subagent-tree-who span {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font-size: 0.78em;
}
.aia-subagent-tree-count {
  padding: 0.2em 0.55em;
  border-radius: 999em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  font: 600 0.75em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --aia-subagent-tree-n: clamp(0, var(--t) - 3.3, 3);
  counter-reset: n var(--aia-subagent-tree-n);
  animation: aia-subagent-tree-fade var(--d) linear infinite;
}
.aia-subagent-tree-count::before { content: counter(n) "/3 done"; }
.aia-subagent-tree-kids {
  position: relative;
  margin: 0;
  padding: 0.15em 0 0 2.15em;
  list-style: none;
  animation: aia-subagent-tree-fade var(--d) linear infinite;
}
.aia-subagent-tree-kids li {
  --i: 0;
  --e: clamp(0, (var(--t) - var(--i)) * 2.5, 1);
  --v: clamp(0, (var(--t) - var(--i) - 0.35) * 2.5, 1);
  --g: clamp(0, (var(--t) - var(--i) - 0.45) * 1.8, 1);
  --ok-p: clamp(0, (var(--t) - 3.6 - var(--i)) * 2.5, 1);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  height: 2.15em;
}
.aia-subagent-tree-kids li:nth-child(2) { --i: 1; }
.aia-subagent-tree-kids li:nth-child(3) { --i: 2; }
/* elbow from the trunk into this row: draws down, then across */
.aia-subagent-tree-kids li::before {
  content: "";
  position: absolute;
  left: -1.15em;
  top: -0.15em;
  width: 0.85em;
  height: calc(50% + 0.15em);
  box-sizing: border-box;
  border-left: 0.09em solid color-mix(in srgb, currentColor 24%, transparent);
  border-bottom: 0.09em solid color-mix(in srgb, currentColor 24%, transparent);
  border-bottom-left-radius: 0.55em;
  clip-path: inset(0 calc((1 - clamp(0, var(--e) * 2 - 1, 1)) * 100%) calc((1 - min(var(--e) * 2, 1)) * 100%) 0);
}
/* trunk continuing down to the next row */
.aia-subagent-tree-kids li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -1.15em;
  top: 50%;
  width: 0.09em;
  height: calc(50% + 0.15em);
  background: color-mix(in srgb, currentColor 24%, transparent);
  transform: scaleY(var(--v));
  transform-origin: top;
}
.aia-subagent-tree-kids code,
.aia-subagent-tree-kids span,
.aia-subagent-tree-kids i {
  opacity: var(--g);
  transform: translateX(calc((1 - var(--g)) * -0.6em));
}
.aia-subagent-tree-kids code {
  padding: 0.15em 0.45em;
  border-radius: 0.35em;
  background: color-mix(in srgb, var(--c) 13%, transparent);
  color: color-mix(in srgb, var(--c) 75%, currentColor);
  font: 600 0.72em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-subagent-tree-kids span {
  margin-right: auto;
  font-size: 0.85em;
  white-space: nowrap;
}
.aia-subagent-tree-kids i {
  position: relative;
  display: grid;
  place-items: center;
  width: 1em;
  height: 1em;
}
.aia-subagent-tree-kids i::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 0.12em solid color-mix(in srgb, var(--c) 25%, transparent);
  border-top-color: var(--c);
  opacity: calc(1 - var(--ok-p));
  animation: aia-subagent-tree-spin 0.8s linear infinite;
}
.aia-subagent-tree-kids svg {
  width: 1em;
  height: 1em;
  color: var(--ok);
  stroke-width: 3;
  opacity: var(--ok-p);
  transform: scale(calc(0.3 + var(--ok-p) * 0.7));
}
@keyframes aia-subagent-tree-clock {
  0%, 4% { --aia-subagent-tree-t: 0; }
  30%, 38% { --aia-subagent-tree-t: 3; }
  44%, 54% { --aia-subagent-tree-t: 4.3; }
  59%, 67% { --aia-subagent-tree-t: 5.3; }
  72%, 96% { --aia-subagent-tree-t: 6.3; }
  97%, 100% { --aia-subagent-tree-t: 0; }
}
@keyframes aia-subagent-tree-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-subagent-tree-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-subagent-tree,
  .aia-subagent-tree-count,
  .aia-subagent-tree-kids {
    animation: none;
    --aia-subagent-tree-t: 4.8;
  }
  .aia-subagent-tree-kids i::before { animation-duration: 2.4s; }
}

@property --aia-context-window-meter-u {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.28;
}
@property --aia-context-window-meter-k {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-context-window-meter {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --u: var(--aia-context-window-meter-u);
  width: 21em;
  animation: aia-context-window-meter-fill var(--d) cubic-bezier(0.5, 0, 0.2, 1) infinite;
}
.aia-context-window-meter-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.65em;
  font-size: 0.85em;
  font-weight: 600;
}
.aia-context-window-meter-num {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font: 500 0.95em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --aia-context-window-meter-k: calc(var(--u) * 200);
  counter-reset: k var(--aia-context-window-meter-k);
}
.aia-context-window-meter-num::before { content: counter(k) "k / 200k"; }
.aia-context-window-meter-bar {
  position: relative;
  display: flex;
  gap: 0.12em;
  height: 0.6em;
  padding: 0.12em;
  border-radius: 999em;
  background: color-mix(in srgb, currentColor 7%, transparent);
}
.aia-context-window-meter-bar i {
  border-radius: 999em;
}
.aia-context-window-meter-sys {
  width: 6%;
  background: color-mix(in srgb, currentColor 40%, transparent);
}
.aia-context-window-meter-tools {
  width: 9%;
  background: color-mix(in srgb, var(--c) 45%, transparent);
}
.aia-context-window-meter-chat {
  position: relative;
  overflow: hidden;
  width: calc((var(--u) - 0.15) * 100%);
  background: var(--c);
}
.aia-context-window-meter-chat::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.75), transparent) 0 0 / 50% 100% no-repeat;
  animation: aia-context-window-meter-sheen var(--d) linear infinite;
}
.aia-context-window-meter-mark {
  position: absolute;
  left: 80%;
  top: -0.3em;
  bottom: -0.3em;
  width: 0.1em;
  border-radius: 1px;
  background: color-mix(in srgb, currentColor 45%, transparent);
}
.aia-context-window-meter-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 0.7em;
  font-size: 0.72em;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-context-window-meter-key i {
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin: 0 0.25em 0 0.5em;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 40%, transparent);
}
.aia-context-window-meter-key i:first-child { margin-left: 0; }
.aia-context-window-meter-key i:nth-of-type(2) { background: color-mix(in srgb, var(--c) 45%, transparent); }
.aia-context-window-meter-key i:nth-of-type(3) { background: var(--c); }
.aia-context-window-meter-note {
  display: grid;
  text-align: right;
}
.aia-context-window-meter-note > * {
  grid-area: 1 / 1;
  animation: aia-context-window-meter-idle var(--d) ease infinite;
}
.aia-context-window-meter-note > .aia-context-window-meter-busy {
  background: linear-gradient(90deg, var(--c) 30%, color-mix(in srgb, var(--c) 30%, #fff) 50%, var(--c) 70%) 0 0 / 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;
  animation: aia-context-window-meter-busy var(--d) linear infinite;
}
@keyframes aia-context-window-meter-fill {
  0%, 6% { --aia-context-window-meter-u: 0.28; }
  10%, 17% { --aia-context-window-meter-u: 0.37; }
  21%, 28% { --aia-context-window-meter-u: 0.48; }
  32%, 39% { --aia-context-window-meter-u: 0.57; }
  43%, 50% { --aia-context-window-meter-u: 0.69; }
  54%, 76% { --aia-context-window-meter-u: 0.8; }
  84%, 100% { --aia-context-window-meter-u: 0.28; }
}
@keyframes aia-context-window-meter-sheen {
  0%, 58% { background-position: -100% 0; opacity: 0; }
  59% { opacity: 1; }
  64% { background-position: 200% 0; }
  65% { background-position: -100% 0; }
  70% { background-position: 200% 0; }
  71% { background-position: -100% 0; }
  76% { background-position: 200% 0; opacity: 1; }
  77%, 100% { background-position: 200% 0; opacity: 0; }
}
@keyframes aia-context-window-meter-idle {
  0%, 55%, 84%, 100% { opacity: 1; transform: none; }
  58%, 81% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-context-window-meter-busy {
  0%, 55%, 84%, 100% { opacity: 0; background-position: 100% 0; }
  58% { opacity: 1; background-position: 100% 0; }
  81% { opacity: 1; background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-context-window-meter {
    animation: none;
    --aia-context-window-meter-u: 0.57;
  }
  .aia-context-window-meter-chat::after,
  .aia-context-window-meter-note > * { animation: none; }
  .aia-context-window-meter-note > .aia-context-window-meter-busy { animation: none; opacity: 0; }
}

@property --aia-agent-cost-counter-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --aia-agent-cost-counter-cents {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-cost-counter-dol {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-cost-counter-rem {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-cost-counter-h {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-cost-counter-hk {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
@property --aia-agent-cost-counter-hd {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-agent-cost-counter {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --t: var(--aia-agent-cost-counter-t);
  width: 17em;
  animation: aia-agent-cost-counter-clock var(--d) cubic-bezier(0.3, 0, 0.2, 1) infinite;
}
.aia-agent-cost-counter-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.78em;
  color: color-mix(in srgb, currentColor 55%, transparent);
  font-weight: 600;
}
.aia-agent-cost-counter-head code {
  padding: 0.15em 0.45em;
  border-radius: 0.35em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  font: 500 0.92em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-cost-counter-figures {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0.35em 0 0.6em;
  animation: aia-agent-cost-counter-fade var(--d) linear infinite;
}
.aia-agent-cost-counter-usd {
  font-size: 2.1em;
  font-weight: 650;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  --aia-agent-cost-counter-cents: calc(var(--t) * 23);
  --aia-agent-cost-counter-dol: calc(var(--aia-agent-cost-counter-cents) / 100 - 0.5);
  --aia-agent-cost-counter-rem: calc(var(--aia-agent-cost-counter-cents) - var(--aia-agent-cost-counter-dol) * 100);
  counter-reset: dol var(--aia-agent-cost-counter-dol) rem var(--aia-agent-cost-counter-rem);
}
.aia-agent-cost-counter-usd::before { content: "$" counter(dol) "." counter(rem, decimal-leading-zero); }
.aia-agent-cost-counter-tok {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font: 500 0.8em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --aia-agent-cost-counter-h: calc(var(--t) * 51.5);
  --aia-agent-cost-counter-hk: calc(var(--aia-agent-cost-counter-h) / 10 - 0.5);
  --aia-agent-cost-counter-hd: calc(var(--aia-agent-cost-counter-h) - var(--aia-agent-cost-counter-hk) * 10);
  counter-reset: hk var(--aia-agent-cost-counter-hk) hd var(--aia-agent-cost-counter-hd);
}
.aia-agent-cost-counter-tok::before { content: counter(hk) "." counter(hd) "k tokens"; }
.aia-agent-cost-counter-bars {
  display: flex;
  align-items: flex-end;
  gap: 0.3em;
  height: 2.6em;
  padding-top: 0.2em;
  border-top: 1px dashed color-mix(in srgb, currentColor 14%, transparent);
  animation: aia-agent-cost-counter-fade var(--d) linear infinite;
}
.aia-agent-cost-counter-bars i {
  --i: 0;
  --h: 60%;
  --g: clamp(0, (var(--t) - var(--i)) * 1.6, 1);
  --a: clamp(0, min(var(--t) - var(--i), var(--i) + 1.6 - var(--t)) * 3, 1);
  position: relative;
  flex: 1;
  height: var(--h);
  border-radius: 0.25em 0.25em 0.1em 0.1em;
  background: color-mix(in srgb, var(--c) 30%, transparent);
  transform: scaleY(var(--g));
  transform-origin: bottom;
}
.aia-agent-cost-counter-bars i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--c);
  opacity: var(--a);
}
.aia-agent-cost-counter-bars i:nth-child(2) { --i: 1; --h: 35%; }
.aia-agent-cost-counter-bars i:nth-child(3) { --i: 2; --h: 80%; }
.aia-agent-cost-counter-bars i:nth-child(4) { --i: 3; --h: 50%; }
.aia-agent-cost-counter-bars i:nth-child(5) { --i: 4; --h: 95%; }
.aia-agent-cost-counter-bars i:nth-child(6) { --i: 5; --h: 42%; }
.aia-agent-cost-counter-bars i:nth-child(7) { --i: 6; --h: 66%; }
.aia-agent-cost-counter-bars i:nth-child(8) { --i: 7; --h: 74%; }
@keyframes aia-agent-cost-counter-clock {
  0%, 2% { --aia-agent-cost-counter-t: 0; }
  6%, 11% { --aia-agent-cost-counter-t: 1; }
  15%, 20% { --aia-agent-cost-counter-t: 2; }
  24%, 29% { --aia-agent-cost-counter-t: 3; }
  33%, 38% { --aia-agent-cost-counter-t: 4; }
  42%, 47% { --aia-agent-cost-counter-t: 5; }
  51%, 56% { --aia-agent-cost-counter-t: 6; }
  60%, 65% { --aia-agent-cost-counter-t: 7; }
  69%, 96% { --aia-agent-cost-counter-t: 8; }
  97%, 100% { --aia-agent-cost-counter-t: 0; }
}
@keyframes aia-agent-cost-counter-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-cost-counter {
    animation: none;
    --aia-agent-cost-counter-t: 8;
  }
  .aia-agent-cost-counter-figures,
  .aia-agent-cost-counter-bars { animation: none; }
}

.aia-agent-handoff {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 6.4s;
  display: grid;
  grid-template-columns: 5.6em 1fr 5.6em;
  align-items: start;
  width: 23em;
  padding: 1em 0.8em 0.85em;
}
.aia-agent-handoff-node {
  display: grid;
  justify-items: center;
  gap: 0.15em;
  text-align: center;
}
.aia-agent-handoff-node b {
  margin-top: 0.35em;
  font-size: 0.88em;
}
.aia-agent-handoff-face {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.6em;
  height: 2.6em;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c) 14%, transparent);
  color: color-mix(in srgb, var(--c) 80%, currentColor);
  font-weight: 700;
}
/* the working ring: a conic arc masked to a thin band */
.aia-agent-handoff-face::before {
  content: "";
  position: absolute;
  inset: -0.28em;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 35%, var(--c));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.14em), #000 calc(100% - 0.13em));
  mask: radial-gradient(farthest-side, transparent calc(100% - 0.14em), #000 calc(100% - 0.13em));
  animation:
    aia-agent-handoff-spin 1.1s linear infinite,
    aia-agent-handoff-busy-from var(--d) ease infinite;
}
.aia-agent-handoff-to .aia-agent-handoff-face::before {
  animation:
    aia-agent-handoff-spin 1.1s linear infinite,
    aia-agent-handoff-busy-to var(--d) ease infinite;
}
.aia-agent-handoff-to .aia-agent-handoff-face::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent);
  animation: aia-agent-handoff-land var(--d) cubic-bezier(0.2, 0.6, 0.3, 1) infinite;
}
.aia-agent-handoff-state {
  display: grid;
  color: color-mix(in srgb, currentColor 55%, transparent);
  font-size: 0.74em;
  white-space: nowrap;
}
.aia-agent-handoff-state > * {
  grid-area: 1 / 1;
}
.aia-agent-handoff-from .aia-agent-handoff-state > :first-child { animation: aia-agent-handoff-from-a var(--d) ease infinite; }
.aia-agent-handoff-from .aia-agent-handoff-state > :last-child { animation: aia-agent-handoff-from-b var(--d) ease infinite; }
.aia-agent-handoff-to .aia-agent-handoff-state > :first-child { animation: aia-agent-handoff-to-a var(--d) ease infinite; }
.aia-agent-handoff-to .aia-agent-handoff-state > :last-child {
  color: color-mix(in srgb, var(--c) 80%, currentColor);
  font-weight: 600;
  animation: aia-agent-handoff-to-b var(--d) ease infinite;
}
.aia-agent-handoff-track {
  position: relative;
  height: 2.6em;
  margin: 0 0.2em;
}
.aia-agent-handoff-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 0.05em);
  height: 0.1em;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, currentColor 28%, transparent) 0 0.4em, transparent 0.4em 0.75em);
  animation: aia-agent-handoff-flow 0.6s linear infinite;
}
.aia-agent-handoff-x {
  position: absolute;
  top: calc(50% - 0.8em);
  left: 0;
  animation: aia-agent-handoff-x var(--d) cubic-bezier(0.55, 0, 0.25, 1) infinite;
}
.aia-agent-handoff-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  height: 1.6em;
  padding: 0 0.55em 0 0.4em;
  border-radius: 0.5em;
  background: var(--c);
  color: #fff;
  font: 600 0.72em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  white-space: nowrap;
  box-shadow: 0 0.5em 1em -0.4em color-mix(in srgb, var(--c) 80%, transparent);
  animation: aia-agent-handoff-hop var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-handoff-chip svg {
  width: 1.1em;
  height: 1.1em;
}
@keyframes aia-agent-handoff-x {
  0%, 30% { left: 0; transform: translateX(0); }
  56%, 100% { left: 100%; transform: translateX(-100%); }
}
@keyframes aia-agent-handoff-hop {
  0%, 24% { opacity: 0; transform: scale(0.5); }
  30% { opacity: 1; transform: scale(1); }
  43% { transform: translateY(-0.9em) rotate(-4deg); }
  56% { opacity: 1; transform: none; }
  61%, 100% { opacity: 0; transform: scale(0.4); }
}
@keyframes aia-agent-handoff-busy-from {
  0%, 26%, 100% { opacity: 1; }
  32%, 96% { opacity: 0; }
}
@keyframes aia-agent-handoff-busy-to {
  0%, 57%, 96%, 100% { opacity: 0; }
  62%, 92% { opacity: 1; }
}
@keyframes aia-agent-handoff-land {
  0%, 56% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent); }
  70%, 100% { box-shadow: 0 0 0 0.8em color-mix(in srgb, var(--c) 0%, transparent); }
}
@keyframes aia-agent-handoff-from-a {
  0%, 28%, 98%, 100% { opacity: 1; transform: none; }
  32%, 94% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-agent-handoff-from-b {
  0%, 28%, 98%, 100% { opacity: 0; transform: translateY(0.5em); }
  32%, 94% { opacity: 1; transform: none; }
}
@keyframes aia-agent-handoff-to-a {
  0%, 56%, 98%, 100% { opacity: 1; transform: none; }
  60%, 94% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-agent-handoff-to-b {
  0%, 56%, 98%, 100% { opacity: 0; transform: translateY(0.5em); }
  60%, 94% { opacity: 1; transform: none; }
}
@keyframes aia-agent-handoff-spin {
  to { transform: rotate(360deg); }
}
@keyframes aia-agent-handoff-flow {
  to { background-position: 0.75em 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-handoff *,
  .aia-agent-handoff *::before,
  .aia-agent-handoff *::after {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.75);
  }
}

.aia-background-task-toast {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --d: 7s;
  --ok: color-mix(in srgb, #16a34a 78%, currentColor);
  position: relative;
  width: 20em;
  padding-top: 0.7em;
  animation: aia-background-task-toast-move var(--d) cubic-bezier(0.34, 1.4, 0.64, 1) infinite;
}
/* the older toast peeking out behind */
.aia-background-task-toast::before {
  content: "";
  position: absolute;
  left: 0.9em;
  right: 0.9em;
  top: 0;
  height: 2em;
  border-radius: 0.8em;
  clip-path: inset(0 0 1.28em 0);
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 9%, transparent);
}
.aia-background-task-toast-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75em;
  overflow: hidden;
  padding: 0.8em 0.95em;
  border-radius: 0.85em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent), 0 1em 2em -1em rgb(0 0 0 / 0.35);
}
.aia-background-task-toast-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.9em;
  height: 1.9em;
  border-radius: 50%;
  animation: aia-background-task-toast-well var(--d) ease infinite;
}
.aia-background-task-toast-icon > * {
  grid-area: 1 / 1;
}
.aia-background-task-toast-spin {
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.14em solid color-mix(in srgb, var(--c) 25%, transparent);
  border-top-color: var(--c);
  animation:
    aia-background-task-toast-spin 0.8s linear infinite,
    aia-background-task-toast-a var(--d) ease infinite;
}
.aia-background-task-toast-check {
  width: 1.1em;
  height: 1.1em;
  color: var(--ok);
  stroke-width: 2.8;
  stroke-dasharray: 22;
  animation: aia-background-task-toast-tick var(--d) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-background-task-toast-text {
  display: grid;
  gap: 0.1em;
  min-width: 0;
}
.aia-background-task-toast-swap {
  display: grid;
}
.aia-background-task-toast-swap > * {
  grid-area: 1 / 1;
  white-space: nowrap;
}
.aia-background-task-toast-swap b { font-size: 0.9em; }
.aia-background-task-toast-swap span {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font: 0.75em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-background-task-toast-swap > :first-child { animation: aia-background-task-toast-a var(--d) ease infinite; }
.aia-background-task-toast-swap > :last-child { animation: aia-background-task-toast-b var(--d) ease infinite; }
.aia-background-task-toast-link {
  padding: 0.35em 0.65em;
  border-radius: 0.45em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  color: inherit;
  font-size: 0.78em;
  font-weight: 600;
  text-decoration: none;
}
.aia-background-task-toast-link:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
.aia-background-task-toast-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.14em;
  background: var(--c);
  transform-origin: left;
  animation: aia-background-task-toast-bar var(--d) cubic-bezier(0.3, 0, 0.3, 1) infinite;
}
@keyframes aia-background-task-toast-move {
  0% { opacity: 0; transform: translateY(1.6em) scale(0.96); }
  8%, 86% { opacity: 1; transform: none; }
  94%, 100% { opacity: 0; transform: translateY(1.6em) scale(0.96); animation-timing-function: ease-in; }
}
@keyframes aia-background-task-toast-well {
  0%, 54%, 100% { background: color-mix(in srgb, var(--c) 12%, transparent); }
  58%, 96% { background: color-mix(in srgb, #16a34a 14%, transparent); }
}
@keyframes aia-background-task-toast-a {
  0%, 54%, 100% { opacity: 1; transform: none; }
  58%, 99% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-background-task-toast-b {
  0%, 54% { opacity: 0; transform: translateY(0.5em); }
  58%, 100% { opacity: 1; transform: none; }
}
@keyframes aia-background-task-toast-tick {
  0%, 54% { opacity: 0; stroke-dashoffset: 22; transform: scale(0.5); }
  64%, 100% { opacity: 1; stroke-dashoffset: 0; transform: scale(1); }
}
@keyframes aia-background-task-toast-bar {
  0%, 8% { transform: scaleX(0); opacity: 1; }
  20% { transform: scaleX(0.3); }
  34% { transform: scaleX(0.46); }
  54% { transform: scaleX(1); background: var(--c); opacity: 1; }
  60%, 100% { transform: scaleX(1); background: var(--ok); opacity: 0; }
}
@keyframes aia-background-task-toast-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-background-task-toast,
  .aia-background-task-toast *,
  .aia-background-task-toast *::before {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.75);
  }
}

@property --aia-agent-run-timeline-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-agent-run-timeline {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --t: var(--aia-agent-run-timeline-t);
  width: 23em;
  padding: 0.85em 1.1em 0.8em;
  animation: aia-agent-run-timeline-clock var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-run-timeline-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9em;
}
.aia-agent-run-timeline-now {
  height: 1.3em;
  overflow: hidden;
  font-size: 0.92em;
  font-weight: 600;
}
.aia-agent-run-timeline-roll {
  display: grid;
  transform: translateY(calc(var(--t) * -1.3em));
}
.aia-agent-run-timeline-roll span {
  height: 1.3em;
  line-height: 1.3em;
}
.aia-agent-run-timeline-head code {
  color: color-mix(in srgb, currentColor 50%, transparent);
  font: 500 0.75em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-run-timeline-head,
.aia-agent-run-timeline-rail {
  animation: aia-agent-run-timeline-fade var(--d) linear infinite;
}
.aia-agent-run-timeline-rail {
  position: relative;
  --inset: 12.5%;
}
/* the empty rail and its fill run between the first and last stop */
.aia-agent-run-timeline-rail::before,
.aia-agent-run-timeline-fill {
  content: "";
  position: absolute;
  left: var(--inset);
  right: var(--inset);
  top: 0.55em;
  height: 0.12em;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 12%, transparent);
}
.aia-agent-run-timeline-fill {
  z-index: 0;
  background: var(--c);
  transform: scaleX(min(var(--t) / 3, 1));
  transform-origin: left;
}
.aia-agent-run-timeline-fill::after {
  content: "";
  position: absolute;
  right: -0.1em;
  top: -0.25em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: var(--c);
  filter: blur(0.25em);
}
.aia-agent-run-timeline-rail ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.aia-agent-run-timeline-rail li {
  --i: 0;
  --done: clamp(0, (var(--t) - var(--i) - 0.12) * 5, 1);
  --on: clamp(0, min(var(--t) - var(--i) + 0.15, var(--i) + 0.15 - var(--t)) * 7, 1);
  display: grid;
  justify-items: center;
  gap: 0.15em;
}
.aia-agent-run-timeline-rail li:nth-child(2) { --i: 1; }
.aia-agent-run-timeline-rail li:nth-child(3) { --i: 2; }
.aia-agent-run-timeline-rail li:nth-child(4) { --i: 3; }
.aia-agent-run-timeline-stop {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.2em;
  height: 1.2em;
  margin-bottom: 0.3em;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 6%, transparent);
  box-shadow: inset 0 0 0 0.1em color-mix(in srgb, currentColor 25%, transparent);
}
.aia-agent-run-timeline-stop::before {
  content: "";
  position: absolute;
  inset: -0.32em;
  border-radius: 50%;
  border: 0.1em solid var(--c);
  opacity: var(--on);
  animation: aia-agent-run-timeline-pulse 1.4s ease-in-out infinite;
}
.aia-agent-run-timeline-stop::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0.7em color-mix(in srgb, var(--c) 60%, transparent);
  transform: scale(max(var(--done), var(--on) * 0.45));
}
.aia-agent-run-timeline-stop svg {
  position: relative;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  color: #fff;
  stroke-width: 3.4;
  opacity: var(--done);
}
.aia-agent-run-timeline-rail b {
  font-size: 0.78em;
  font-weight: 600;
  opacity: calc(0.5 + max(var(--done), var(--on)) * 0.5);
}
.aia-agent-run-timeline-rail em {
  color: color-mix(in srgb, currentColor 50%, transparent);
  font: normal 0.68em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  opacity: var(--done);
  transform: translateY(calc((1 - var(--done)) * 0.4em));
}
@keyframes aia-agent-run-timeline-clock {
  0%, 12% { --aia-agent-run-timeline-t: 0; }
  19%, 34% { --aia-agent-run-timeline-t: 1; }
  41%, 54% { --aia-agent-run-timeline-t: 2; }
  61%, 70% { --aia-agent-run-timeline-t: 3; }
  77%, 96% { --aia-agent-run-timeline-t: 4; }
  97%, 100% { --aia-agent-run-timeline-t: 0; }
}
@keyframes aia-agent-run-timeline-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-agent-run-timeline-pulse {
  0%, 100% { transform: scale(0.85); }
  50% { transform: scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-run-timeline,
  .aia-agent-run-timeline-head,
  .aia-agent-run-timeline-rail {
    animation: none;
    --aia-agent-run-timeline-t: 2;
  }
  .aia-agent-run-timeline-stop::before { animation: none; }
}

.aia-agent-browsing {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --d: 8s;
  display: grid;
  justify-items: center;
  gap: 0.6em;
}
.aia-agent-browsing-win {
  position: relative;
  width: 22em;
  overflow: hidden;
  border-radius: 0.75em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 1em 2em -1.1em rgb(0 0 0 / 0.35);
}
.aia-agent-browsing-bar {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.45em 0.6em;
  border-bottom: 1px solid color-mix(in srgb, currentColor 9%, transparent);
}
.aia-agent-browsing-bar > i {
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 18%, transparent);
}
.aia-agent-browsing-url {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin: 0 auto;
  padding: 0.2em 0.8em;
  border-radius: 999em;
  background: color-mix(in srgb, currentColor 6%, transparent);
  color: color-mix(in srgb, currentColor 65%, transparent);
  font-size: 0.7em;
}
.aia-agent-browsing-url svg {
  width: 1em;
  height: 1em;
}
.aia-agent-browsing-page {
  display: grid;
  grid-template-columns: 5em 1fr;
  height: 8.6em;
}
.aia-agent-browsing-nav {
  display: grid;
  align-content: start;
  gap: 0.55em;
  padding: 0.8em 0.6em;
  border-right: 1px solid color-mix(in srgb, currentColor 8%, transparent);
}
.aia-agent-browsing-nav i,
.aia-agent-browsing-scroll > i {
  height: 0.38em;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 11%, transparent);
}
.aia-agent-browsing-nav i:nth-child(2n) { width: 75%; }
.aia-agent-browsing-pick {
  animation: aia-agent-browsing-pick var(--d) ease infinite;
}
.aia-agent-browsing-main {
  position: relative;
  overflow: hidden;
}
.aia-agent-browsing-scroll {
  display: grid;
  gap: 0.5em;
  padding: 0.8em 0.9em;
  animation: aia-agent-browsing-scroll var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-browsing-h {
  width: 55%;
  height: 0.75em;
  margin-bottom: 0.15em;
  border-radius: 0.3em;
  background: color-mix(in srgb, currentColor 22%, transparent);
}
.aia-agent-browsing-scroll > .aia-agent-browsing-short { width: 60%; }
.aia-agent-browsing-code {
  position: relative;
  display: grid;
  gap: 0.4em;
  padding: 0.6em 0.7em;
  border-radius: 0.45em;
  background: color-mix(in srgb, var(--c) 6%, #15151b);
}
.aia-agent-browsing-code i {
  width: 70%;
  height: 0.32em;
  border-radius: 1em;
  background: color-mix(in srgb, var(--c) 55%, #fff);
  opacity: 0.55;
}
.aia-agent-browsing-code i:nth-child(2) { width: 45%; background: #86efac; }
.aia-agent-browsing-code i:nth-child(3) { width: 58%; background: rgb(255 255 255 / 0.6); }
.aia-agent-browsing-code u {
  position: absolute;
  right: 0.5em;
  top: 0.45em;
  padding: 0.15em 0.45em;
  border-radius: 0.3em;
  background: rgb(255 255 255 / 0.1);
  color: rgb(255 255 255 / 0.75);
  font-size: 0.6em;
  text-decoration: none;
  animation: aia-agent-browsing-copy var(--d) ease infinite;
}
/* the reading highlight sweeping two lines */
.aia-agent-browsing-read {
  position: absolute;
  left: 0.7em;
  top: 1.95em;
  width: calc(100% - 1.4em);
  height: 1.35em;
  border-radius: 0.3em;
  background: color-mix(in srgb, var(--c) 18%, transparent);
  box-shadow: inset 0.14em 0 0 var(--c);
  transform-origin: left;
  animation: aia-agent-browsing-read var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.aia-agent-browsing-cursor {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.15em;
  height: 1.15em;
  animation: aia-agent-browsing-cursor var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-browsing-cursor svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--c);
  stroke: #fff;
  stroke-width: 1.6;
  stroke-linejoin: round;
  filter: drop-shadow(0 0.1em 0.15em rgb(0 0 0 / 0.35));
}
/* click ripple */
.aia-agent-browsing-cursor::before {
  content: "";
  position: absolute;
  left: -0.45em;
  top: -0.45em;
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c) 45%, transparent);
  opacity: 0;
  animation: aia-agent-browsing-click var(--d) ease-out infinite;
}
.aia-agent-browsing-cap {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  margin: 0;
  color: color-mix(in srgb, currentColor 60%, transparent);
  font-size: 0.8em;
}
.aia-agent-browsing-cap i {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: var(--c);
  animation: aia-agent-browsing-blink 1.2s ease-in-out infinite;
}
@keyframes aia-agent-browsing-cursor {
  0% { transform: translate(17em, 7.5em); }
  14%, 22% { transform: translate(1.6em, 4.05em); }
  36%, 40% { transform: translate(9em, 4.4em); }
  54% { transform: translate(18em, 4.4em); }
  68%, 80% { transform: translate(19.3em, 5.35em); }
  100% { transform: translate(17em, 7.5em); }
}
@keyframes aia-agent-browsing-click {
  0%, 15% { opacity: 0; transform: scale(0.3); }
  16% { opacity: 1; transform: scale(0.3); }
  22%, 69% { opacity: 0; transform: scale(1.6); }
  70% { opacity: 1; transform: scale(0.3); }
  76%, 100% { opacity: 0; transform: scale(1.6); }
}
@keyframes aia-agent-browsing-pick {
  0%, 15%, 96%, 100% { background: color-mix(in srgb, currentColor 11%, transparent); }
  17%, 92% { background: var(--c); }
}
@keyframes aia-agent-browsing-scroll {
  0%, 22% { transform: translateY(0); }
  32%, 90% { transform: translateY(-1.2em); }
  100% { transform: translateY(0); }
}
@keyframes aia-agent-browsing-read {
  0%, 36% { opacity: 0; transform: scaleX(0); }
  38% { opacity: 1; transform: scaleX(0.05); }
  54% { opacity: 1; transform: scaleX(1); }
  62%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes aia-agent-browsing-copy {
  0%, 69% { background: rgb(255 255 255 / 0.1); }
  71%, 86% { background: var(--c); color: #fff; }
  92%, 100% { background: rgb(255 255 255 / 0.1); }
}
@keyframes aia-agent-browsing-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-browsing *,
  .aia-agent-browsing *::before {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.45);
  }
}

.aia-agent-task-complete {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --d: 5s;
  display: flex;
  align-items: center;
  gap: 1em;
}
.aia-agent-task-complete-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.6em;
  height: 3.6em;
}
.aia-agent-task-complete-mark svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.aia-agent-task-complete-ring {
  fill: none;
  stroke: var(--c);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 100;
  transform: rotate(-90deg);
  transform-origin: center;
  animation: aia-agent-task-complete-ring var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-task-complete-disc {
  fill: var(--c);
  transform-origin: center;
  animation: aia-agent-task-complete-disc var(--d) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-agent-task-complete-tick {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  animation: aia-agent-task-complete-tick var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-task-complete-mark i {
  --r: 0deg;
  position: absolute;
  left: calc(50% - 0.12em);
  top: calc(50% - 0.12em);
  width: 0.24em;
  height: 0.24em;
  border-radius: 50%;
  background: var(--c);
  opacity: 0;
  animation: aia-agent-task-complete-spark var(--d) cubic-bezier(0.2, 0.7, 0.3, 1) infinite;
}
.aia-agent-task-complete-mark i:nth-of-type(2) { --r: 45deg; }
.aia-agent-task-complete-mark i:nth-of-type(3) { --r: 90deg; }
.aia-agent-task-complete-mark i:nth-of-type(4) { --r: 135deg; }
.aia-agent-task-complete-mark i:nth-of-type(5) { --r: 180deg; }
.aia-agent-task-complete-mark i:nth-of-type(6) { --r: 225deg; }
.aia-agent-task-complete-mark i:nth-of-type(7) { --r: 270deg; }
.aia-agent-task-complete-mark i:nth-of-type(8) { --r: 315deg; }
.aia-agent-task-complete-mark i:nth-of-type(2n) { width: 0.17em; height: 0.17em; }
.aia-agent-task-complete-text {
  display: grid;
  gap: 0.15em;
}
.aia-agent-task-complete-text b {
  font-size: 1.15em;
  animation: aia-agent-task-complete-rise var(--d) cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.aia-agent-task-complete-text span {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font-size: 0.85em;
  animation: aia-agent-task-complete-rise var(--d) cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
  animation-delay: 0.12s;
}
@keyframes aia-agent-task-complete-ring {
  0%, 4% { stroke-dashoffset: 100; opacity: 1; }
  26%, 90% { stroke-dashoffset: 0; opacity: 1; }
  96%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes aia-agent-task-complete-disc {
  0%, 24% { transform: scale(0); opacity: 1; }
  34%, 90% { transform: scale(1); opacity: 1; }
  96%, 100% { transform: scale(0.9); opacity: 0; }
}
@keyframes aia-agent-task-complete-tick {
  0%, 31% { stroke-dashoffset: 100; opacity: 1; }
  42%, 90% { stroke-dashoffset: 0; opacity: 1; }
  96%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes aia-agent-task-complete-spark {
  0%, 31% { opacity: 0; transform: rotate(var(--r)) translateY(-1.2em) scale(1); }
  33% { opacity: 1; }
  48%, 100% { opacity: 0; transform: rotate(var(--r)) translateY(-2.6em) scale(0.3); }
}
@keyframes aia-agent-task-complete-rise {
  0%, 36% { opacity: 0; transform: translateY(0.6em); }
  48%, 90% { opacity: 1; transform: none; }
  96%, 100% { opacity: 0; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-task-complete *,
  .aia-agent-task-complete-mark svg * {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.6);
  }
}

@property --aia-agent-error-retry-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 3;
}
@property --aia-agent-error-retry-a {
  syntax: "<angle>";
  inherits: false;
  initial-value: 360deg;
}
.aia-agent-error-retry {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 6s;
  --bad: color-mix(in srgb, #dc2626 80%, currentColor);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.2em 0.75em;
  width: 20em;
}
.aia-agent-error-retry-icon {
  display: grid;
  place-items: center;
  width: 2.1em;
  height: 2.1em;
  border-radius: 0.6em;
  background: color-mix(in srgb, #dc2626 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #dc2626 22%, transparent);
  color: var(--bad);
}
.aia-agent-error-retry-icon svg {
  width: 1.3em;
  height: 1.3em;
  stroke-width: 2.6;
}
.aia-agent-error-retry-text {
  display: grid;
  gap: 0.1em;
}
.aia-agent-error-retry-text b { font-size: 0.95em; }
.aia-agent-error-retry-text span {
  color: color-mix(in srgb, currentColor 58%, transparent);
  font-size: 0.8em;
}
.aia-agent-error-retry-foot {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.7em;
  padding-top: 0.7em;
  border-top: 1px solid color-mix(in srgb, currentColor 9%, transparent);
  font-size: 0.8em;
}
.aia-agent-error-retry-swap {
  display: grid;
}
.aia-agent-error-retry-swap > * {
  grid-area: 1 / 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: color-mix(in srgb, currentColor 65%, transparent);
}
.aia-agent-error-retry-wait { animation: aia-agent-error-retry-a var(--d) ease infinite; }
.aia-agent-error-retry-go { animation: aia-agent-error-retry-b var(--d) ease infinite; }
.aia-agent-error-retry-wait i {
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
  background: conic-gradient(var(--c) var(--aia-agent-error-retry-a), color-mix(in srgb, var(--c) 18%, transparent) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.18em), #000 calc(100% - 0.17em));
  mask: radial-gradient(farthest-side, transparent calc(100% - 0.18em), #000 calc(100% - 0.17em));
  animation: aia-agent-error-retry-drain var(--d) linear infinite;
}
.aia-agent-error-retry-n {
  font-variant-numeric: tabular-nums;
  counter-reset: n var(--aia-agent-error-retry-n);
  animation: aia-agent-error-retry-count var(--d) linear infinite;
}
.aia-agent-error-retry-n::before { content: "Retrying in " counter(n) "s"; }
.aia-agent-error-retry-go {
  color: var(--c);
  font-weight: 600;
}
.aia-agent-error-retry-go i {
  width: 1.1em;
  height: 1.1em;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.17em solid color-mix(in srgb, var(--c) 20%, transparent);
  border-top-color: var(--c);
  animation: aia-agent-error-retry-spin 0.8s linear infinite;
}
.aia-agent-error-retry-foot button {
  padding: 0.35em 0.7em;
  border: 0;
  border-radius: 0.45em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  color: inherit;
  font: 600 1em system-ui, sans-serif;
  cursor: pointer;
}
.aia-agent-error-retry-foot button:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
@keyframes aia-agent-error-retry-drain {
  0% { --aia-agent-error-retry-a: 360deg; }
  66%, 100% { --aia-agent-error-retry-a: 0deg; }
}
@keyframes aia-agent-error-retry-count {
  0%, 21.99% { --aia-agent-error-retry-n: 3; }
  22%, 43.99% { --aia-agent-error-retry-n: 2; }
  44%, 100% { --aia-agent-error-retry-n: 1; }
}
@keyframes aia-agent-error-retry-a {
  0%, 64%, 100% { opacity: 1; transform: none; }
  68%, 96% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-agent-error-retry-b {
  0%, 64%, 100% { opacity: 0; transform: translateY(0.5em); }
  68%, 94% { opacity: 1; transform: none; }
  98% { opacity: 0; transform: translateY(-0.5em); }
}
@keyframes aia-agent-error-retry-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-error-retry-swap > *,
  .aia-agent-error-retry-swap i,
  .aia-agent-error-retry-n {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.1);
  }
}

.aia-agent-cursor-edit {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.8em;
  background: color-mix(in srgb, var(--c) 5%, #0d0d11);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.09), 0 1em 2.2em -1em rgb(0 0 0 / 0.55);
  color: #e4e4e7;
  --d: 7s;
  width: 22em;
}
.aia-agent-cursor-edit-tabs {
  display: flex;
  font: 0.72em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  border-bottom: 1px solid rgb(255 255 255 / 0.07);
}
.aia-agent-cursor-edit-tabs span {
  padding: 0.6em 1em;
  color: rgb(255 255 255 / 0.45);
}
.aia-agent-cursor-edit-tabs .aia-agent-cursor-edit-tab {
  color: #fff;
  background: rgb(255 255 255 / 0.04);
  box-shadow: inset 0 -0.14em 0 var(--c);
}
.aia-agent-cursor-edit-code {
  box-sizing: border-box;
  min-height: calc(1.7em * 6 + 1.1em);
  padding: 0.55em 0;
  font: 0.78em / 1 ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  animation: aia-agent-cursor-edit-fade var(--d) linear infinite;
}
.aia-agent-cursor-edit-code p {
  display: flex;
  align-items: center;
  height: 1.7em;
  margin: 0;
  white-space: pre;
}
.aia-agent-cursor-edit-code i {
  flex: none;
  width: 2.2em;
  padding-right: 1em;
  color: rgb(255 255 255 / 0.3);
  font-style: normal;
  text-align: right;
}
.aia-agent-cursor-edit-code em {
  font-style: normal;
  color: color-mix(in srgb, var(--c) 50%, #fff);
}
.aia-agent-cursor-edit-code u {
  text-decoration: none;
  color: #7dd3fc;
}
.aia-agent-cursor-edit-new {
  overflow: hidden;
  animation: aia-agent-cursor-edit-open var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-cursor-edit-new > span {
  display: flex;
  align-items: center;
}
.aia-agent-cursor-edit-typed {
  display: inline-block;
  margin-left: 2ch;
  overflow: hidden;
  animation: aia-agent-cursor-edit-type var(--d) infinite;
}
.aia-agent-cursor-edit-caret {
  position: relative;
  width: 0.14em;
  height: 1.25em;
  background: var(--c);
  animation: aia-agent-cursor-edit-caret var(--d) linear infinite;
}
.aia-agent-cursor-edit-caret::after {
  content: "Claude";
  position: absolute;
  left: 0.5em;
  top: 50%;
  translate: 0 -50%;
  padding: 0.25em 0.5em;
  border-radius: 0.35em;
  background: var(--c);
  color: #fff;
  font: 600 0.75em system-ui, sans-serif;
}
@keyframes aia-agent-cursor-edit-open {
  0%, 10% { height: 0; background: transparent; box-shadow: none; }
  18% { height: 1.7em; background: color-mix(in srgb, var(--c) 22%, transparent); box-shadow: inset 0.16em 0 0 var(--c); }
  70% { background: color-mix(in srgb, var(--c) 22%, transparent); box-shadow: inset 0.16em 0 0 var(--c); }
  80%, 96% { height: 1.7em; background: color-mix(in srgb, #22c55e 10%, transparent); box-shadow: inset 0.16em 0 0 #4ade80; }
  100% { height: 0; background: transparent; box-shadow: none; }
}
@keyframes aia-agent-cursor-edit-type {
  0%, 22% { width: 0; animation-timing-function: steps(30, end); }
  64%, 99% { width: 30ch; }
  100% { width: 0; }
}
@keyframes aia-agent-cursor-edit-caret {
  0%, 9% { opacity: 0; }
  12%, 74% { opacity: 1; }
  80%, 100% { opacity: 0; }
}
@keyframes aia-agent-cursor-edit-fade {
  0%, 92% { opacity: 1; }
  96%, 99% { opacity: 0.35; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-cursor-edit-code,
  .aia-agent-cursor-edit-new,
  .aia-agent-cursor-edit-typed,
  .aia-agent-cursor-edit-caret {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.68);
  }
}

@property --aia-agent-pr-checks-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-agent-pr-checks {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 8s;
  --t: var(--aia-agent-pr-checks-t);
  --ok: color-mix(in srgb, #16a34a 78%, currentColor);
  --m: clamp(0, (var(--t) - 2.85) * 6, 1);
  width: 20em;
  animation: aia-agent-pr-checks-clock var(--d) cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-pr-checks-head {
  display: flex;
  gap: 0.6em;
  margin-bottom: 0.6em;
}
.aia-agent-pr-checks-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  background: color-mix(in srgb, #16a34a 14%, transparent);
  color: var(--ok);
}
.aia-agent-pr-checks-icon svg {
  width: 1.05em;
  height: 1.05em;
}
.aia-agent-pr-checks-title {
  display: grid;
  line-height: 1.3;
}
.aia-agent-pr-checks-title b { font-size: 0.92em; }
.aia-agent-pr-checks-title span {
  color: color-mix(in srgb, currentColor 55%, transparent);
  font-size: 0.75em;
}
.aia-agent-pr-checks-list,
.aia-agent-pr-checks-foot {
  animation: aia-agent-pr-checks-fade var(--d) linear infinite;
}
.aia-agent-pr-checks-list {
  margin: 0;
  padding: 0.35em 0.6em;
  border-radius: 0.55em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent);
  list-style: none;
  font-size: 0.8em;
}
.aia-agent-pr-checks-list li {
  --i: 0;
  --p: clamp(0, (var(--t) - var(--i) - 0.55) * 3, 1);
  display: flex;
  align-items: center;
  gap: 0.55em;
  height: 1.85em;
}
.aia-agent-pr-checks-list li:nth-child(2) { --i: 1; }
.aia-agent-pr-checks-list li:nth-child(3) { --i: 2; }
.aia-agent-pr-checks-list i {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.05em;
  height: 1.05em;
}
.aia-agent-pr-checks-list i::before {
  content: "";
  position: absolute;
  inset: 0.08em;
  border-radius: 50%;
  border: 0.14em dashed #d97706;
  opacity: calc(1 - var(--p));
  animation: aia-agent-pr-checks-spin 2.4s linear infinite;
}
.aia-agent-pr-checks-list i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: color-mix(in srgb, #16a34a 85%, currentColor);
  transform: scale(var(--p));
}
.aia-agent-pr-checks-list svg {
  position: relative;
  z-index: 1;
  width: 0.7em;
  height: 0.7em;
  color: #fff;
  stroke-width: 3.6;
  opacity: var(--p);
}
.aia-agent-pr-checks-list span {
  margin-right: auto;
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-pr-checks-list em {
  color: color-mix(in srgb, currentColor 50%, transparent);
  font: normal 0.92em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  opacity: var(--p);
}
.aia-agent-pr-checks-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.7em;
}
.aia-agent-pr-checks-sum {
  display: grid;
  font-size: 0.8em;
  font-weight: 600;
}
.aia-agent-pr-checks-sum > * {
  grid-area: 1 / 1;
}
.aia-agent-pr-checks-sum > :first-child {
  color: color-mix(in srgb, #d97706 84%, currentColor);
  opacity: calc(1 - var(--m));
}
.aia-agent-pr-checks-sum > :last-child {
  color: var(--ok);
  opacity: var(--m);
  transform: translateY(calc((1 - var(--m)) * 0.5em));
}
.aia-agent-pr-checks-foot button {
  padding: 0.45em 1em;
  border: 0;
  border-radius: 0.5em;
  background: color-mix(in srgb, var(--c) calc(var(--m) * 100%), color-mix(in srgb, currentColor 10%, transparent));
  color: color-mix(in srgb, #fff calc(var(--m) * 100%), color-mix(in srgb, currentColor 45%, transparent));
  font: 600 0.8em system-ui, sans-serif;
  box-shadow: 0 0 0 calc(var(--m) * 0.3em) color-mix(in srgb, var(--c) 18%, transparent);
  cursor: pointer;
}
.aia-agent-pr-checks-foot button:focus-visible {
  outline: 2px solid var(--c);
  outline-offset: 2px;
}
@keyframes aia-agent-pr-checks-clock {
  0%, 10% { --aia-agent-pr-checks-t: 0; }
  18%, 30% { --aia-agent-pr-checks-t: 1; }
  38%, 52% { --aia-agent-pr-checks-t: 2; }
  62%, 96% { --aia-agent-pr-checks-t: 3; }
  97%, 100% { --aia-agent-pr-checks-t: 0; }
}
@keyframes aia-agent-pr-checks-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-agent-pr-checks-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-pr-checks,
  .aia-agent-pr-checks-list,
  .aia-agent-pr-checks-foot {
    animation: none;
    --aia-agent-pr-checks-t: 3;
  }
  .aia-agent-pr-checks-list i::before { animation: none; }
}

@property --aia-agent-issue-status-p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --aia-agent-issue-status-k {
  syntax: "<color>";
  inherits: true;
  initial-value: #8b8b94;
}
@property --aia-agent-issue-status-y {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-agent-issue-status {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 10s;
  --k: var(--aia-agent-issue-status-k);
  --y: var(--aia-agent-issue-status-y);
  width: 22em;
  padding: 0.8em 0.95em;
  animation:
    aia-agent-issue-status-state var(--d) cubic-bezier(0.4, 0, 0.2, 1) infinite,
    aia-agent-issue-status-roll var(--d) cubic-bezier(0.34, 1.4, 0.64, 1) infinite;
}
.aia-agent-issue-status-row {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.aia-agent-issue-status-ring {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 1.05em;
  height: 1.05em;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.11em var(--k);
}
.aia-agent-issue-status-ring::before {
  content: "";
  position: absolute;
  inset: 0.24em;
  border-radius: 50%;
  background: conic-gradient(var(--k) calc(var(--aia-agent-issue-status-p) * 1turn), transparent 0);
}
.aia-agent-issue-status-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--k);
  transform: scale(clamp(0, (var(--aia-agent-issue-status-p) - 0.8) * 5, 1));
}
.aia-agent-issue-status-ring svg {
  position: relative;
  z-index: 1;
  width: 0.7em;
  height: 0.7em;
  color: #fff;
  stroke-width: 3.6;
  opacity: clamp(0, (var(--aia-agent-issue-status-p) - 0.9) * 10, 1);
}
.aia-agent-issue-status-row code {
  color: color-mix(in srgb, currentColor 50%, transparent);
  font: 500 0.78em ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
.aia-agent-issue-status-row b {
  overflow: hidden;
  font-size: 0.9em;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aia-agent-issue-status-meta {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-top: 0.65em;
  padding-left: 1.65em;
  font-size: 0.78em;
}
.aia-agent-issue-status-who {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-weight: 600;
}
.aia-agent-issue-status-who i {
  display: grid;
  place-items: center;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: var(--c);
  color: #fff;
}
.aia-agent-issue-status-who svg {
  width: 0.85em;
  height: 0.85em;
  fill: currentColor;
  stroke: none;
}
.aia-agent-issue-status-view,
.aia-agent-issue-status-chip {
  height: 1.5em;
  overflow: hidden;
}
.aia-agent-issue-status-view {
  margin-right: auto;
  color: color-mix(in srgb, currentColor 55%, transparent);
}
.aia-agent-issue-status-roll {
  display: grid;
  transform: translateY(calc(var(--y) * -1.5em));
}
.aia-agent-issue-status-roll span {
  height: 1.5em;
  line-height: 1.5em;
  white-space: nowrap;
}
.aia-agent-issue-status-chip {
  padding: 0 0.6em;
  border-radius: 999em;
  background: color-mix(in srgb, var(--k) 14%, transparent);
  color: color-mix(in srgb, var(--k) 80%, currentColor);
  font-weight: 600;
  text-align: center;
}
@keyframes aia-agent-issue-status-state {
  0%, 18%, 100% { --aia-agent-issue-status-p: 0; --aia-agent-issue-status-k: #8b8b94; }
  25%, 43% { --aia-agent-issue-status-p: 0.5; --aia-agent-issue-status-k: #e5a00d; }
  50%, 68% { --aia-agent-issue-status-p: 0.75; --aia-agent-issue-status-k: #16a34a; }
  75%, 94% { --aia-agent-issue-status-p: 1; --aia-agent-issue-status-k: var(--c); }
}
@keyframes aia-agent-issue-status-roll {
  0%, 18% { --aia-agent-issue-status-y: 0; }
  25%, 43% { --aia-agent-issue-status-y: 1; }
  50%, 68% { --aia-agent-issue-status-y: 2; }
  75%, 94% { --aia-agent-issue-status-y: 3; }
  100% { --aia-agent-issue-status-y: 4; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-issue-status {
    animation-play-state: paused;
    animation-delay: calc(var(--d) * -0.35);
  }
}

@property --aia-agent-ui-preview-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-agent-ui-preview {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  box-sizing: border-box;
  padding: 0.9em 1em;
  border-radius: 0.9em;
  background: color-mix(in srgb, currentColor 3%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 11%, transparent), 0 0.1em 0.2em color-mix(in srgb, currentColor 4%, transparent), 0 0.9em 2em -1.1em rgb(0 0 0 / 0.3);
  --d: 9s;
  --t: var(--aia-agent-ui-preview-t);
  --ready: clamp(0, (var(--t) - 4.5) * 4, 1);
  width: 23em;
  padding: 0.7em;
  animation: aia-agent-ui-preview-clock var(--d) cubic-bezier(0.45, 0, 0.25, 1) infinite;
}
.aia-agent-ui-preview-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.2em 0.6em;
  font-size: 0.78em;
}
.aia-agent-ui-preview-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font-weight: 600;
}
.aia-agent-ui-preview-badge i {
  display: grid;
  place-items: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.45em;
  background: var(--c);
  color: #fff;
}
.aia-agent-ui-preview-badge svg {
  width: 0.95em;
  height: 0.95em;
  fill: currentColor;
  stroke: none;
  rotate: calc((1 - var(--ready)) * 1turn);
  animation: aia-agent-ui-preview-twirl 2.4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-agent-ui-preview-swap {
  display: grid;
}
.aia-agent-ui-preview-swap > * {
  grid-area: 1 / 1;
  white-space: nowrap;
}
.aia-agent-ui-preview-swap > :first-child {
  background: linear-gradient(90deg, color-mix(in srgb, currentColor 55%, transparent) 35%, currentColor 50%, color-mix(in srgb, currentColor 55%, transparent) 65%) 0 0 / 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: calc(1 - var(--ready));
  animation: aia-agent-ui-preview-shine 1.8s linear infinite;
}
.aia-agent-ui-preview-swap > :last-child {
  color: color-mix(in srgb, #16a34a 78%, currentColor);
  opacity: var(--ready);
  transform: translateY(calc((1 - var(--ready)) * 0.5em));
}
.aia-agent-ui-preview-tab {
  padding: 0.25em 0.6em;
  border-radius: 0.4em;
  background: color-mix(in srgb, currentColor 7%, transparent);
  color: color-mix(in srgb, currentColor 65%, transparent);
  font-weight: 600;
}
.aia-agent-ui-preview-head,
.aia-agent-ui-preview-canvas {
  animation: aia-agent-ui-preview-fade var(--d) linear infinite;
}
.aia-agent-ui-preview-canvas {
  display: grid;
  grid-template-columns: 4.2em 1fr;
  height: 8.6em;
  overflow: hidden;
  border-radius: 0.55em;
  background: color-mix(in srgb, currentColor 2%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 9%, transparent);
}
.aia-agent-ui-preview-side {
  --g: clamp(0, var(--t) * 2, 1);
  display: grid;
  align-content: start;
  gap: 0.5em;
  padding: 0.7em 0.55em;
  border-right: 1px solid color-mix(in srgb, currentColor 8%, transparent);
  opacity: var(--g);
  transform: translateX(calc((var(--g) - 1) * 100%));
}
.aia-agent-ui-preview-side b {
  width: 1.2em;
  height: 1.2em;
  margin-bottom: 0.25em;
  border-radius: 0.35em;
  background: var(--c);
}
.aia-agent-ui-preview-side i {
  height: 0.35em;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 14%, transparent);
}
.aia-agent-ui-preview-side i:first-of-type { background: color-mix(in srgb, var(--c) 55%, transparent); }
.aia-agent-ui-preview-side i:last-of-type { width: 70%; }
.aia-agent-ui-preview-main {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.5em;
  padding: 0.6em;
}
.aia-agent-ui-preview-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.45em;
}
.aia-agent-ui-preview-stats span {
  --i: 0;
  --g: clamp(0, (var(--t) - 1 - var(--i) * 0.3) * 3, 1);
  display: grid;
  gap: 0.3em;
  padding: 0.45em 0.5em;
  border-radius: 0.4em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent);
  opacity: var(--g);
  transform: translateY(calc((1 - var(--g)) * 0.6em)) scale(calc(0.9 + var(--g) * 0.1));
}
.aia-agent-ui-preview-stats span:nth-child(2) { --i: 1; }
.aia-agent-ui-preview-stats span:nth-child(3) { --i: 2; }
.aia-agent-ui-preview-stats i {
  width: 60%;
  height: 0.3em;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 14%, transparent);
}
.aia-agent-ui-preview-stats b {
  position: relative;
  justify-self: start;
  font-size: 0.72em;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, currentColor calc(var(--ready) * 100%), transparent);
}
/* skeleton bar standing in for the number until the data lands */
.aia-agent-ui-preview-stats b::before {
  content: "";
  position: absolute;
  inset: 0.2em 0;
  border-radius: 0.3em;
  background: linear-gradient(90deg, color-mix(in srgb, currentColor 12%, transparent), color-mix(in srgb, currentColor 22%, transparent), color-mix(in srgb, currentColor 12%, transparent)) 0 0 / 200% 100%;
  opacity: calc(1 - var(--ready));
  animation: aia-agent-ui-preview-shine 1.4s linear infinite;
}
.aia-agent-ui-preview-chart {
  --g: clamp(0, (var(--t) - 2.2) * 2, 1);
  position: relative;
  border-radius: 0.4em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent);
  opacity: var(--g);
  overflow: hidden;
}
.aia-agent-ui-preview-chart svg {
  position: absolute;
  inset: 0.5em 0.4em 0.3em;
  width: calc(100% - 0.8em);
  height: calc(100% - 0.8em);
}
.aia-agent-ui-preview-line {
  fill: none;
  stroke: var(--c);
  stroke-width: 1.3;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: calc((1 - clamp(0, (var(--t) - 2.6) * 0.75, 1)) * 100);
}
.aia-agent-ui-preview-area {
  fill: color-mix(in srgb, var(--c) 14%, transparent);
  opacity: clamp(0, (var(--t) - 3.6) * 2, 1);
}
@keyframes aia-agent-ui-preview-clock {
  0%, 6% { --aia-agent-ui-preview-t: 0; }
  14% { --aia-agent-ui-preview-t: 1; }
  24% { --aia-agent-ui-preview-t: 2; }
  44% { --aia-agent-ui-preview-t: 4; }
  58%, 96% { --aia-agent-ui-preview-t: 5; }
  97%, 100% { --aia-agent-ui-preview-t: 0; }
}
@keyframes aia-agent-ui-preview-fade {
  0%, 92% { opacity: 1; }
  96%, 97% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-agent-ui-preview-shine {
  from { background-position: 100% 0; }
  to { background-position: -50% 0; }
}
@keyframes aia-agent-ui-preview-twirl {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.75); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-agent-ui-preview,
  .aia-agent-ui-preview-head,
  .aia-agent-ui-preview-canvas {
    animation: none;
    --aia-agent-ui-preview-t: 5;
  }
  .aia-agent-ui-preview-badge svg,
  .aia-agent-ui-preview-swap > :first-child,
  .aia-agent-ui-preview-stats b::before { animation: none; }
}

.aia-voice-orb-states {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 8s;
  display: grid;
  justify-items: center;
  gap: 1.1em;
}
.aia-voice-orb-states-orb {
  position: relative;
  width: 7.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--c) 80%, #000), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, #fff), color-mix(in srgb, var(--c) 75%, #fff) 40%, var(--c) 80%);
  box-shadow:
    inset 0 0.35em 0.9em rgba(255, 255, 255, 0.55),
    inset 0 -0.5em 1.2em color-mix(in srgb, var(--c) 70%, #000),
    0 0.9em 2.2em -0.7em color-mix(in srgb, var(--c) 70%, transparent);
  animation: aia-voice-orb-states-pulse var(--t) cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
/* Two copies of the cloud field side by side; sliding one width loops cleanly. */
.aia-voice-orb-states-clouds {
  position: absolute;
  inset: 0 auto 0 0;
  width: 200%;
  background:
    radial-gradient(ellipse 26% 16% at 12% 56%, rgba(255, 255, 255, 0.85), transparent 70%),
    radial-gradient(ellipse 18% 13% at 22% 48%, rgba(255, 255, 255, 0.75), transparent 70%),
    radial-gradient(ellipse 30% 14% at 36% 80%, rgba(255, 255, 255, 0.6), transparent 70%),
    radial-gradient(ellipse 16% 10% at 40% 36%, rgba(255, 255, 255, 0.55), transparent 70%);
  background-size: 50% 100%;
  filter: blur(0.22em);
  opacity: 0.8;
  animation: aia-voice-orb-states-drift calc(var(--t) * 1.5) linear infinite;
}
.aia-voice-orb-states-label {
  display: grid;
  font-size: 0.95em;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.aia-voice-orb-states-label > span {
  grid-area: 1 / 1;
  text-align: center;
  opacity: 0;
  color: color-mix(in srgb, currentColor 70%, transparent);
  animation: aia-voice-orb-states-listen var(--t) ease infinite;
}
.aia-voice-orb-states-label > .aia-voice-orb-states-speak { animation-name: aia-voice-orb-states-speak; }
@keyframes aia-voice-orb-states-drift {
  to { transform: translateX(-50%); }
}
@keyframes aia-voice-orb-states-pulse {
  0%, 100% { scale: 1; }
  8%  { scale: 1.03; }
  14% { scale: 0.99; }
  22% { scale: 1.045; }
  30% { scale: 1; }
  38% { scale: 1.03; }
  47% { scale: 1; }
  54% { scale: 1.11; }
  58% { scale: 1.02; }
  63% { scale: 1.14; }
  67% { scale: 1.03; }
  72% { scale: 1.08; }
  76% { scale: 1.01; }
  82% { scale: 1.12; }
  87% { scale: 1.02; }
  92% { scale: 1.06; }
}
@keyframes aia-voice-orb-states-listen {
  0%, 44%, 100% { opacity: 1; translate: 0 0; }
  49%, 96% { opacity: 0; translate: 0 -0.3em; }
}
@keyframes aia-voice-orb-states-speak {
  0%, 46%, 100% { opacity: 0; translate: 0 0.3em; }
  51%, 94% { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-voice-orb-states-orb,
  .aia-voice-orb-states-clouds,
  .aia-voice-orb-states-label > span { animation: none !important; }
  .aia-voice-orb-states-listen { opacity: 1; }
}

@property --aia-siri-edge-glow-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
.aia-siri-edge-glow {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --spin: conic-gradient(from var(--aia-siri-edge-glow-a), var(--c), color-mix(in oklab, var(--c) 35%, #ff6fb5), color-mix(in oklab, var(--c) 20%, #ffb35c), color-mix(in oklab, var(--c) 30%, #3ddcff), var(--c));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 8.4em;
  height: 13.4em;
  padding: 1.9em 0.9em 1.4em;
  box-sizing: border-box;
  border-radius: 1.9em;
  overflow: hidden;
  background: radial-gradient(120% 70% at 50% 0%, #1b1b24, #07070a 70%);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1em 2em -1em rgba(0, 0, 0, 0.55);
  animation: aia-siri-edge-glow-spin 4s linear infinite;
}
.aia-siri-edge-glow-ring,
.aia-siri-edge-glow-haze::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.2em;
  background: var(--spin);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.aia-siri-edge-glow-haze {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  filter: blur(0.7em);
  animation: aia-siri-edge-glow-breathe 1.6s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}
.aia-siri-edge-glow-haze::before { padding: 0.8em; }
.aia-siri-edge-glow-time {
  font-size: 2.5em;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
}
.aia-siri-edge-glow-date {
  margin-top: 0.45em;
  font-size: 0.68em;
  opacity: 0.6;
}
.aia-siri-edge-glow-ask {
  position: relative;
  margin: auto 0 0;
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
@keyframes aia-siri-edge-glow-spin {
  to { --aia-siri-edge-glow-a: 360deg; }
}
@keyframes aia-siri-edge-glow-breathe {
  from { opacity: 0.55; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-siri-edge-glow,
  .aia-siri-edge-glow-haze { animation: none; }
}

.aia-dictation-composer {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.7em;
  width: 24em;
  padding: 0.45em;
  box-sizing: border-box;
  border-radius: 99em;
  background: color-mix(in srgb, currentColor 5%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 13%, transparent);
}
.aia-dictation-composer-cancel,
.aia-dictation-composer-done {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.3em;
  height: 2.3em;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font: inherit;
  color: inherit;
  background: color-mix(in srgb, currentColor 9%, transparent);
  cursor: pointer;
}
.aia-dictation-composer-done {
  color: #fff;
  background: var(--c);
  box-shadow: 0 0.3em 0.8em -0.3em color-mix(in srgb, var(--c) 80%, transparent);
}
.aia-dictation-composer-cancel svg,
.aia-dictation-composer-done svg {
  width: 1.1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.aia-dictation-composer-cancel:focus-visible,
.aia-dictation-composer-done:focus-visible { outline: 2px solid var(--c); outline-offset: 0.15em; }
.aia-dictation-composer-wave {
  flex: 1;
  height: 1.7em;
  overflow: hidden;
  color: color-mix(in srgb, currentColor 70%, transparent);
  -webkit-mask: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  mask: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.aia-dictation-composer-bars {
  display: block;
  width: 200%;
  height: 100%;
  fill: currentColor;
  animation: aia-dictation-composer-scroll 5s linear infinite;
}
.aia-dictation-composer-time {
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-size: 0.9em;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, currentColor 75%, transparent);
}
.aia-dictation-composer-dot {
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: var(--c);
  animation: aia-dictation-composer-blink 1.2s ease-in-out infinite;
}
@keyframes aia-dictation-composer-scroll {
  to { transform: translateX(-50%); }
}
@keyframes aia-dictation-composer-blink {
  50% { opacity: 0.25; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-dictation-composer-bars,
  .aia-dictation-composer-dot { animation: none; }
}

.aia-live-voice-waveform {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: grid;
  justify-items: center;
  gap: 1em;
}
.aia-live-voice-waveform-bars {
  display: flex;
  align-items: center;
  gap: 0.32em;
  height: 6em;
}
.aia-live-voice-waveform-bars i {
  width: 0.42em;
  height: 0.5em;
  border-radius: 1em;
  background: linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, #fff), var(--c) 50%, color-mix(in srgb, var(--c) 45%, #fff));
  box-shadow: 0 0 0.6em color-mix(in srgb, var(--c) 35%, transparent);
  animation: aia-live-voice-waveform-talk var(--d) cubic-bezier(0.45, 0, 0.55, 1) var(--o) infinite alternate;
}
.aia-live-voice-waveform-label {
  font-size: 0.9em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 65%, transparent);
}
@keyframes aia-live-voice-waveform-talk {
  0%   { height: 0.5em; }
  45%  { height: calc(0.5em + var(--h) * 3.2em); }
  70%  { height: calc(0.5em + var(--h) * 2.1em); }
  100% { height: calc(0.5em + var(--h) * 5.5em); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-live-voice-waveform-bars i { animation: none; height: calc(0.5em + var(--h) * 2.6em); }
}

.aia-push-to-talk {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 4.4s;
  display: grid;
  justify-items: center;
  gap: 1.2em;
}
.aia-push-to-talk-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.6em;
  height: 4.6em;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font: inherit;
  color: inherit;
  background: color-mix(in srgb, currentColor 8%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent);
  cursor: pointer;
  animation: aia-push-to-talk-press var(--t) cubic-bezier(0.3, 0.7, 0.3, 1) infinite;
}
.aia-push-to-talk-btn:focus-visible { outline: 2px solid var(--c); outline-offset: 0.25em; }
.aia-push-to-talk-btn svg {
  width: 1.7em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.aia-push-to-talk-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 0.12em solid var(--c);
  opacity: 0;
  animation: aia-push-to-talk-ring var(--t) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}
.aia-push-to-talk-ring-late { animation-delay: calc(var(--t) * -0.75); }
.aia-push-to-talk-hint {
  display: grid;
  font-size: 0.9em;
  font-weight: 500;
}
.aia-push-to-talk-hint > span {
  grid-area: 1 / 1;
  text-align: center;
  color: color-mix(in srgb, currentColor 65%, transparent);
  animation: aia-push-to-talk-idle var(--t) ease infinite;
}
.aia-push-to-talk-hint > .aia-push-to-talk-live {
  color: var(--c);
  opacity: 0;
  animation-name: aia-push-to-talk-live;
}
@keyframes aia-push-to-talk-press {
  0%, 14% { scale: 1; color: inherit; background: color-mix(in srgb, currentColor 8%, transparent); }
  19% { scale: 0.88; color: #fff; background: var(--c); }
  25%, 70% { scale: 0.94; color: #fff; background: var(--c); }
  77% { scale: 1.06; color: inherit; background: color-mix(in srgb, currentColor 8%, transparent); }
  84%, 100% { scale: 1; }
}
@keyframes aia-push-to-talk-ring {
  0%, 20% { opacity: 0; scale: 1; }
  22% { opacity: 0.7; scale: 1; }
  46%, 100% { opacity: 0; scale: 1.9; }
}
@keyframes aia-push-to-talk-idle {
  0%, 15%, 76%, 100% { opacity: 1; filter: blur(0); }
  20%, 70% { opacity: 0; filter: blur(0.15em); }
}
@keyframes aia-push-to-talk-live {
  0%, 16%, 74%, 100% { opacity: 0; filter: blur(0.15em); }
  21%, 70% { opacity: 1; filter: blur(0); }
}
@media (prefers-reduced-motion: reduce) {
  .aia-push-to-talk-btn,
  .aia-push-to-talk-ring,
  .aia-push-to-talk-hint > span { animation: none !important; }
}

@property --aia-live-transcription-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-live-transcription {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  width: 22em;
  padding: 1em 1.15em 1.1em;
  box-sizing: border-box;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent);
  animation: aia-live-transcription-clock 6.5s linear infinite;
}
.aia-live-transcription-head {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.6em;
  font-size: 0.8em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 60%, transparent);
}
.aia-live-transcription-dot {
  width: 0.55em;
  height: 0.55em;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 50%, transparent);
  animation: aia-live-transcription-ping 1.6s cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}
.aia-live-transcription-lang {
  margin-left: auto;
  padding: 0.1em 0.45em;
  border-radius: 0.35em;
  font-size: 0.85em;
  letter-spacing: 0.04em;
  background: color-mix(in srgb, currentColor 8%, transparent);
}
.aia-live-transcription-text {
  margin: 0;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.01em;
  opacity: clamp(0, (0.95 - var(--aia-live-transcription-t)) * 16, 1);
}
.aia-live-transcription-text span {
  --s: calc(0.04 + var(--i) * 0.036);
  --in: clamp(0, (var(--aia-live-transcription-t) - var(--s)) * 14, 1);
  --sure: clamp(0, (var(--aia-live-transcription-t) - var(--s) - 0.07) * 12, 1);
  display: inline-block;
  opacity: calc(var(--in) * (0.38 + var(--sure) * 0.62));
  filter: blur(calc((1 - var(--in)) * 0.25em));
  translate: 0 calc((1 - var(--in)) * 0.35em);
}
@keyframes aia-live-transcription-clock {
  to { --aia-live-transcription-t: 1; }
}
@keyframes aia-live-transcription-ping {
  70%, 100% { box-shadow: 0 0 0 0.5em transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-live-transcription { animation: none; --aia-live-transcription-t: 0.85; }
  .aia-live-transcription-dot { animation: none; }
}

.aia-mesh-voice-blob {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  width: 8.5em;
  height: 8.5em;
  overflow: hidden;
  isolation: isolate;
  background: var(--c);
  border-radius: 46% 54% 58% 42% / 44% 46% 54% 56%;
  box-shadow: 0 1.2em 2.6em -1em color-mix(in srgb, var(--c) 75%, transparent), inset 0 0.3em 0.9em rgba(255, 255, 255, 0.35);
  animation:
    aia-mesh-voice-blob-morph 7s cubic-bezier(0.45, 0, 0.55, 1) infinite,
    aia-mesh-voice-blob-beat 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-mesh-voice-blob-a,
.aia-mesh-voice-blob-b {
  position: absolute;
  inset: -30%;
  z-index: -1;
  filter: blur(0.9em);
}
.aia-mesh-voice-blob-a {
  background:
    radial-gradient(circle at 30% 32%, color-mix(in oklab, var(--c) 30%, #ff6fb5) 0 20%, transparent 42%),
    radial-gradient(circle at 72% 68%, color-mix(in oklab, var(--c) 25%, #3ddcff) 0 18%, transparent 40%);
  animation: aia-mesh-voice-blob-turn 9s linear infinite;
}
.aia-mesh-voice-blob-b {
  background:
    radial-gradient(circle at 66% 28%, rgba(255, 255, 255, 0.85) 0 8%, transparent 30%),
    radial-gradient(circle at 30% 74%, color-mix(in oklab, var(--c) 30%, #ffb35c) 0 12%, transparent 34%);
  mix-blend-mode: screen;
  animation: aia-mesh-voice-blob-turn 13s linear infinite reverse;
}
@keyframes aia-mesh-voice-blob-turn {
  to { rotate: 360deg; }
}
@keyframes aia-mesh-voice-blob-morph {
  0%, 100% { border-radius: 46% 54% 58% 42% / 44% 46% 54% 56%; }
  25% { border-radius: 58% 42% 44% 56% / 52% 60% 40% 48%; }
  50% { border-radius: 42% 58% 52% 48% / 60% 42% 58% 40%; }
  75% { border-radius: 54% 46% 40% 60% / 42% 54% 46% 58%; }
}
@keyframes aia-mesh-voice-blob-beat {
  0%, 100% { scale: 1; }
  18% { scale: 1.07; }
  32% { scale: 0.99; }
  52% { scale: 1.1; }
  70% { scale: 1.01; }
  84% { scale: 1.04; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-mesh-voice-blob,
  .aia-mesh-voice-blob-a,
  .aia-mesh-voice-blob-b { animation: none; }
}

@property --aia-voice-call-orb-a {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.aia-voice-call-orb {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1.5em;
  width: 24em;
  padding: 1.3em 1.4em;
  box-sizing: border-box;
  border-radius: 1.2em;
  color: #f4f4f5;
  background: linear-gradient(180deg, #17171d, #0d0d11);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1em 2em -1em rgba(0, 0, 0, 0.5);
}
.aia-voice-call-orb-orb {
  position: relative;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  background: color-mix(in srgb, var(--c) 55%, #000);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 40%, transparent), 0 0 0 0 color-mix(in srgb, var(--c) 25%, transparent);
  animation:
    aia-voice-call-orb-talk 2.2s cubic-bezier(0.45, 0, 0.55, 1) infinite,
    aia-voice-call-orb-rings 2.2s cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}
.aia-voice-call-orb-orb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.6), transparent 34%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), inset 0 -0.7em 1.3em rgba(0, 0, 0, 0.4);
}
.aia-voice-call-orb-swirl {
  position: absolute;
  inset: -20%;
  z-index: -1;
  background: conic-gradient(from var(--aia-voice-call-orb-a), var(--c), color-mix(in oklab, var(--c) 35%, #3ddcff), color-mix(in srgb, var(--c) 25%, #fff), color-mix(in srgb, var(--c) 60%, #000), var(--c));
  filter: blur(0.7em);
  animation: aia-voice-call-orb-spin 5s linear infinite;
}
.aia-voice-call-orb-swirl-back {
  inset: 10%;
  border-radius: 50%;
  background: conic-gradient(from var(--aia-voice-call-orb-a), transparent, color-mix(in oklab, var(--c) 40%, #ff6fb5), transparent 55%);
  mix-blend-mode: screen;
  animation-duration: 3.4s;
  animation-direction: reverse;
}
.aia-voice-call-orb-body {
  display: grid;
  gap: 0.3em;
  justify-items: start;
}
.aia-voice-call-orb-name {
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.aia-voice-call-orb-meta {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.82em;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.6);
}
.aia-voice-call-orb-eq {
  display: flex;
  align-items: center;
  gap: 0.15em;
  height: 1em;
}
.aia-voice-call-orb-eq i {
  width: 0.18em;
  height: 0.4em;
  border-radius: 1em;
  background: color-mix(in srgb, var(--c) 40%, #fff);
  animation: aia-voice-call-orb-eq 0.7s ease-in-out infinite alternate;
}
.aia-voice-call-orb-eq i:nth-child(2) { animation-duration: 0.5s; animation-delay: -0.2s; }
.aia-voice-call-orb-eq i:nth-child(3) { animation-duration: 0.8s; animation-delay: -0.4s; }
.aia-voice-call-orb-actions {
  display: flex;
  gap: 0.5em;
  margin-top: 0.6em;
}
.aia-voice-call-orb-mute,
.aia-voice-call-orb-end {
  height: 2.3em;
  border: 0;
  border-radius: 99em;
  font: inherit;
  font-size: 0.85em;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.aia-voice-call-orb-mute {
  display: grid;
  place-items: center;
  width: 2.3em;
  padding: 0;
  background: rgba(255, 255, 255, 0.1);
}
.aia-voice-call-orb-mute svg {
  width: 1.1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.aia-voice-call-orb-end {
  padding: 0 1.1em;
  background: #e5484d;
}
.aia-voice-call-orb-mute:focus-visible,
.aia-voice-call-orb-end:focus-visible { outline: 2px solid color-mix(in srgb, var(--c) 50%, #fff); outline-offset: 0.15em; }
@keyframes aia-voice-call-orb-spin {
  to { --aia-voice-call-orb-a: 360deg; }
}
@keyframes aia-voice-call-orb-talk {
  0%, 100% { scale: 1; }
  20% { scale: 1.06; }
  38% { scale: 0.99; }
  58% { scale: 1.08; }
  78% { scale: 1.01; }
}
@keyframes aia-voice-call-orb-rings {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 40%, transparent), 0 0 0 0 color-mix(in srgb, var(--c) 25%, transparent); }
  100% { box-shadow: 0 0 0 0.9em transparent, 0 0 0 1.6em transparent; }
}
@keyframes aia-voice-call-orb-eq {
  to { height: 1em; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-voice-call-orb-orb,
  .aia-voice-call-orb-swirl,
  .aia-voice-call-orb-eq i { animation: none; }
}

.aia-voice-mode-dots {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.75em;
  height: 7em;
}
.aia-voice-mode-dots i {
  width: 1.6em;
  height: 1.6em;
  border-radius: 1em;
  background: var(--c);
  box-shadow: 0 0.4em 1em -0.3em color-mix(in srgb, var(--c) 60%, transparent);
  animation: aia-voice-mode-dots-talk 5s cubic-bezier(0.5, 0, 0.3, 1) infinite;
}
.aia-voice-mode-dots i:nth-child(2) { animation-delay: -0.06s; }
.aia-voice-mode-dots i:nth-child(3) { animation-delay: -0.12s; }
.aia-voice-mode-dots i:nth-child(4) { animation-delay: -0.18s; }
@keyframes aia-voice-mode-dots-talk {
  0%, 100% { height: 1.6em; scale: 1; }
  9%  { scale: 1.08; }
  18% { height: 1.6em; scale: 1; }
  28% { height: calc(var(--h1) * 1em); }
  38% { height: calc(var(--h2) * 1em); }
  48% { height: calc(var(--h3) * 1em); }
  58% { height: calc(var(--h4) * 1em); }
  68% { height: calc(var(--h5) * 1em); }
  78% { height: calc(var(--h6) * 1em); }
  90% { height: 1.6em; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-voice-mode-dots i { animation: none; }
}

@property --aia-diffusion-reveal-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-diffusion-reveal {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 6s;
  display: grid;
  gap: 0.6em;
  width: 15em;
}
.aia-diffusion-reveal-frame {
  position: relative;
  height: 9.6em;
  border-radius: 0.8em;
  overflow: hidden;
  background: #3a3a40;
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent), 0 0.8em 1.6em -0.9em rgba(0, 0, 0, 0.45);
}
.aia-diffusion-reveal-scene {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 56%, #fff4dc 0 6%, transparent 6.5%),
    radial-gradient(circle at 68% 56%, color-mix(in oklab, var(--c) 25%, #ffb35c), transparent 38%),
    linear-gradient(180deg, color-mix(in oklab, var(--c) 70%, #0b0b2a), color-mix(in oklab, var(--c) 45%, #ff7a59) 58%, #ffc98f 74%);
  animation: aia-diffusion-reveal-denoise var(--t) cubic-bezier(0.25, 0.6, 0.35, 1) infinite;
}
.aia-diffusion-reveal-far,
.aia-diffusion-reveal-near {
  position: absolute;
  inset: 0;
}
.aia-diffusion-reveal-far {
  background: linear-gradient(180deg, color-mix(in oklab, var(--c) 45%, #5b3a66), color-mix(in oklab, var(--c) 30%, #2a2140));
  clip-path: polygon(0 66%, 14% 52%, 26% 60%, 40% 44%, 55% 58%, 63% 54%, 78% 62%, 90% 50%, 100% 58%, 100% 100%, 0 100%);
}
.aia-diffusion-reveal-near {
  background: linear-gradient(180deg, #24182f, #120d1a);
  clip-path: polygon(0 78%, 18% 68%, 34% 76%, 50% 66%, 66% 74%, 82% 70%, 100% 80%, 100% 100%, 0 100%);
}
.aia-diffusion-reveal-noise {
  position: absolute;
  inset: -20%;
  width: 140%;
  height: 140%;
  mix-blend-mode: hard-light;
  animation:
    aia-diffusion-reveal-grain var(--t) cubic-bezier(0.25, 0.6, 0.35, 1) infinite,
    aia-diffusion-reveal-boil 0.4s steps(4) infinite;
}
.aia-diffusion-reveal-caption {
  display: flex;
  justify-content: space-between;
  font-size: 0.82em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 65%, transparent);
}
.aia-diffusion-reveal-step {
  font-variant-numeric: tabular-nums;
  counter-reset: aia-diffusion-reveal-n var(--aia-diffusion-reveal-n);
  animation: aia-diffusion-reveal-count var(--t) cubic-bezier(0.25, 0.6, 0.35, 1) infinite;
}
.aia-diffusion-reveal-step::before { content: "Step " counter(aia-diffusion-reveal-n) " of 30"; }
@keyframes aia-diffusion-reveal-denoise {
  0% { filter: blur(1.2em) saturate(0.3); scale: 1.12; }
  72%, 90% { filter: blur(0) saturate(1); scale: 1; }
  100% { filter: blur(1.2em) saturate(0.3); scale: 1.12; }
}
@keyframes aia-diffusion-reveal-grain {
  0% { opacity: 1; }
  72%, 90% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aia-diffusion-reveal-boil {
  0% { translate: 0 0; }
  25% { translate: -4% 3%; }
  50% { translate: 3% -2%; }
  75% { translate: -2% -4%; }
  100% { translate: 0 0; }
}
@keyframes aia-diffusion-reveal-count {
  0% { --aia-diffusion-reveal-n: 0; }
  72%, 100% { --aia-diffusion-reveal-n: 30; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-diffusion-reveal-scene,
  .aia-diffusion-reveal-noise,
  .aia-diffusion-reveal-step { animation: none; }
  .aia-diffusion-reveal-noise { opacity: 0; }
  .aia-diffusion-reveal-step { --aia-diffusion-reveal-n: 30; }
}

@property --aia-tile-render-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.aia-tile-render {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: grid;
  justify-items: center;
  gap: 0.6em;
  animation: aia-tile-render-clock 5.5s linear infinite;
}
.aia-tile-render-frame {
  position: relative;
  width: 10.4em;
  height: 10.4em;
  border-radius: 0.8em;
  overflow: hidden;
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent), 0 0.8em 1.6em -0.9em rgba(0, 0, 0, 0.45);
}
.aia-tile-render-image {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 40% 36%, #fff 0 4%, transparent 14%),
    radial-gradient(circle at 46% 44%, color-mix(in srgb, var(--c) 30%, #fff) 0 10%, var(--c) 27%, color-mix(in srgb, var(--c) 45%, #000) 34%, transparent 34.5%),
    radial-gradient(ellipse 34% 7% at 50% 80%, rgba(0, 0, 0, 0.35), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--c) 85%, #fff), color-mix(in srgb, var(--c) 70%, #fff) 62%, color-mix(in srgb, var(--c) 55%, #fff) 62%, color-mix(in srgb, var(--c) 78%, #fff));
}
.aia-tile-render-grid {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template: repeat(4, 1fr) / repeat(4, 1fr);
}
.aia-tile-render-grid i {
  --s: calc(0.06 + var(--d) * 0.085);
  --in: clamp(0, (var(--aia-tile-render-t) - var(--s)) * 12, 1);
  --back: clamp(0, (var(--aia-tile-render-t) - 0.9) * 14, 1);
  position: relative;
  background: color-mix(in srgb, color-mix(in srgb, var(--c) 35%, #000) 70%, rgba(20, 20, 28, 0.4));
  -webkit-backdrop-filter: blur(0.6em) saturate(0.6);
  backdrop-filter: blur(0.6em) saturate(0.6);
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.14);
  opacity: calc(1 - var(--in) + var(--back));
}
.aia-tile-render-grid i::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 0.12em var(--c), 0 0 0.8em color-mix(in srgb, var(--c) 70%, transparent);
  opacity: min(clamp(0, (var(--aia-tile-render-t) - var(--s) + 0.07) * 14, 1), clamp(0, (var(--s) + 0.03 - var(--aia-tile-render-t)) * 14, 1));
}
.aia-tile-render-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.2em;
  width: calc(min(var(--aia-tile-render-t) / 0.7, 1) * 100%);
  background: var(--c);
  opacity: clamp(0, (0.88 - var(--aia-tile-render-t)) * 10, 1);
}
.aia-tile-render-caption {
  font-size: 0.82em;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, currentColor 65%, transparent);
}
@keyframes aia-tile-render-clock {
  to { --aia-tile-render-t: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-tile-render { animation: none; --aia-tile-render-t: 0.8; }
}

@property --aia-frosted-progress-p {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}
.aia-frosted-progress {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 6.5s;
  position: relative;
  display: grid;
  place-items: center;
  width: 10.5em;
  height: 12.6em;
  border-radius: 1em;
  overflow: hidden;
  color: #fff;
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent), 0 1em 2em -1.1em rgba(0, 0, 0, 0.5);
  animation: aia-frosted-progress-p var(--t) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}
.aia-frosted-progress > span { grid-area: 1 / 1; }
.aia-frosted-progress-image {
  position: absolute;
  inset: -10%;
  background:
    radial-gradient(ellipse 30% 16% at 40% 46%, #fff6e8 0 30%, color-mix(in oklab, var(--c) 15%, #ffb35c) 55%, transparent 72%),
    radial-gradient(ellipse 12% 9% at 64% 40%, color-mix(in oklab, var(--c) 30%, #ffb35c), transparent 70%),
    radial-gradient(circle at 75% 78%, color-mix(in oklab, var(--c) 40%, #3ddcff), transparent 45%),
    radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--c) 55%, #fff), transparent 50%),
    linear-gradient(160deg, color-mix(in srgb, var(--c) 35%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 55%, #000));
  filter: blur(calc((100 - var(--aia-frosted-progress-p)) * 0.016em)) saturate(calc(0.5 + var(--aia-frosted-progress-p) * 0.005));
}
.aia-frosted-progress-frost {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.18);
  opacity: calc(1 - var(--aia-frosted-progress-p) / 100);
}
.aia-frosted-progress-ring {
  width: 5.4em;
  height: 5.4em;
  border-radius: 50%;
  background: conic-gradient(#fff calc(var(--aia-frosted-progress-p) * 1%), rgba(255, 255, 255, 0.25) 0);
  -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 0.22em), #000 calc(100% - 0.2em));
  mask: radial-gradient(closest-side, transparent calc(100% - 0.22em), #000 calc(100% - 0.2em));
  animation: aia-frosted-progress-busy var(--t) ease infinite;
}
.aia-frosted-progress-num {
  font-size: 1.7em;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0.05em 0.4em rgba(0, 0, 0, 0.25);
  counter-reset: aia-frosted-progress-p var(--aia-frosted-progress-p);
  animation: aia-frosted-progress-busy var(--t) ease infinite;
}
.aia-frosted-progress-num::after { content: counter(aia-frosted-progress-p) "%"; }
.aia-frosted-progress-ready {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.35em 0.75em 0.35em 0.55em;
  border-radius: 99em;
  font-size: 0.85em;
  font-weight: 600;
  color: #111;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0.4em 1em -0.3em rgba(0, 0, 0, 0.35);
  opacity: 0;
  animation: aia-frosted-progress-ready var(--t) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-frosted-progress-ready svg {
  width: 1.1em;
  fill: none;
  stroke: var(--c);
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.aia-frosted-progress-prompt {
  position: absolute;
  left: 0.7em;
  right: 0.7em;
  bottom: 0.7em;
  padding: 0.35em 0.6em;
  border-radius: 0.5em;
  font-size: 0.72em;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(0.5em);
  backdrop-filter: blur(0.5em);
}
@keyframes aia-frosted-progress-p {
  0% { --aia-frosted-progress-p: 0; }
  62%, 86% { --aia-frosted-progress-p: 100; }
  100% { --aia-frosted-progress-p: 0; }
}
@keyframes aia-frosted-progress-busy {
  0%, 60% { opacity: 1; scale: 1; }
  66%, 96% { opacity: 0; scale: 1.15; }
  100% { opacity: 1; scale: 1; }
}
@keyframes aia-frosted-progress-ready {
  0%, 63% { opacity: 0; scale: 0.6; }
  68%, 84% { opacity: 1; scale: 1; }
  90%, 100% { opacity: 0; scale: 0.9; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-frosted-progress { animation: none; --aia-frosted-progress-p: 100; }
  .aia-frosted-progress-ring,
  .aia-frosted-progress-num { animation: none; opacity: 0; }
  .aia-frosted-progress-ready { animation: none; opacity: 1; }
}

@property --aia-image-batch-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --aia-image-batch-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-image-batch {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --out: clamp(0, (0.96 - var(--aia-image-batch-t)) * 16, 1);
  display: flex;
  align-items: center;
  gap: 1.2em;
  animation: aia-image-batch-clock 6.5s linear infinite;
}
.aia-image-batch-copy {
  display: grid;
  gap: 0.35em;
  width: 10em;
}
.aia-image-batch-copy b {
  font-size: 0.95em;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.aia-image-batch-prompt {
  font-size: 0.8em;
  line-height: 1.35;
  color: color-mix(in srgb, currentColor 60%, transparent);
}
.aia-image-batch-count {
  --aia-image-batch-n: calc(
    clamp(0, (var(--aia-image-batch-t) - 0.3) * 1000, 1) + clamp(0, (var(--aia-image-batch-t) - 0.44) * 1000, 1) +
    clamp(0, (var(--aia-image-batch-t) - 0.58) * 1000, 1) + clamp(0, (var(--aia-image-batch-t) - 0.7) * 1000, 1)
  );
  margin-top: 0.3em;
  font-size: 0.78em;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--c);
  counter-reset: aia-image-batch-n var(--aia-image-batch-n);
}
.aia-image-batch-count::before { content: counter(aia-image-batch-n) " of 4 ready"; }
.aia-image-batch-grid {
  display: grid;
  grid-template-columns: repeat(2, 5.4em);
  gap: 0.35em;
}
.aia-image-batch-tile {
  --in: calc(clamp(0, (var(--aia-image-batch-t) - var(--s)) * 10, 1) * var(--out));
  position: relative;
  height: 5.4em;
  border-radius: 0.55em;
  overflow: hidden;
  background: linear-gradient(100deg, color-mix(in srgb, currentColor 7%, transparent) 30%, color-mix(in srgb, currentColor 15%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 70%) 0 0 / 300% 100%;
  animation: aia-image-batch-shimmer 1.6s linear infinite;
}
.aia-image-batch-img {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 9% 5% at 44% 28%, rgba(255, 255, 255, 0.7), transparent 70%),
    radial-gradient(ellipse 8% 3% at 50% 22%, color-mix(in srgb, var(--v) 70%, #000) 0 90%, transparent 100%),
    radial-gradient(ellipse 22% 30% at 50% 52%, var(--v) 0 97%, transparent 100%),
    linear-gradient(90deg, transparent 45.5%, var(--v) 45.5% 54.5%, transparent 54.5%) 0 22% / 100% 22% no-repeat,
    radial-gradient(ellipse 30% 6% at 50% 78%, rgba(0, 0, 0, 0.22), transparent 70%),
    linear-gradient(180deg, var(--w) 72%, color-mix(in srgb, var(--w) 82%, #000) 72%);
  opacity: var(--in);
  filter: blur(calc((1 - var(--in)) * 0.6em));
  scale: calc(1.08 - var(--in) * 0.08);
}
.aia-image-batch-bar {
  position: absolute;
  left: 0.45em;
  right: 0.45em;
  bottom: 0.45em;
  height: 0.2em;
  border-radius: 1em;
  background:
    linear-gradient(var(--c), var(--c)) 0 0 / calc(min(var(--aia-image-batch-t) / var(--s), 1) * 100%) 100% no-repeat,
    color-mix(in srgb, currentColor 15%, transparent);
  opacity: calc(1 - clamp(0, (var(--aia-image-batch-t) - var(--s)) * 10, 1));
}
@keyframes aia-image-batch-clock {
  to { --aia-image-batch-t: 1; }
}
@keyframes aia-image-batch-shimmer {
  from { background-position: 100% 0; }
  to { background-position: -50% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-image-batch { animation: none; --aia-image-batch-t: 0.62; }
  .aia-image-batch-tile { animation: none; }
}

@property --aia-video-timeline-t {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --aia-video-timeline-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
.aia-video-timeline {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  display: grid;
  gap: 0.8em;
  width: 24em;
  padding: 0.9em;
  box-sizing: border-box;
  border-radius: 1em;
  color: #f4f4f5;
  background: linear-gradient(180deg, #17171d, #0d0d11);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1em 2em -1em rgba(0, 0, 0, 0.5);
  animation: aia-video-timeline-clock 7s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.aia-video-timeline-top {
  display: flex;
  gap: 0.9em;
  align-items: center;
}
.aia-video-timeline-scene {
  background:
    linear-gradient(180deg, transparent 64%, #1d2a44 64%, #0e1626),
    radial-gradient(circle at 58% calc(22% + var(--k) * 46%), #fff3d6 0 6%, transparent 6.6%),
    radial-gradient(circle at 58% calc(22% + var(--k) * 46%), color-mix(in oklab, var(--c) 20%, #ffb35c), transparent 40%),
    linear-gradient(180deg, color-mix(in oklab, var(--c) 70%, #0b0b2a), color-mix(in oklab, var(--c) 40%, #ff7a59) 50%, #ffc98f 64%);
}
.aia-video-timeline-preview {
  --k: var(--aia-video-timeline-t);
  flex: none;
  width: 10.6em;
  height: 6em;
  border-radius: 0.5em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.aia-video-timeline-info {
  display: grid;
  gap: 0.3em;
}
.aia-video-timeline-info b {
  font-size: 0.95em;
  font-weight: 600;
}
.aia-video-timeline-frame {
  font-size: 0.8em;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--c) 55%, #fff);
  counter-reset: aia-video-timeline-n var(--aia-video-timeline-n);
  animation: aia-video-timeline-count 7s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.aia-video-timeline-frame::before { content: "Frame " counter(aia-video-timeline-n) " of 120"; }
.aia-video-timeline-spec {
  font-size: 0.72em;
  color: rgba(255, 255, 255, 0.5);
}
.aia-video-timeline-strip {
  position: relative;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0.18em;
  height: 1.6em;
}
.aia-video-timeline-strip i {
  position: relative;
  border-radius: 0.2em;
  overflow: hidden;
}
.aia-video-timeline-strip i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, #24242c 0 0.25em, #1c1c22 0.25em 0.5em);
  opacity: calc(1 - clamp(0, (var(--aia-video-timeline-t) - var(--s)) * 25, 1));
}
.aia-video-timeline-head {
  position: absolute;
  top: -0.3em;
  bottom: -0.3em;
  left: calc(var(--aia-video-timeline-t) * 100%);
  width: 0.14em;
  margin-left: -0.07em;
  border-radius: 1em;
  background: #fff;
  box-shadow: 0 0 0.5em color-mix(in srgb, var(--c) 90%, transparent);
}
@keyframes aia-video-timeline-clock {
  0% { --aia-video-timeline-t: 0; }
  82%, 90% { --aia-video-timeline-t: 1; }
  100% { --aia-video-timeline-t: 0; }
}
@keyframes aia-video-timeline-count {
  0% { --aia-video-timeline-n: 0; }
  82%, 90% { --aia-video-timeline-n: 120; }
  100% { --aia-video-timeline-n: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-video-timeline,
  .aia-video-timeline-frame { animation: none; }
  .aia-video-timeline { --aia-video-timeline-t: 0.72; }
  .aia-video-timeline-frame { --aia-video-timeline-n: 86; }
}

@property --aia-upscale-compare-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 30%;
}
.aia-upscale-compare {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  position: relative;
  width: 18em;
  height: 10.5em;
  border-radius: 0.9em;
  overflow: hidden;
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent), 0 1em 2em -1.1em rgba(0, 0, 0, 0.5);
  animation: aia-upscale-compare-slide 3.6s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
}
.aia-upscale-compare-city {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 56% 24%, #fdf6e3 0 4.5%, transparent 5%),
    radial-gradient(circle at 56% 24%, color-mix(in srgb, var(--c) 50%, transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in oklab, var(--c) 40%, #090718), color-mix(in oklab, var(--c) 65%, #2a1d50) 80%);
}
.aia-upscale-compare-city i {
  position: absolute;
  bottom: 0;
  left: var(--l);
  width: var(--w);
  height: var(--h);
  border-radius: 0.15em 0.15em 0 0;
  background:
    radial-gradient(circle, rgba(255, 214, 140, var(--o)) 0 0.07em, transparent 0.09em) 0.12em 0.3em / 0.42em 0.52em,
    linear-gradient(180deg, #241f46, #120f25);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.06);
}
.aia-upscale-compare-city i:nth-child(odd) {
  z-index: 1;
  filter: brightness(0.82);
}
.aia-upscale-compare-lo {
  clip-path: inset(0 calc(100% - var(--aia-upscale-compare-x)) 0 0);
  filter: blur(0.2em) saturate(0.6) contrast(0.88);
}
.aia-upscale-compare-lo::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.3) 1px, transparent 1px) 0 0 / 0.6em 0.6em,
    linear-gradient(0deg, rgba(0, 0, 0, 0.3) 1px, transparent 1px) 0 0 / 0.6em 0.6em,
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 50%, transparent 50%) 0 0 / 1.2em 100%;
}
.aia-upscale-compare-tag {
  position: absolute;
  z-index: 2;
  top: 0.6em;
  left: 0.6em;
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.25em 0.55em;
  border-radius: 99em;
  font-size: 0.72em;
  font-weight: 600;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(0.4em);
  backdrop-filter: blur(0.4em);
}
.aia-upscale-compare-tag-hi {
  left: auto;
  right: 0.6em;
  color: #111;
  background: rgba(255, 255, 255, 0.92);
}
.aia-upscale-compare-tag svg {
  width: 1em;
  fill: var(--c);
}
.aia-upscale-compare-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--aia-upscale-compare-x);
  width: 2px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.4);
}
.aia-upscale-compare-handle i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.7em;
  height: 1.7em;
  border-radius: 50%;
  translate: -50% -50%;
  display: grid;
  place-items: center;
  background: #fff;
  box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.35), 0 0 0 0.2em color-mix(in srgb, var(--c) 45%, transparent);
}
.aia-upscale-compare-handle svg {
  width: 1em;
  fill: none;
  stroke: #222;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@keyframes aia-upscale-compare-slide {
  from { --aia-upscale-compare-x: 22%; }
  to { --aia-upscale-compare-x: 78%; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-upscale-compare { animation: none; --aia-upscale-compare-x: 50%; }
}

@property --aia-ask-ai-input-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
.aia-ask-ai-input {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --ring: conic-gradient(from var(--aia-ask-ai-input-a), var(--c), color-mix(in oklab, var(--c) 40%, #ff6fb5), color-mix(in oklab, var(--c) 35%, #ffb35c), color-mix(in oklab, var(--c) 40%, #3ddcff), var(--c));
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 0.65em;
  width: 22em;
  height: 3.1em;
  padding: 0 0.6em 0 1em;
  box-sizing: border-box;
  border-radius: 0.95em;
  color: #f4f4f5;
  cursor: text;
  animation: aia-ask-ai-input-spin 5s linear infinite;
}
.aia-ask-ai-input-glow,
.aia-ask-ai-input-frame {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
}
.aia-ask-ai-input-glow {
  background: var(--ring);
  filter: blur(0.9em);
  opacity: 0.45;
  transition: opacity 0.3s ease;
}
.aia-ask-ai-input-frame {
  border: 0.1em solid transparent;
  background: linear-gradient(#111116, #111116) padding-box, var(--ring) border-box;
}
.aia-ask-ai-input:focus-within .aia-ask-ai-input-glow { opacity: 0.85; }
.aia-ask-ai-input-icon {
  flex: none;
  width: 1.15em;
  fill: color-mix(in srgb, var(--c) 45%, #fff);
  animation: aia-ask-ai-input-twinkle 2.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.aia-ask-ai-input-box {
  flex: 1;
  display: grid;
  align-items: center;
  min-width: 0;
}
.aia-ask-ai-input-field,
.aia-ask-ai-input-hints { grid-area: 1 / 1; }
.aia-ask-ai-input-field {
  width: 100%;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 0.95em;
  color: inherit;
  background: transparent;
  outline: none;
}
.aia-ask-ai-input-hints {
  height: 1.4em;
  overflow: hidden;
  font-size: 0.95em;
  color: rgba(255, 255, 255, 0.45);
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.aia-ask-ai-input-hints span {
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  animation: aia-ask-ai-input-roll 7.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.aia-ask-ai-input-field:not(:placeholder-shown) + .aia-ask-ai-input-hints { opacity: 0; }
.aia-ask-ai-input-kbd {
  flex: none;
  padding: 0.2em 0.45em;
  border-radius: 0.4em;
  font: inherit;
  font-size: 0.75em;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
@keyframes aia-ask-ai-input-spin {
  to { --aia-ask-ai-input-a: 360deg; }
}
@keyframes aia-ask-ai-input-twinkle {
  0%, 100% { scale: 1; rotate: 0deg; }
  50% { scale: 0.82; rotate: 45deg; }
}
@keyframes aia-ask-ai-input-roll {
  0%, 28% { translate: 0 0; }
  33%, 61% { translate: 0 -1.4em; }
  66%, 94% { translate: 0 -2.8em; }
  100% { translate: 0 -4.2em; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-ask-ai-input,
  .aia-ask-ai-input-icon,
  .aia-ask-ai-input-hints span { animation: none; }
}

@property --aia-sparkle-shimmer-button-a {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
.aia-sparkle-shimmer-button {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 3.2s;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding: 0.85em 1.4em 0.85em 1.15em;
  border: 0;
  border-radius: 99em;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #fff;
  background:
    radial-gradient(80% 120% at 50% 130%, color-mix(in srgb, var(--c) 45%, transparent), transparent 70%),
    linear-gradient(180deg, #1c1c22, #0e0e12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0.7em 1.6em -0.7em color-mix(in srgb, var(--c) 80%, transparent);
  cursor: pointer;
  animation: aia-sparkle-shimmer-button-orbit var(--t) linear infinite;
  transition: box-shadow 0.25s ease, translate 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.aia-sparkle-shimmer-button:hover {
  translate: 0 -0.08em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0.9em 2em -0.7em color-mix(in srgb, var(--c) 95%, transparent);
}
.aia-sparkle-shimmer-button:focus-visible { outline: 2px solid var(--c); outline-offset: 0.2em; }
.aia-sparkle-shimmer-button-edge {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.09em;
  background: conic-gradient(from var(--aia-sparkle-shimmer-button-a), transparent 0 62%, color-mix(in srgb, var(--c) 55%, #fff) 76%, #fff 82%, color-mix(in srgb, var(--c) 55%, #fff) 88%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.aia-sparkle-shimmer-button-icon {
  width: 1.2em;
  overflow: visible;
}
.aia-sparkle-shimmer-button-big,
.aia-sparkle-shimmer-button-small {
  fill: color-mix(in srgb, var(--c) 45%, #fff);
  transform-box: fill-box;
  transform-origin: center;
  animation: aia-sparkle-shimmer-button-twinkle var(--t) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-sparkle-shimmer-button-small {
  fill: #fff;
  animation-delay: calc(var(--t) * -0.92);
}
@keyframes aia-sparkle-shimmer-button-orbit {
  to { --aia-sparkle-shimmer-button-a: 360deg; }
}
/* The glint passes the icon at about 70% of the orbit, so the sparkle flares there. */
@keyframes aia-sparkle-shimmer-button-twinkle {
  0%, 60%, 100% { scale: 1; rotate: 0deg; }
  70% { scale: 1.3; rotate: 45deg; }
  82% { scale: 0.92; rotate: 90deg; }
  90% { scale: 1; rotate: 90deg; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-sparkle-shimmer-button,
  .aia-sparkle-shimmer-button-big,
  .aia-sparkle-shimmer-button-small { animation: none; }
}

.aia-enhance-prompt {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 6.5s;
  width: 23em;
  padding: 0.95em 0.95em 0.75em 1.1em;
  box-sizing: border-box;
  border-radius: 1em;
  background: color-mix(in srgb, currentColor 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 13%, transparent);
}
.aia-enhance-prompt-text {
  position: relative;
  display: grid;
  min-height: 4.2em;
  font-size: 0.98em;
  line-height: 1.4;
}
.aia-enhance-prompt-short,
.aia-enhance-prompt-long {
  grid-area: 1 / 1;
  animation: aia-enhance-prompt-short var(--t) cubic-bezier(0.3, 0.7, 0.3, 1) infinite;
}
.aia-enhance-prompt-short { color: color-mix(in srgb, currentColor 60%, transparent); }
.aia-enhance-prompt-long {
  opacity: 0;
  animation-name: aia-enhance-prompt-long;
}
.aia-enhance-prompt-glint {
  position: absolute;
  inset: -0.2em -0.4em;
  border-radius: 0.4em;
  background: linear-gradient(100deg, transparent 40%, color-mix(in srgb, var(--c) 22%, transparent) 48%, color-mix(in srgb, var(--c) 70%, #fff) 50%, color-mix(in srgb, var(--c) 22%, transparent) 52%, transparent 60%) 0 0 / 300% 100% no-repeat;
  opacity: 0;
  animation: aia-enhance-prompt-glint var(--t) ease-in-out infinite;
}
.aia-enhance-prompt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5em;
}
.aia-enhance-prompt-meta {
  font-size: 0.75em;
  font-weight: 500;
  color: color-mix(in srgb, currentColor 50%, transparent);
}
.aia-enhance-prompt-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.5em 0.85em 0.5em 0.7em;
  border: 0;
  border-radius: 99em;
  font: inherit;
  font-size: 0.85em;
  font-weight: 600;
  color: #fff;
  background: var(--c);
  box-shadow: 0 0.35em 0.9em -0.35em color-mix(in srgb, var(--c) 85%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  cursor: pointer;
  animation: aia-enhance-prompt-press var(--t) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-enhance-prompt-btn:focus-visible { outline: 2px solid var(--c); outline-offset: 0.2em; }
.aia-enhance-prompt-btn svg {
  width: 1.15em;
  overflow: visible;
}
.aia-enhance-prompt-wand {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
}
.aia-enhance-prompt-tip {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: center;
  animation: aia-enhance-prompt-tip var(--t) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-enhance-prompt-spark {
  position: absolute;
  left: 1.25em;
  top: 0.35em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c) 40%, #fff);
  opacity: 0;
  --x: 0.9em;
  --y: -1em;
  animation: aia-enhance-prompt-spark var(--t) cubic-bezier(0.2, 0.7, 0.3, 1) infinite;
}
.aia-enhance-prompt-spark:nth-of-type(2) { --x: 0.1em; --y: -1.3em; }
.aia-enhance-prompt-spark:nth-of-type(3) { --x: 1.3em; --y: -0.3em; }
@keyframes aia-enhance-prompt-press {
  0%, 20%, 100% { scale: 1; }
  24% { scale: 0.92; }
  30% { scale: 1; }
}
@keyframes aia-enhance-prompt-tip {
  0%, 22%, 100% { scale: 1; rotate: 0deg; }
  28% { scale: 1.5; rotate: 90deg; }
  36% { scale: 1; rotate: 90deg; }
}
@keyframes aia-enhance-prompt-spark {
  0%, 24% { opacity: 0; translate: 0 0; scale: 1; }
  26% { opacity: 1; }
  38%, 100% { opacity: 0; translate: var(--x) var(--y); scale: 0.3; }
}
@keyframes aia-enhance-prompt-glint {
  0%, 26% { opacity: 0; background-position: 100% 0; }
  30% { opacity: 1; }
  44% { opacity: 1; background-position: 0% 0; }
  50%, 100% { opacity: 0; background-position: 0% 0; }
}
@keyframes aia-enhance-prompt-short {
  0%, 32% { opacity: 1; filter: blur(0); translate: 0 0; }
  40%, 92% { opacity: 0; filter: blur(0.2em); translate: 0 -0.3em; }
  100% { opacity: 1; filter: blur(0); translate: 0 0; }
}
@keyframes aia-enhance-prompt-long {
  0%, 34% { opacity: 0; filter: blur(0.25em); translate: 0 0.3em; }
  44%, 88% { opacity: 1; filter: blur(0); translate: 0 0; }
  95%, 100% { opacity: 0; filter: blur(0.2em); translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-enhance-prompt * { animation: none !important; }
  .aia-enhance-prompt-short { opacity: 0; }
  .aia-enhance-prompt-long { opacity: 1; }
}

.aia-model-picker-pill {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 6s;
  display: grid;
  place-items: center;
}
.aia-model-picker-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.6em 0.8em 0.6em 0.75em;
  border: 0;
  border-radius: 99em;
  font: inherit;
  font-weight: 600;
  color: inherit;
  background: color-mix(in srgb, currentColor 5%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent), 0 0 0 0 color-mix(in srgb, var(--c) 45%, transparent);
  cursor: pointer;
  animation: aia-model-picker-pill-ring calc(var(--t) / 3) cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}
.aia-model-picker-pill-btn:focus-visible { outline: 2px solid var(--c); outline-offset: 0.2em; }
.aia-model-picker-pill-glyph {
  width: 1.15em;
  fill: var(--c);
  animation: aia-model-picker-pill-spin calc(var(--t) / 3) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.aia-model-picker-pill-names {
  display: grid;
  overflow: hidden;
}
.aia-model-picker-pill-names span {
  grid-area: 1 / 1;
  opacity: 0;
  animation: aia-model-picker-pill-name var(--t) cubic-bezier(0.3, 0.7, 0.3, 1) infinite;
}
.aia-model-picker-pill-names span:nth-child(2) { animation-delay: calc(var(--t) * -2 / 3); }
.aia-model-picker-pill-names span:nth-child(3) { animation-delay: calc(var(--t) * -1 / 3); }
.aia-model-picker-pill-chev {
  width: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.5;
}
@keyframes aia-model-picker-pill-ring {
  0% { box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent), 0 0 0 0 color-mix(in srgb, var(--c) 45%, transparent); }
  45%, 100% { box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 14%, transparent), 0 0 0 0.7em transparent; }
}
/* A quarter turn is invisible on a four-point star, so each loop restarts cleanly. */
@keyframes aia-model-picker-pill-spin {
  0% { rotate: 0deg; }
  22% { rotate: 105deg; }
  34%, 100% { rotate: 90deg; }
}
@keyframes aia-model-picker-pill-name {
  0% { opacity: 1; translate: 0 0; }
  30% { opacity: 1; translate: 0 0; }
  33.3% { opacity: 0; translate: 0 -0.8em; }
  96.7% { opacity: 0; translate: 0 0.8em; }
  100% { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-model-picker-pill-btn,
  .aia-model-picker-pill-glyph,
  .aia-model-picker-pill-names span { animation: none; }
  .aia-model-picker-pill-names span:first-child { opacity: 1; }
}

.aia-ai-command-palette {
  --c: var(--aia-color, #7c5cff);
  font-size: var(--aia-size, 16px);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.4;
  --t: 6.5s;
  width: 22em;
  padding: 0.4em;
  box-sizing: border-box;
  border-radius: 0.95em;
  color: #ededf0;
  background: rgba(22, 22, 27, 0.96);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09), 0 1.4em 3em -1em rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0, 0, 0, 0.25);
  transform-origin: 50% 30%;
  animation: aia-ai-command-palette-open var(--t) cubic-bezier(0.3, 0.7, 0.3, 1) infinite;
}
.aia-ai-command-palette svg {
  flex: none;
  width: 1.05em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.aia-ai-command-palette-search {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.6em 0.6em 0.75em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.aia-ai-command-palette-search svg {
  fill: color-mix(in srgb, var(--c) 45%, #fff);
  stroke: none;
}
.aia-ai-command-palette-input {
  flex: 1;
  font-size: 0.95em;
  color: rgba(255, 255, 255, 0.45);
}
.aia-ai-command-palette-caret {
  display: inline-block;
  width: 0.08em;
  height: 1.1em;
  margin-left: 0.1em;
  vertical-align: -0.2em;
  background: var(--c);
  animation: aia-ai-command-palette-blink 1s steps(1) infinite;
}
.aia-ai-command-palette-kbd,
.aia-ai-command-palette-list kbd {
  padding: 0.15em 0.4em;
  border-radius: 0.35em;
  font: inherit;
  font-size: 0.72em;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.07);
}
.aia-ai-command-palette-label {
  display: block;
  padding: 0.35em 0.75em 0.3em;
  font-size: 0.7em;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}
.aia-ai-command-palette-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aia-ai-command-palette-list li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.65em;
  height: 2.2em;
  padding: 0 0.6em;
  font-size: 0.9em;
  animation: aia-ai-command-palette-item var(--t) cubic-bezier(0.3, 0.7, 0.3, 1) infinite;
  animation-delay: calc(var(--i) * 0.07s);
}
.aia-ai-command-palette-list li kbd { margin-left: auto; }
.aia-ai-command-palette-list li svg { color: rgba(255, 255, 255, 0.6); }
.aia-ai-command-palette-list .aia-ai-command-palette-hl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 0.55em;
  background: color-mix(in srgb, var(--c) 22%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent);
  animation: aia-ai-command-palette-hl var(--t) cubic-bezier(0.34, 1.3, 0.64, 1) infinite;
}
@keyframes aia-ai-command-palette-open {
  0%, 4% { opacity: 0; scale: 0.94; translate: 0 0.5em; filter: blur(0.15em); }
  12% { opacity: 1; scale: 1.01; translate: 0 0; filter: blur(0); }
  17%, 82% { opacity: 1; scale: 1; translate: 0 0; filter: blur(0); }
  90%, 100% { opacity: 0; scale: 0.97; translate: 0 0.2em; filter: blur(0.1em); }
}
@keyframes aia-ai-command-palette-item {
  0%, 8% { opacity: 0; translate: 0 0.4em; }
  16%, 100% { opacity: 1; translate: 0 0; }
}
@keyframes aia-ai-command-palette-hl {
  0%, 18% { opacity: 0; translate: 0 0; }
  22%, 38% { opacity: 1; translate: 0 0; }
  46%, 62% { opacity: 1; translate: 0 100%; background: color-mix(in srgb, var(--c) 22%, transparent); }
  66% { translate: 0 100%; background: color-mix(in srgb, var(--c) 50%, transparent); }
  72%, 100% { opacity: 1; translate: 0 100%; background: color-mix(in srgb, var(--c) 22%, transparent); }
}
@keyframes aia-ai-command-palette-blink {
  50% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .aia-ai-command-palette,
  .aia-ai-command-palette-list li,
  .aia-ai-command-palette-caret { animation: none; }
  .aia-ai-command-palette-list .aia-ai-command-palette-hl { animation: none; translate: 0 100%; }
}