/* Single transparent 256 px portrait. Animate the inner art, never the drag-position transform. */
html:root body [data-chat-pet].docta-companion-pet[data-assistant-pet-version="observer-v1"] {
  width:min(var(--chat-pet-size,72px),96px);
  height:calc(min(var(--chat-pet-size,72px),96px) * 1.09 + 26px);
  padding:0;
  border:0;
  background:transparent;
  isolation:isolate;
}
html:root body [data-chat-pet][data-assistant-pet-version="observer-v1"] > :is(svg,.atlas-pet-art) { display:none!important; }
html:root body [data-chat-pet] > .atlas-observer-art {
  display:block;
  flex:0 0 auto;
  width:100%;
  height:calc(min(var(--chat-pet-size,72px),96px) * 1.09);
  background-position:50% 100%;
  background-size:contain;
  background-repeat:no-repeat;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  transform-origin:50% 93%;
  animation:atlas-observer-rest 16s ease-in-out infinite;
}
@keyframes atlas-observer-rest {
  0%,86%,100% { transform:translateY(0) scale(1); opacity:1; }
  91% { transform:translateY(-1px) scale(1.008,1.014); opacity:1; }
  96% { transform:translateY(0) scale(1); opacity:1; }
}
html[data-assistant-state="thinking"] [data-chat-pet] > .atlas-observer-art,
html[data-assistant-state="working"] [data-chat-pet] > .atlas-observer-art,
html[data-assistant-state="busy"] [data-chat-pet] > .atlas-observer-art,
html:root body [data-chat-pet]:is([data-assistant-state="thinking"],[data-assistant-state="working"],[data-assistant-state="busy"]) > .atlas-observer-art {
  animation:atlas-observer-work 3.6s ease-in-out infinite;
}
@keyframes atlas-observer-work {
  0%,100% { transform:translateY(0) rotate(-1deg); opacity:1; }
  50% { transform:translateY(-1px) rotate(1deg); opacity:.96; }
}
html[data-assistant-state="listening"] [data-chat-pet] > .atlas-observer-art,
html:root body [data-chat-pet][data-assistant-state="listening"] > .atlas-observer-art {
  animation:atlas-observer-listen 2.4s ease-in-out infinite;
}
@keyframes atlas-observer-listen {
  0%,100% { transform:rotate(0); opacity:1; }
  50% { transform:rotate(2deg); opacity:.94; }
}
html[data-assistant-state="done"] [data-chat-pet] > .atlas-observer-art,
html:root body [data-chat-pet][data-assistant-state="done"] > .atlas-observer-art {
  animation:atlas-observer-done 480ms ease-out 1;
}
@keyframes atlas-observer-done {
  0%,100% { transform:translateY(0) scale(1); opacity:1; }
  45% { transform:translateY(-3px) scale(1.015); opacity:1; }
}
html:root body [data-chat-pet][data-chat-dragging] > .atlas-observer-art,
html:root[data-assistant-motion-paused] body [data-chat-pet] > .atlas-observer-art { animation-play-state:paused!important; }
html[data-assistant-state="stopped"] [data-chat-pet] > .atlas-observer-art,
html[data-assistant-state="error"] [data-chat-pet] > .atlas-observer-art,
html:root body [data-chat-pet]:is([data-assistant-state="stopped"],[data-assistant-state="error"]) > .atlas-observer-art { animation:none; }
@media (prefers-reduced-motion:reduce) {
  html:root body [data-chat-pet] > .atlas-observer-art { animation:none!important; transform:none!important; }
}
@media (hover:hover) and (pointer:fine) {
  html:root body .chat-pet-tools { opacity:0; pointer-events:none; }
  html:root body:has([data-chat-pet]:hover) .chat-pet-tools,
  html:root body:has([data-chat-pet]:focus-visible) .chat-pet-tools,
  html:root body .chat-pet-tools:hover,
  html:root body .chat-pet-tools:focus-within { opacity:1; pointer-events:auto; }
}