/* Canonical Orbeüss visual identity for the Classic interface. */
.avatar{
  position:relative!important;
  border-radius:50%!important;
  color:transparent!important;
  background:
    radial-gradient(circle at 38% 34%,rgba(229,240,255,.42),transparent 24%),
    radial-gradient(circle at 51% 54%,rgba(130,184,255,.40),rgba(36,62,104,.20) 48%,rgba(10,14,22,.96) 74%)!important;
  border:1px solid rgba(185,213,255,.42)!important;
  box-shadow:inset 0 0 18px rgba(125,174,245,.22),0 0 18px rgba(101,160,246,.16)!important;
  overflow:visible!important;
  isolation:isolate;
}
.avatar>span,.avatar>img{display:none!important}
.avatar:before,.avatar:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none
}
.avatar:before{
  inset:19%;
  background:radial-gradient(circle,rgba(248,252,255,.98) 0 7%,rgba(166,209,255,.82) 22%,rgba(113,143,235,.20) 52%,transparent 72%);
  box-shadow:0 0 13px rgba(142,193,255,.58);
  animation:classicOrbBreath 3.8s ease-in-out infinite
}
.avatar:after{
  inset:9%;border:1px solid rgba(205,224,255,.20);
  background:conic-gradient(from 20deg,transparent,rgba(181,206,255,.12),transparent 32%,rgba(181,163,255,.12),transparent 68%);
  animation:classicOrbRotate 16s linear infinite
}
.avatar.large:before{box-shadow:0 0 28px rgba(142,193,255,.62)}
.assistant-label .avatar:before,.thinking .avatar:before{box-shadow:0 0 9px rgba(142,193,255,.55)}
@keyframes classicOrbBreath{0%,100%{transform:scale(.90);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes classicOrbRotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.avatar:before,.avatar:after{animation:none!important}}