/* ============================================================
   SignSoft.ai — персональний ШІ-агент (сцена «думає»)

   Стилі отримані окремим пакетом і адаптовані під лендінг:
   • усе заскоуплено під .ss-agent, щоб генеричні імена (.orb, .eye,
     .thought-card) не перетиналися з темою сайту;
   • лишений тільки нескінченний режим «is-thinking» — привітання,
     стани complete/error і демо-кнопки лендінгу не потрібні;
   • розмір керується змінною --orb-size на .ss-agent.
============================================================ */

.ss-agent {
  --orb-size: 350px;
  --eye-x: 0px;
  --eye-y: 0px;
  position: relative;
  width: var(--orb-size);
  height: var(--orb-size);
  display: grid;
  place-items: center;
  isolation: isolate;
  animation: ss-agent-float 5.2s ease-in-out infinite;
}

/* ---------- аура й тінь ---------- */
.ss-agent .agent-aura {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(78,125,255,.22), rgba(83,56,210,.08) 48%, transparent 73%);
  filter: blur(46px);
  z-index: -5;
}
.ss-agent .floor-shadow {
  position: absolute;
  width: 58%;
  height: 26px;
  bottom: -42px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(60,103,238,.28), transparent 72%);
  filter: blur(12px);
  animation: ss-floor-shadow 5.2s ease-in-out infinite;
  z-index: -5;
}

/* ---------- сфера ---------- */
.ss-agent .orb {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  z-index: 20;
  background:
    radial-gradient(circle at 27% 16%, rgba(179,194,255,.22), transparent 28%),
    radial-gradient(circle at 74% 74%, rgba(18,101,220,.18), transparent 43%),
    radial-gradient(circle at 50% 43%, rgba(18,29,67,.88), rgba(8,14,37,.97) 63%, #020510 100%);
  border: 1px solid rgba(137,164,255,.16);
  box-shadow:
    inset 21px 14px 45px rgba(129,151,255,.10),
    inset -30px -36px 72px rgba(0,53,130,.20),
    inset 0 0 35px rgba(84,99,255,.04),
    0 0 45px rgba(74,105,255,.16),
    0 0 105px rgba(35,89,205,.09);
}
.ss-agent .orb::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  border: 1px solid rgba(167,183,255,.055);
  box-shadow: inset 0 0 38px rgba(93,112,255,.055);
  pointer-events: none;
  z-index: 80;
}
.ss-agent .orb-glass-highlight {
  position: absolute;
  width: 67%;
  height: 38%;
  left: 8%;
  top: 4%;
  border-radius: 50%;
  transform: rotate(-16deg);
  background: radial-gradient(ellipse, rgba(215,226,255,.11), rgba(145,165,255,.02) 55%, transparent 73%);
  filter: blur(3px);
  z-index: 70;
}

/* ---------- екран обличчя ---------- */
.ss-agent .face-screen {
  position: relative;
  width: 185px;
  height: 103px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 58px;
  background: radial-gradient(circle at 27% 43%, #66eaff, #608eff 48%, #9b67ff 100%);
  box-shadow:
    0 0 7px rgba(114,240,255,.95),
    0 0 20px rgba(90,199,255,.75),
    0 0 42px rgba(92,104,255,.53),
    0 0 76px rgba(159,81,255,.25),
    inset 0 0 24px rgba(255,255,255,.13);
  z-index: 30;
}
.ss-agent .pixel-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(2,13,35,.20) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2,13,35,.20) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: .58;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 20;
}
.ss-agent .screen-flare {
  position: absolute;
  top: -30%;
  left: -70%;
  width: 55%;
  height: 160%;
  transform: rotate(15deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
}

/* ---------- очі ---------- */
.ss-agent .eyes {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  z-index: 15;
}
.ss-agent .eye {
  position: relative;
  width: 30px;
  height: 46px;
  display: grid;
  place-items: center;
}
.ss-agent .eye-body {
  position: relative;
  display: block;
  width: 14px;
  height: 39px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f5fdff 48%, #e0faff);
  box-shadow:
    0 0 5px white,
    0 0 13px rgba(255,255,255,.95),
    0 0 28px rgba(203,247,255,.75),
    0 0 42px rgba(108,220,255,.20);
  transform: translate(var(--eye-x), var(--eye-y));
  transform-origin: center;
  animation: ss-eye-blink 6.2s infinite;
  transition: transform .46s cubic-bezier(.2,.8,.2,1);
}
.ss-agent .eye-body::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 4px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  opacity: .55;
}

