.layer-neon-z {
  position:absolute;
  z-index: 8;
  width: 46%; height: 46%;
  filter: drop-shadow(0 0 9px var(--c1)) drop-shadow(0 0 28px color-mix(in oklab, var(--c1) 75%, transparent));
  animation: zNeonPulse var(--z-cycle) ease-in-out infinite;
  perspective: 900px;
  transform-style: preserve-3d;
}
.z-neon-rotor-y {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  backface-visibility: visible;
  animation: zNeonContinuousFlipY 2600ms linear infinite;
  will-change: transform, opacity, filter;
}
.layer-neon-z svg { width:100%; height:100%; display:block; overflow: visible; transform: translateZ(0); }
.layer-neon-z path { stroke-linecap: square; stroke-linejoin: miter; }
@keyframes zNeonPulse {
  0%,100% { opacity:.62; transform:scale(.96) rotate(-.6deg); filter: drop-shadow(0 0 6px var(--c1)) drop-shadow(0 0 16px color-mix(in oklab, var(--c1) 55%, transparent)); }
  36% { opacity:1; transform:scale(1.05) rotate(.6deg); filter: drop-shadow(0 0 13px var(--c1)) drop-shadow(0 0 44px color-mix(in oklab, var(--c1) 80%, transparent)); }
  62% { opacity:.9; transform:scale(1.0); }
}
@keyframes zNeonIdleY {
  0% { transform: rotateY(0deg) scale(1); }
  100% { transform: rotateY(360deg) scale(1); }
}
@keyframes zNeonContinuousFlipY {
  0% { transform: rotateY(0deg) scale(1); }
  24% { transform: rotateY(88deg) scale(1.015); }
  50% { transform: rotateY(180deg) scale(1.03); }
  76% { transform: rotateY(272deg) scale(1.015); }
  100% { transform: rotateY(360deg) scale(1); }
}
@keyframes zNeonBootSpinY {
  0% { transform: rotateY(0deg) scale(1); opacity: 1; filter: blur(0); }
  24% { transform: rotateY(88deg) scale(1.015); opacity: 1; filter: blur(0); }
  50% { transform: rotateY(180deg) scale(1.03); opacity: 1; filter: blur(0); }
  76% { transform: rotateY(272deg) scale(1.015); opacity: 1; filter: blur(0); }
  100% { transform: rotateY(360deg) scale(1); opacity: 1; filter: blur(0); }
}
@keyframes zNeonThinkingY {
  0% { transform: rotateY(0deg) scale(1); }
  24% { transform: rotateY(88deg) scale(1.03); }
  50% { transform: rotateY(180deg) scale(1.055); }
  76% { transform: rotateY(272deg) scale(1.03); }
  100% { transform: rotateY(360deg) scale(1); }
}
@keyframes zNeonSpeakingY {
  0% { transform: rotateY(0deg) scale(calc(1 + (var(--z-audio-level, 0) * .08))); }
  24% { transform: rotateY(88deg) scale(calc(1.01 + (var(--z-audio-level, 0) * .1))); }
  50% { transform: rotateY(180deg) scale(calc(1.025 + (var(--z-audio-level, 0) * .12))); }
  76% { transform: rotateY(272deg) scale(calc(1.01 + (var(--z-audio-level, 0) * .1))); }
  100% { transform: rotateY(360deg) scale(calc(1 + (var(--z-audio-level, 0) * .08))); }
}