/* Anoms live logo – container stays square; image + LED canvas + CSS breathing glow (follows --hue when set) */
.live-logo{position:relative;display:block;aspect-ratio:1;isolation:isolate;border-radius:22%;overflow:hidden;background:#02060a;
  box-shadow:0 0 0 1px hsl(var(--hue,157) 100% 50% / .5),0 0 26px hsl(var(--hue,157) 100% 50% / .42),0 0 56px hsl(calc(var(--hue,157) + 42) 100% 50% / .28),0 0 88px hsl(var(--hue,157) 100% 50% / .16)}
.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:6%;right:6%;top:-2%;height:58%;z-index:2;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,hsl(calc(var(--hue,157) + 30) 100% 50% / .32),hsl(var(--hue,157) 100% 50% / .1) 55%,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;filter:none}
@keyframes liveBreath{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.live-logo::after{animation:none;opacity:.7}}