/* Flight is driven by requestAnimationFrame, never left/top transition hopping. */
.flying-bee{transition:none!important;gap:9px;will-change:left,top;opacity:0;transform:translate(-38px,-50%)}
.flight-active .flying-bee,.streaming .flying-bee,.preview-motion .flying-bee{opacity:1}
.bee-sprite{position:relative;display:block;width:76px;height:76px;flex:none;filter:drop-shadow(0 1px 2px #000b);will-change:transform}
.bee-sprite img{position:absolute;inset:0;width:100%;height:100%;filter:url(#bee-ink)}
.bee-body{clip-path:polygon(0 55%,43% 48%,59% 51%,59% 39%,67% 32%,90% 28%,90% 85%,0 85%)}
.bee-wing{transform-origin:58% 50%;animation:wingbeat .09s ease-in-out infinite alternate}
.bee-wing-front{clip-path:polygon(29% 19%,59% 19%,59% 51%,41% 44%,29% 36%)}
.bee-wing-back{clip-path:polygon(19% 36%,43% 36%,50% 47%,31% 53%,19% 47%);animation-delay:-.045s}
@keyframes wingbeat{from{transform:rotate(-11deg) scaleY(.62)}to{transform:rotate(13deg) scaleY(1.05)}}
.resting .bee-wing,.paused .bee-wing{animation-play-state:paused}
.flying-bee>span{border:1px solid #f6c84490;background:#10150ee8;box-shadow:0 3px 15px #0008}
#flight-trail{fill:none;stroke:#f6c844b0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #f6c84450)}
.region.active{fill:#f6c8440d;stroke:#f6c844ba;stroke-width:1.4}
.capture-badge{max-width:80%;white-space:normal}
.capture-badge[data-live="true"]{border-color:#b4d68c;color:#def7b8}
.browser-stage:not(.streaming) #page-capture{filter:brightness(.5)}
@media(max-width:600px){.bee-sprite{width:48px;height:48px}.flying-bee{gap:4px;transform:translate(-24px,-50%)}}
/* Text-following hover stays automatic; other UI keeps its motion preference. */
@media(prefers-reduced-motion:reduce){.flight-active #flight-trail{display:block}.flight-active .bee-wing{animation:wingbeat .09s ease-in-out infinite alternate!important}.flight-active .bee-wing-back{animation-delay:-.045s!important}}