.rin-puppet{position:relative;width:100%;aspect-ratio:1.1;isolation:isolate}.rin-flight,.rin-breath{position:absolute;inset:0;transform-origin:50% 60%}.rin-breath{animation:rin-bob 5.5s ease-in-out infinite}.rin-body,.rin-thought{position:absolute;inset:12% 0 auto;width:100%;pointer-events:none}.rin-thought{opacity:0;transition:opacity .6s ease}.rin-is-thinking .rin-thought{opacity:1}.rin-hand{position:absolute;width:23%;height:auto;pointer-events:none;transform-origin:50% 82%}.rin-left{left:25%;top:58%;transform:rotate(-30deg)}.rin-right{left:52%;top:58%;transform:rotate(30deg)}.rin-ring{position:absolute;width:39%;height:19%;top:7%;left:33%;overflow:visible;transform:rotate(-10deg);filter:drop-shadow(0 3px 3px #b78b4530)}.rin-fill{transition:stroke-dashoffset .8s ease}.rin-paused .rin-breath{animation-play-state:paused}@keyframes rin-bob{0%,100%{transform:translateY(1%) rotate(-.6deg)}50%{transform:translateY(-1.5%) rotate(.6deg)}}@media(prefers-reduced-motion:reduce){.rin-breath{animation:none}.rin-fill,.rin-thought{transition:none}}

.rin-hand img{display:block;width:100%;height:auto}.rin-right img{transform:scaleX(-1)}

.rin-hand{perspective:600px}.rin-hand img{transform-origin:50% 82%}.rin-body{transition:opacity .6s ease}.rin-is-thinking .rin-body{opacity:0}

.rin-joy{position:absolute;inset:12% 0 auto;width:100%;opacity:0;transition:opacity .25s ease;pointer-events:none}.rin-is-happy .rin-joy{opacity:1}.rin-is-happy .rin-body{opacity:0}

.rin-left img{transition:opacity .3s ease}.rin-left .rin-index{position:absolute;inset:0;opacity:0;transform:rotate(-25deg)}.rin-is-thinking .rin-left>img:first-child{opacity:0}.rin-is-thinking .rin-left .rin-index{opacity:1}

.rin-encourage,.rin-goodbye{position:absolute;inset:12% 0 auto;width:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}
[data-mood="thinking"] .rin-thought,[data-mood="celebrating"] .rin-joy,[data-mood="encouraging"] .rin-encourage,[data-mood="goodbye"] .rin-goodbye{opacity:1}
[data-mood="thinking"] .rin-body,[data-mood="celebrating"] .rin-body,[data-mood="encouraging"] .rin-body,[data-mood="goodbye"] .rin-body{opacity:0}
@media(prefers-reduced-motion:reduce){.rin-puppet *{transition:none!important}}

/* Listening uses the approved clasped-hands expression as one aligned layer. */
.rin-listen-face{position:absolute;inset:12% 0 auto;width:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}
[data-mood="listening"] .rin-listen-face{opacity:1}
[data-mood="listening"] .rin-body,[data-mood="listening"] .rin-hand{opacity:0}