/* Anoms live logo – container stays square; image + LED canvas + CSS breathing glow (opacity/transform only) */
.live-logo{position:relative;display:block;aspect-ratio:1;isolation:isolate;border-radius:22%;overflow:hidden;background:#02060a;
  box-shadow:0 0 0 1px rgba(0,255,156,.45),0 0 22px rgba(0,255,156,.32),0 0 46px rgba(0,179,255,.22)}
.live-logo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.live-logo>.live-logo-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.live-logo::after{content:"";position:absolute;left:12%;right:12%;top:2%;height:46%;z-index:2;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,229,255,.22),rgba(0,255,156,.08) 60%,transparent);animation:liveBreath 3.4s ease-in-out infinite;will-change:opacity,transform}
.live-logo[data-mode="think"]::after{animation-duration:1.6s}
.live-logo[data-mode="stream"]::after{animation-duration:.9s}
.live-logo.bare{border-radius:0;box-shadow:none;background:transparent}
@keyframes liveBreath{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.live-logo::after{animation:none;opacity:.7}}