/* ---------- частинки в сфері ---------- */
.ss-agent .orb-particles { position: absolute; inset: 0; pointer-events: none; }
.ss-agent .orb-particles i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #73eaff;
  box-shadow: 0 0 8px #73eaff;
  opacity: .14;
  animation: ss-orb-particle 6s ease-in-out infinite;
}
.ss-agent .orb-particles i:nth-child(1) { left: 18%; top: 45%; }
.ss-agent .orb-particles i:nth-child(2) { left: 76%; top: 29%; animation-delay: -1.2s; }
.ss-agent .orb-particles i:nth-child(3) { left: 29%; top: 73%; animation-delay: -2.8s; }
.ss-agent .orb-particles i:nth-child(4) { left: 80%; top: 67%; animation-delay: -4s; }
.ss-agent .orb-particles i:nth-child(5) { left: 52%; top: 13%; animation-delay: -2s; }
.ss-agent .orb-particles i:nth-child(6) { left: 57%; top: 84%; animation-delay: -.8s; }
.ss-agent .orb-particles i:nth-child(7) { left: 12%; top: 60%; animation-delay: -3.5s; }
.ss-agent .orb-particles i:nth-child(8) { left: 88%; top: 49%; animation-delay: -1.8s; }

/* ============================================================
   СЦЕНА «ДУМАЄ»
============================================================ */

.ss-agent .thinking-scene { position: absolute; inset: 0; pointer-events: none; }

.ss-agent .thinking-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 1px solid rgba(112,220,255,.12);
  opacity: 0;
  z-index: 5;
  transition: opacity .35s ease;
}
.ss-agent .thinking-orbit::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: conic-gradient(from 20deg,
    transparent 0deg, rgba(108,231,255,.34) 28deg, transparent 72deg,
    transparent 205deg, rgba(126,112,255,.22) 245deg, transparent 292deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  filter: drop-shadow(0 0 7px rgba(88,215,255,.23));
}
.ss-agent .thinking-orbit i {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(226,252,255,.95);
  box-shadow: 0 0 6px white, 0 0 17px rgba(95,227,255,.92), 0 0 28px rgba(91,115,255,.38);
}
.ss-agent .thinking-orbit-a {
  width: 425px; height: 205px; margin-left: -212.5px; margin-top: -102.5px; transform: rotate(-17deg);
}
.ss-agent .thinking-orbit-a i:nth-child(1) { left: 14%; top: 11%; }
.ss-agent .thinking-orbit-a i:nth-child(2) { right: 9%; bottom: 25%; }
.ss-agent .thinking-orbit-a i:nth-child(3) { left: 53%; bottom: -3px; }
.ss-agent .thinking-orbit-b {
  width: 315px; height: 430px; margin-left: -157.5px; margin-top: -215px; transform: rotate(31deg);
  border-color: rgba(145,118,255,.10);
}
.ss-agent .thinking-orbit-b i:nth-child(1) { left: 4%; top: 42%; }
.ss-agent .thinking-orbit-b i:nth-child(2) { right: 7%; top: 26%; }
.ss-agent .thinking-orbit-c {
  width: 392px; height: 392px; margin-left: -196px; margin-top: -196px;
  border-style: dashed; border-color: rgba(101,223,255,.08);
}
.ss-agent .thinking-orbit-c i:nth-child(1) { left: 49%; top: -3px; }
.ss-agent .thinking-orbit-c i:nth-child(2) { right: 4%; top: 46%; }
.ss-agent .thinking-orbit-c i:nth-child(3) { left: 45%; bottom: -3px; }
.ss-agent .thinking-orbit-c i:nth-child(4) { left: 2%; top: 39%; }

.ss-agent.is-thinking .thinking-orbit-a { opacity: .82; animation: ss-orbit-a 6.8s linear infinite; }
.ss-agent.is-thinking .thinking-orbit-b { opacity: .58; animation: ss-orbit-b 9.5s linear infinite reverse; }
.ss-agent.is-thinking .thinking-orbit-c { opacity: .34; animation: ss-orbit-c 14s linear infinite; }
.ss-agent.is-thinking .thinking-orbit i { animation: ss-node-pulse 1.5s ease-in-out infinite; }

