/* Shared articulated hand animation. Original illustration remains the rest pose. */
.toua-thinker{display:block;position:relative;aspect-ratio:1145/1374}
.toua-thinker svg{display:block;width:100%;height:100%;overflow:visible}
.large>.toua-thinker{height:315px;width:262.5px;max-width:90%}
.resident>.toua-thinker{width:100%;height:auto}
.toua-hand-composite{opacity:0}
.toua-tapping-hand{transform-box:view-box;transform-origin:38.1% 56.05%}
.is-thinking .toua-hand-composite,
.toua-idea-resident[data-state="shown"] .toua-hand-composite{animation:toua-hand-visible 4.8s linear infinite}
.is-thinking .toua-tapping-hand,
.toua-idea-resident[data-state="shown"] .toua-tapping-hand{animation:toua-finger-tap 4.8s ease-in-out infinite}
@keyframes toua-finger-tap{
0%,5%,21%,37%,100%{transform:rotate(0deg)}
13%{transform:rotate(-12deg)}
29%{transform:rotate(-10deg)}
}
@keyframes toua-hand-visible{
0%,3%,40%,100%{opacity:0}
4%,39%{opacity:1}
}
.motion-controls{display:flex;gap:7px;align-items:center}
.low-motion .toua-idea-resident .toua-hand-composite,
.low-motion .toua-idea-resident .toua-tapping-hand{animation:none}
@media(prefers-reduced-motion:reduce){
.is-thinking:not(.motion-requested) .toua-hand-composite,
.is-thinking:not(.motion-requested) .toua-tapping-hand,
.toua-idea-resident[data-state="shown"] .toua-hand-composite,
.toua-idea-resident[data-state="shown"] .toua-tapping-hand{animation:none}
}