.avatar.rendered{position:relative;width:390px;height:500px;filter:drop-shadow(0 22px 24px #673ab744);animation:breathe3d 6s ease-in-out infinite;perspective:900px}
.avatar.rendered img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:48% 48% 30% 30%;mix-blend-mode:multiply;mask-image:linear-gradient(#000 96%,transparent)}
.avatar-aura{position:absolute;inset:12% -4% 0;background:radial-gradient(ellipse,#dca6ff66,transparent 66%);filter:blur(20px);z-index:-1}
.face-mouth{position:absolute;z-index:4;left:47%;top:30%;width:27px;height:13px;border-bottom:3px solid #b94f78;border-radius:0 0 50% 50%;filter:drop-shadow(0 1px 1px #fff);transition:.15s}
.face-blush{position:absolute;z-index:3;top:29%;width:36px;height:13px;background:#ef8f9a55;border-radius:50%;filter:blur(3px)}.face-blush.left{left:34%}.face-blush.right{right:28%}
@keyframes breathe3d{0%,100%{transform:translateY(4px) rotateY(-2deg) rotateZ(-.5deg)}50%{transform:translateY(-10px) rotateY(3deg) rotateZ(.7deg)}}
.talking .face-mouth{animation:mouth3d .18s infinite alternate}.thinking{animation:think3d 1.8s ease-in-out infinite}.wave{animation:happy3d 1.2s ease-in-out 2}.recording{background:#ffd6e8!important;animation:pulse .8s infinite}
@keyframes mouth3d{to{height:21px;width:31px;border-radius:50%;background:#bd5179aa}}@keyframes think3d{50%{transform:translateY(-4px) rotateY(-7deg) rotateZ(-1deg)}}@keyframes happy3d{50%{transform:translateY(-14px) rotateY(7deg) rotateZ(2deg)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff75b555}}
@media(max-width:820px){.avatar.rendered{transform:scale(.75);margin:-45px 0}}