/* ---------- картки думок ---------- */
.ss-agent .thought-card {
  position: absolute;
  width: 104px;
  height: 58px;
  padding: 9px 10px 8px 12px;
  display: grid;
  grid-template-columns: 9px 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 8px;
  align-items: center;
  overflow: hidden;
  border-radius: 15px;
  opacity: 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(174,199,255,.12), transparent 40%),
    rgba(7,15,38,.78);
  border: 1px solid rgba(126,191,255,.17);
  box-shadow:
    inset 0 0 18px rgba(97,120,255,.055),
    0 10px 30px rgba(0,0,0,.18),
    0 0 22px rgba(72,173,255,.06);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  z-index: 42;
  transform: translateY(8px) scale(.92);
}
.ss-agent .thought-card::after {
  content: "";
  position: absolute;
  left: -45%;
  top: -20%;
  width: 30%;
  height: 145%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
}
.ss-agent .thought-card-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #82ecff;
  box-shadow: 0 0 8px #82ecff, 0 0 17px rgba(97,206,255,.45);
  grid-row: 1 / span 2;
}
.ss-agent .thought-card-lines { display: flex; flex-direction: column; gap: 4px; }
.ss-agent .thought-card-lines i { display: block; height: 2px; border-radius: 4px; background: rgba(197,241,255,.58); }
.ss-agent .thought-card-lines i:nth-child(2) { width: 72%; }
.ss-agent .thought-card-lines i:nth-child(3) { width: 46%; }
.ss-agent .thought-card-label {
  font-size: 9px;
  line-height: 1;
  letter-spacing: .07em;
  color: rgba(210,235,255,.58);
  text-transform: uppercase;
}
.ss-agent .thought-context { left: -93px; top: 66px; }
.ss-agent .thought-logic { right: -98px; top: 96px; }
.ss-agent .thought-check { right: -67px; bottom: 31px; }

.ss-agent.is-thinking .thought-card { animation: ss-thought-cycle 5.7s cubic-bezier(.2,.8,.2,1) infinite; }
.ss-agent.is-thinking .thought-context { animation-delay: 0s; }
.ss-agent.is-thinking .thought-logic { animation-delay: 1.9s; }
.ss-agent.is-thinking .thought-check { animation-delay: 3.8s; }
.ss-agent.is-thinking .thought-card::after { animation: ss-thought-shimmer 1.8s ease infinite; }

/* ---------- імпульси даних ---------- */
.ss-agent .thought-pulse {
  --pulse-rotation: 0deg;
  --pulse-delay: 0s;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 175px;
  height: 1px;
  opacity: 0;
  transform-origin: left center;
  transform: rotate(var(--pulse-rotation));
  background: linear-gradient(90deg, rgba(113,229,255,.03), rgba(113,229,255,.19), transparent 82%);
  z-index: 7;
}
.ss-agent .thought-pulse::after {
  content: "";
  position: absolute;
  left: 155px;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 6px white, 0 0 17px rgba(97,229,255,.9), 0 0 30px rgba(87,113,255,.5);
}
.ss-agent .pulse-a { --pulse-rotation: 205deg; --pulse-delay: 0s; }
.ss-agent .pulse-b { --pulse-rotation: 316deg; --pulse-delay: -.65s; }
.ss-agent .pulse-c { --pulse-rotation: 36deg;  --pulse-delay: -1.25s; }
.ss-agent .pulse-d { --pulse-rotation: 138deg; --pulse-delay: -1.9s; }
.ss-agent.is-thinking .thought-pulse { opacity: .75; }
.ss-agent.is-thinking .thought-pulse::after {
  animation: ss-pulse-in 2.6s cubic-bezier(.2,.75,.25,1) var(--pulse-delay) infinite;
}

