/* Bunn 3B.1 Mood Lens v7 — discoverability micro-motion only.
   No Mood selection, audio or canonical state is owned here.
*/
body.bunn-v1012-mood #v1012MoodScene.v1025-mood-lens.v1026-mood-lens-teach{
  --v1026-guide:#f4efff;
}

/* Disable the older v6 teaching motion. V7 owns only the visual affordance demo. */
body.bunn-v1012-mood #v1012MoodScene.v1025-mood-lens.v1026-mood-lens-teach.is-v1025-teaching .v1025-lens-ring,
body.bunn-v1012-mood #v1012MoodScene.v1025-mood-lens.v1026-mood-lens-teach.is-v1025-teaching .v1012-orb{
  animation-name:none!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1012-orb-wrap{
  margin-left:0;
  margin-top:0;
  will-change:margin-left,margin-top;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-trail{
  position:absolute;
  left:50%;
  top:34.5%;
  width:274px;
  height:274px;
  transform:translate(-50%,-50%);
  z-index:25;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:conic-gradient(
    from -122deg,
    transparent 0 10%,
    rgba(255,255,255,.02) 13%,
    rgba(203,181,255,.34) 18%,
    rgba(255,255,255,.78) 22%,
    rgba(164,126,255,.28) 27%,
    transparent 34% 100%
  );
  -webkit-mask:radial-gradient(circle,transparent 0 48.2%,#000 49% 50.2%,transparent 51%);
          mask:radial-gradient(circle,transparent 0 48.2%,#000 49% 50.2%,transparent 51%);
  filter:drop-shadow(0 0 12px rgba(165,124,255,.28));
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-dot{
  position:absolute;
  left:50%;
  top:34.5%;
  width:10px;
  height:10px;
  margin:-5px 0 0 -5px;
  z-index:47;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:rgba(255,255,255,.98);
  box-shadow:
    0 0 0 5px rgba(255,255,255,.055),
    0 0 18px rgba(196,165,255,.92),
    0 0 38px rgba(122,102,255,.55);
  transform:rotate(-90deg) translateX(137px);
  transform-origin:center;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1012-orb-wrap{
  animation:v1026OrbTeachGuide 1.72s cubic-bezier(.22,.78,.2,1) 1 both!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1012-orb{
  filter:brightness(1.065) saturate(1.06);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07),
    0 0 68px rgba(149,111,255,.48),
    0 0 156px rgba(111,74,255,.30),
    0 38px 96px rgba(0,0,0,.50)!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1025-lens-ring{
  animation:v1026RingTeachGuide 1.72s cubic-bezier(.22,.78,.2,1) 1 both!important;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1026-teach-trail{
  animation:v1026TrailGuide 1.72s ease-out 1 both;
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1026-teach-dot{
  animation:v1026DotGuide 1.72s cubic-bezier(.22,.78,.2,1) 1 both;
}

/* A restrained lift in the existing instruction line while the motion teaches itself. */
body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching #v1012MoodHint{
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 0 18px rgba(167,128,255,.22);
}

body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-closing .v1026-teach-trail,
body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-closing .v1026-teach-dot{
  opacity:0!important;
  animation:none!important;
}

@keyframes v1026OrbTeachGuide{
  0%,100%{margin-left:0;margin-top:0}
  20%{margin-left:8px;margin-top:-5px}
  43%{margin-left:18px;margin-top:-8px}
  61%{margin-left:10px;margin-top:-2px}
  79%{margin-left:-9px;margin-top:6px}
}

@keyframes v1026RingTeachGuide{
  0%,100%{transform:translate(-50%,-50%) rotate(0deg);opacity:.76}
  40%{transform:translate(-50%,-50%) rotate(23deg);opacity:1;filter:drop-shadow(0 0 18px rgba(155,116,255,.34))}
  78%{transform:translate(-50%,-50%) rotate(-12deg);opacity:.9}
}

@keyframes v1026TrailGuide{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.985)}
  16%{opacity:.25}
  42%{opacity:.92;transform:translate(-50%,-50%) rotate(18deg) scale(1.01)}
  72%{opacity:.58;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.99)}
}

@keyframes v1026DotGuide{
  0%{opacity:0;transform:rotate(-88deg) translateX(137px) scale(.82)}
  14%{opacity:.55}
  40%{opacity:1;transform:rotate(-55deg) translateX(137px) scale(1.12)}
  72%{opacity:.9;transform:rotate(-108deg) translateX(137px) scale(.98)}
  100%{opacity:0;transform:rotate(-90deg) translateX(137px) scale(.82)}
}

@media(max-width:390px){
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-trail{
    width:252px;
    height:252px;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-dot{
    transform:rotate(-90deg) translateX(126px);
  }
  @keyframes v1026DotGuide{
    0%{opacity:0;transform:rotate(-88deg) translateX(126px) scale(.82)}
    14%{opacity:.55}
    40%{opacity:1;transform:rotate(-55deg) translateX(126px) scale(1.12)}
    72%{opacity:.9;transform:rotate(-108deg) translateX(126px) scale(.98)}
    100%{opacity:0;transform:rotate(-90deg) translateX(126px) scale(.82)}
  }
}

@media(max-height:740px){
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-trail,
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach .v1026-teach-dot{
    top:32.5%;
  }
}

@media(prefers-reduced-motion:reduce){
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1012-orb-wrap{
    animation:none!important;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1025-lens-ring{
    animation:v1026ReducedGuide .8s ease-out 1 both!important;
  }
  body.bunn-v1012-mood #v1012MoodScene.v1026-mood-lens-teach.is-v1026-teaching .v1026-teach-dot{
    animation:none!important;
    opacity:.8;
  }
}

@keyframes v1026ReducedGuide{
  0%,100%{opacity:.76}
  50%{opacity:1;filter:drop-shadow(0 0 22px rgba(155,116,255,.42))}
}