.blue-scene{position:relative;isolation:isolate;overflow:visible}
.blue-scene .blue-backdrop{display:block;width:100%;height:auto;border-radius:12px}
.blue-character-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.blue-character{transform-origin:31% 60%;transition:transform .3s ease}
.blue-eye{transform-box:fill-box;transform-origin:center;animation:blue-blink 7s infinite}
.blue-eye-right{animation-delay:.025s}
.blue-mouth{display:none}
[data-reaction="neutral"] .blue-smile,[data-reaction="yes"] .blue-grin,[data-reaction="no"] .blue-frown,[data-reaction="maybe"] .blue-thinking{display:block}
.blue-brow,.blue-pupil{transition:transform .3s ease;transform-box:fill-box;transform-origin:center}
[data-reaction="no"] .blue-brow-left{transform:rotate(-16deg)}
[data-reaction="no"] .blue-brow-right{transform:rotate(16deg)}
[data-reaction="maybe"] .blue-brow-right{transform:translateY(-18px) rotate(-12deg)}
[data-reaction="maybe"] .blue-pupil{transform:translate(-9px,-9px)}
.blue-thought{display:none;position:absolute;left:34%;top:3%;background:#fff;color:#302b39;padding:6px 12px;border:2px solid #302b39;border-radius:50% 50% 50% 5%;font:15px/1.3 Georgia,serif;box-shadow:2px 3px 0 #79b4ef}
.blue-thought b{font-size:24px;display:block;text-align:center}
[data-reaction="maybe"] .blue-thought{display:block}
.blue-scene.is-thinking .blue-character{animation:blue-consider 1.5s ease-in-out}
.blue-scene.is-thinking .blue-thought{animation:blue-thought-pop .5s ease-out}
.blue-scene.is-sighing .blue-character{animation:blue-sigh .8s ease-in-out}
.blue-scene.is-celebrating .blue-character{animation:blue-happy-wiggle 1.8s ease-in-out}
.blue-celebration{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}
.blue-confetti{position:absolute;top:0;width:8px;height:13px;opacity:0;pointer-events:none}
@keyframes blue-happy-wiggle{0%,100%{transform:translateY(0) rotate(0)}20%,60%{transform:translateY(-14px) rotate(-2deg)}40%,80%{transform:translateY(-7px) rotate(2deg)}}
@keyframes blue-blink{0%,41%,45%,100%{transform:scaleY(1)}43%{transform:scaleY(.045)}}
@keyframes blue-consider{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}70%{transform:rotate(6deg)}}
@keyframes blue-sigh{0%,100%{transform:translateY(0)}45%{transform:translateY(10px) scaleY(.98)}}
@keyframes blue-thought-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.blue-scene *{animation:none!important;transition:none!important}.blue-celebration{display:none!important}}