/* ---------- матриця на обличчі ---------- */
.ss-agent .thinking-matrix {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 10;
  transform: scale(.9);
  transition: opacity .35s ease, transform .35s ease;
}
.ss-agent .matrix-node {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(238,254,255,.94);
  box-shadow: 0 0 6px white, 0 0 13px rgba(171,245,255,.8);
}
.ss-agent .matrix-center { width: 8px; height: 8px; left: calc(50% - 4px); top: calc(50% - 4px); }
.ss-agent .matrix-n1 { left: 23%; top: 25%; }
.ss-agent .matrix-n2 { right: 24%; top: 22%; }
.ss-agent .matrix-n3 { left: 27%; bottom: 22%; }
.ss-agent .matrix-n4 { right: 24%; bottom: 25%; }
.ss-agent .matrix-link {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 58px;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(233,253,255,.7), rgba(122,226,255,.18), transparent);
}
.ss-agent .matrix-l1 { transform: rotate(211deg); }
.ss-agent .matrix-l2 { transform: rotate(329deg); }
.ss-agent .matrix-l3 { transform: rotate(147deg); }
.ss-agent .matrix-l4 { transform: rotate(31deg); }
.ss-agent.is-thinking .thinking-matrix {
  opacity: .45;
  transform: scale(1);
  animation: ss-matrix-breathe 2.2s ease-in-out infinite;
}
.ss-agent.is-thinking .matrix-node { animation: ss-matrix-node 1.35s ease-in-out infinite; }
.ss-agent.is-thinking .matrix-n2 { animation-delay: -.25s; }
.ss-agent.is-thinking .matrix-n3 { animation-delay: -.55s; }
.ss-agent.is-thinking .matrix-n4 { animation-delay: -.85s; }

/* ---------- статус ---------- */
.ss-agent .thinking-status {
  position: absolute;
  right: calc(100% - 18px);
  bottom: calc(100% - 12px);
  width: 314px;
  min-height: 72px;
  padding: 12px 18px 12px 14px;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 11px;
  border-radius: 25px;
  opacity: 0;
  transform: translate(34px, 18px) scale(.94);
  background:
    radial-gradient(circle at 16% 0%, rgba(174,198,255,.14), transparent 42%),
    radial-gradient(circle at 88% 88%, rgba(26,110,225,.13), transparent 48%),
    rgba(6,13,34,.90);
  border: 1px solid rgba(132,179,255,.18);
  box-shadow:
    inset 0 0 24px rgba(96,117,255,.055),
    0 13px 38px rgba(0,0,0,.24),
    0 0 28px rgba(71,174,255,.065);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  z-index: 55;
}
.ss-agent .thinking-status::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 22px;
  border: 1px solid rgba(179,205,255,.035);
  pointer-events: none;
}
.ss-agent.is-thinking .thinking-status {
  animation: ss-status-open .55s cubic-bezier(.16,1,.3,1) .12s forwards;
}
.ss-agent .thinking-status-icon {
  position: relative;
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(128,225,255,.13);
  background: rgba(81,151,255,.055);
  box-shadow: inset 0 0 14px rgba(102,218,255,.07), 0 0 16px rgba(83,194,255,.07);
}
.ss-agent .status-core {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 6px white, 0 0 13px rgba(116,231,255,.92), 0 0 24px rgba(94,109,255,.55);
}
.ss-agent .status-satellite {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background: #8beeff;
  box-shadow: 0 0 6px rgba(112,231,255,.9);
}
.ss-agent.is-thinking .status-satellite-a { animation: ss-sat-a 1.5s linear infinite; }
.ss-agent.is-thinking .status-satellite-b { animation: ss-sat-b 2.05s linear infinite reverse; }
.ss-agent.is-thinking .status-satellite-c { animation: ss-sat-c 2.7s linear infinite; }
.ss-agent .thinking-status-copy { min-width: 0; display: flex; flex-direction: column; }
.ss-agent .thinking-status-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.012em;
  color: rgba(251,253,255,.99);
  text-shadow: 0 0 10px rgba(127,216,255,.07);
  -webkit-font-smoothing: antialiased;
}
.ss-agent .thinking-dots { display: flex; align-items: center; gap: 4px; }
.ss-agent .thinking-dots i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(138,231,255,.84);
  box-shadow: 0 0 6px rgba(117,227,255,.48);
  animation: ss-dot 1.15s ease-in-out infinite;
}
.ss-agent .thinking-dots i:nth-child(2) { animation-delay: .16s; }
.ss-agent .thinking-dots i:nth-child(3) { animation-delay: .32s; }

/* ---------- реакція персонажа ---------- */
.ss-agent.is-thinking .orb { animation: ss-orb-breathe 2.7s ease-in-out infinite; }
.ss-agent.is-thinking .face-screen { animation: ss-screen-breathe 1.85s ease-in-out infinite; }
.ss-agent.is-thinking .agent-aura { animation: ss-aura 2.9s ease-in-out infinite; }
.ss-agent.is-thinking .screen-flare { animation: ss-screen-scan 2.8s ease-in-out infinite; }

