/* /emduit.ai/rag/css/think.css (UPDATED - March 2026)
   Better pulse during writing + vibrant cyan-teal color for typewriter phase */

.gb-think-orb {
  width: 110px;
  height: 110px;
  border-radius: 999px;
  position: relative;
  border: 1px solid rgba(103,232,249,.25);
  background:
    radial-gradient(48px 48px at 36% 30%, rgba(103,232,249,.72), rgba(103,232,249,.18) 58%, transparent 75%),
    radial-gradient(74px 74px at 64% 66%, rgba(52,211,153,.38), transparent 70%),
    rgba(255,255,255,.045);
  box-shadow:
    0 0 0 9px rgba(103,232,249,.18),
    0 16px 42px rgba(0,0,0,.48);
  overflow: hidden;
  transition: box-shadow .45s ease, transform .6s ease;
}

/* Central highlight */
.gb-think-orb::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  background: radial-gradient(32px 32px at 30% 24%, rgba(255,255,255,.32), transparent 65%);
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.9;
}

/* Particle canvas */
.gb-think-orb canvas.think-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Writing state — elegant breathing pulse + vibrant cyan */
.gb-think-orb[data-state="writing"] {
  box-shadow:
    0 0 0 12px rgba(103,232,249,.32),
    0 0 26px rgba(103,232,249,.65),
    0 0 52px rgba(52,211,153,.45),
    0 18px 48px rgba(0,0,0,.55);
  border-color: rgba(103,232,249,.55);
  animation: writingPulse 1.8s ease-in-out infinite;
}

@keyframes writingPulse {
  0%, 100% { transform: scale(1.0); }
  50% { transform: scale(1.065); }
}

/* Thinking state — fast energy */
.gb-think-orb[data-state="thinking"] {
  box-shadow:
    0 0 0 14px rgba(124,92,255,.35),
    0 0 32px rgba(124,92,255,.72),
    0 0 60px rgba(16,163,127,.4),
    0 20px 52px rgba(0,0,0,.58);
  border-color: rgba(124,92,255,.65);
  animation: thinkingPulse 0.95s linear infinite;
}

@keyframes thinkingPulse {
  0%, 100% { transform: scale(1.0); }
  50% { transform: scale(1.04); }
}

/* Idle state — calm */
.gb-think-orb[data-state="idle"] {
  filter: saturate(0.92) brightness(1.05);
  box-shadow:
    0 0 0 8px rgba(148,163,184,.15),
    0 14px 38px rgba(0,0,0,.42);
}