.doran-live{aspect-ratio:1;background:var(--color-cream);transform-origin:50% 90%;width:100%;max-width:100%;transition:transform .3s var(--ease-out);border-radius:9999px;position:relative;overflow:hidden}.doran-live img{width:100%;height:100%;position:absolute;inset:0}.doran-live-mouth,.doran-live-eyes{opacity:0}@media (prefers-reduced-motion:no-preference){.doran-live-eyes{animation:5.2s step-end infinite doran-blink}.doran-live[data-mood=talk] .doran-live-mouth{animation:1.3s step-end infinite doran-mouth}.doran-live[data-mood=talk]{animation:doran-bob .9s var(--ease-in-out) infinite alternate}.doran-live[data-mood=listen]{animation:doran-breathe 3.6s var(--ease-in-out) infinite alternate}.doran-live[data-mood=think]{animation:doran-sway 2.4s var(--ease-in-out) infinite alternate}}@keyframes doran-blink{0%,94%{opacity:0}95%{opacity:1}98%{opacity:0}}@keyframes doran-mouth{0%{opacity:0}10%{opacity:1}24%{opacity:0}32%{opacity:1}48%{opacity:0}56%{opacity:1}74%{opacity:0}84%{opacity:1}94%{opacity:0}}@keyframes doran-bob{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(-1deg)}}@keyframes doran-breathe{0%{transform:scale(1)rotate(0)}to{transform:scale(1.02)rotate(1.5deg)}}@keyframes doran-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