/* ============================================================
   KEYFRAMES
============================================================ */

@keyframes ss-agent-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes ss-floor-shadow {
  0%,100% { transform: scaleX(1); opacity: .75; }
  50% { transform: scaleX(.84); opacity: .42; }
}
@keyframes ss-eye-blink {
  0%,43%,46%,76%,79%,100% { transform: translate(var(--eye-x), var(--eye-y)) scaleY(1); }
  44%,77% { transform: translate(var(--eye-x), var(--eye-y)) scaleY(.1); }
}
@keyframes ss-orb-particle {
  0%,100% { transform: translate(0,0) scale(.7); opacity: .07; }
  50% { transform: translate(7px,-20px) scale(1.3); opacity: .34; }
}
@keyframes ss-orbit-a { from { transform: rotate(-17deg); } to { transform: rotate(343deg); } }
@keyframes ss-orbit-b { from { transform: rotate(31deg); } to { transform: rotate(391deg); } }
@keyframes ss-orbit-c { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ss-node-pulse {
  0%,100% { transform: scale(.65); opacity: .45; }
  50% { transform: scale(1.35); opacity: 1; }
}
@keyframes ss-thought-cycle {
  0%   { opacity: .05; transform: translateY(8px) scale(.92); filter: blur(1px); }
  8%   { opacity: .95; transform: translateY(0) scale(1.035); filter: blur(0); }
  27%  { opacity: .82; transform: translateY(-2px) scale(1); }
  40%,100% { opacity: .12; transform: translateY(2px) scale(.96); filter: blur(.25px); }
}
@keyframes ss-thought-shimmer {
  0%,45% { left: -45%; opacity: 0; }
  58% { opacity: 1; }
  100% { left: 125%; opacity: 0; }
}
@keyframes ss-pulse-in {
  0%   { transform: translateX(0) scale(.55); opacity: 0; }
  18%  { opacity: 1; }
  78%  { opacity: .9; }
  100% { transform: translateX(-148px) scale(1.3); opacity: 0; }
}
@keyframes ss-matrix-breathe {
  0%,100% { opacity: .26; transform: scale(.96); }
  50% { opacity: .62; transform: scale(1.04); }
}
@keyframes ss-matrix-node {
  0%,100% { transform: scale(.65); opacity: .35; }
  50% { transform: scale(1.35); opacity: 1; }
}
@keyframes ss-status-open {
  0%   { opacity: 0; transform: translate(34px,18px) scale(.94); filter: blur(5px); }
  70%  { opacity: 1; transform: translate(-4px,-2px) scale(1.015); filter: blur(0); }
  100% { opacity: 1; transform: translate(0,0) scale(1); filter: blur(0); }
}
@keyframes ss-sat-a { from { transform: rotate(0deg) translateX(12px); } to { transform: rotate(360deg) translateX(12px); } }
@keyframes ss-sat-b { from { transform: rotate(0deg) translateX(16px); } to { transform: rotate(360deg) translateX(16px); } }
@keyframes ss-sat-c { from { transform: rotate(0deg) translateX(9px); }  to { transform: rotate(360deg) translateX(9px); } }
@keyframes ss-dot {
  0%,100% { transform: translateY(1px) scale(.65); opacity: .25; }
  50% { transform: translateY(-2px) scale(1.2); opacity: 1; }
}
@keyframes ss-orb-breathe {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.012); }
}
@keyframes ss-screen-breathe {
  0%,100% { transform: scale(.99); filter: brightness(.96); }
  50% { transform: scale(1.025); filter: brightness(1.12); }
}
@keyframes ss-aura {
  0%,100% { transform: scale(.96); opacity: .58; filter: blur(46px); }
  50% { transform: scale(1.13); opacity: .92; filter: blur(52px); }
}
@keyframes ss-screen-scan {
  0% { left: -70%; opacity: .18; }
  42% { opacity: .72; }
  72%,100% { left: 145%; opacity: .08; }
}

@media (prefers-reduced-motion: reduce) {
  .ss-agent, .ss-agent * { animation: none !important; }
  .ss-agent .thinking-status { opacity: 1; transform: none; }
  .ss-agent .thinking-orbit { opacity: .4; }
  .ss-agent .thought-card { opacity: .7; transform: none; }
}