.cinder-mascot .flame-body,.cinder-mascot .glow,.cinder-mascot .eye,.cinder-mascot .spark,.cinder-mascot .pupil-grp,.cinder-mascot .eyes-normal{transform-box:fill-box}.cinder-mascot .flame-body{transform-origin:50% 100%;animation:2.8s ease-in-out infinite breathe}.cinder-mascot .glow{transform-origin:50%;animation:2.8s ease-in-out infinite glowPulse}.cinder-mascot .eye{transform-origin:50% 55%;animation:5.6s infinite blink}.cinder-mascot .body-morph{animation:2.8s ease-in-out infinite bodyFlow}.cinder-mascot .sheen{animation:2.8s ease-in-out infinite sheenFlow}@keyframes bodyFlow{0%,to{d:path("M119.0 13.0C122.2 44.7 148.6 63.8 164.5 90.2C179.3 114.5 182.5 142.0 169.8 168.5C156.0 198.1 127.5 216.1 97.9 215.0C68.3 213.9 41.8 194.9 30.2 165.3C19.6 137.8 24.9 110.3 40.8 87.0C50.3 73.3 61.9 61.7 69.3 46.8C72.5 57.4 71.4 69.1 67.2 80.7C86.2 66.9 106.3 42.6 119.0 13.0Z")}38%{d:path("M125.3 13.0C127.0 44.7 152.8 63.8 168.1 90.2C182.2 114.5 184.5 142.0 170.8 168.5C156.2 198.1 127.5 216.1 97.9 215.0C68.3 213.9 42.1 194.9 31.3 165.3C21.7 137.8 27.9 110.3 44.4 87.0C54.3 73.3 66.2 61.7 74.0 46.8C76.9 57.4 75.5 69.1 71.0 80.7C90.3 66.9 111.1 42.6 125.3 13.0Z")}72%{d:path("M112.0 13.0C116.6 44.7 143.6 63.8 160.2 90.2C175.8 114.5 180.2 142.0 168.7 168.5C155.8 198.1 127.5 216.1 97.9 215.0C68.3 213.9 41.5 194.9 28.9 165.3C17.1 137.8 21.3 110.3 36.4 87.0C45.5 73.3 56.8 61.7 63.8 46.8C67.3 57.4 66.5 69.1 62.6 80.7C81.3 66.9 100.7 42.6 112.0 13.0Z")}}@keyframes sheenFlow{0%,to{d:path("M52.4 99.7C45.0 118.8 43.9 139.9 51.4 160.0")}38%{d:path("M55.7 99.7C47.8 118.8 45.9 139.9 52.7 160.0")}72%{d:path("M48.4 99.7C41.7 118.8 41.5 139.9 49.9 160.0")}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(.99,1.018)}}@keyframes glowPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes blink{0%,91.5%,95%,to{transform:scaleY(1)}93.2%{transform:scaleY(.08)}}.cinder-mascot{line-height:0;display:inline-block}.cinder-mascot svg{width:100%;height:auto;transition:filter .5s;overflow:visible}.cinder-mascot .pupil-grp{transition:transform .3s}.cinder-mascot .eyes-normal{transition:transform .4s,opacity .15s}.cinder-mascot .eyes-happy{transition:opacity .15s}.cinder-mascot .mouth{transition:opacity .2s}.cinder-mascot[data-state=thinking] :is(.body-morph,.iline,.flame-body){animation-duration:1.1s}.cinder-mascot[data-state=thinking] .glow{animation:1.1s ease-in-out infinite cinderGlowThink}.cinder-mascot[data-state=thinking] .pupil-grp{transform:translate(1.5px,-3px)}.cinder-mascot[data-state=thinking] .spark{animation:1.4s linear infinite cinderRise}.cinder-mascot[data-state=thinking] .spark.s2{animation-duration:1.65s;animation-delay:.45s}.cinder-mascot[data-state=thinking] .spark.s3{animation-duration:1.25s;animation-delay:.8s}.cinder-mascot[data-state=thinking] .spark.s4{animation-duration:1.5s;animation-delay:.2s}.cinder-mascot[data-state=thinking] .spark.s5{animation-duration:1.35s;animation-delay:.6s}.cinder-mascot[data-state=thinking] .spark.s6{animation-duration:1.7s;animation-delay:.1s}.cinder-mascot[data-state=thinking] .spark.s7{animation-duration:1.45s;animation-delay:.9s}.cinder-mascot[data-state=thinking] .spark.s8{animation-duration:1.55s;animation-delay:.3s}@keyframes cinderGlowThink{0%,to{opacity:.95;transform:scale(1.08)}50%{opacity:1;transform:scale(1.16)}}@keyframes cinderRise{0%{opacity:0;transform:translateY(4px)scale(.6)}18%{opacity:1}to{opacity:0;transform:translateY(-34px)scale(1.05)}}.cinder-mascot[data-state=happy] .flame-body{animation:2.8s ease-in-out infinite breathe,.9s cubic-bezier(.36,1.4,.5,1) cinderHop}.cinder-mascot[data-state=happy] .glow{animation:1s ease-out cinderFlash}.cinder-mascot[data-state=happy] .eyes-normal{opacity:0}.cinder-mascot[data-state=happy] .eyes-happy{opacity:1}.cinder-mascot[data-state=happy] .spark{animation:.85s ease-out forwards cinderBurst}.cinder-mascot[data-state=happy] .spark.s2{animation-delay:60ms}.cinder-mascot[data-state=happy] .spark.s3{animation-delay:.12s}.cinder-mascot[data-state=happy] .spark.s4{animation-delay:90ms}.cinder-mascot[data-state=happy] .spark.s5{animation-delay:40ms}.cinder-mascot[data-state=happy] .spark.s6{animation-delay:.1s}.cinder-mascot[data-state=happy] .spark.s7{animation-delay:.14s}.cinder-mascot[data-state=happy] .spark.s8{animation-delay:70ms}@keyframes cinderHop{0%{transform:scale(1)}22%{transform:scale(1.08,.9)}55%{transform:scale(.95,1.09)}78%{transform:scale(1.02,.985)}to{transform:scale(1)}}@keyframes cinderFlash{0%{opacity:.8;transform:scale(1)}35%{opacity:1;transform:scale(1.22)}to{opacity:.8;transform:scale(1)}}@keyframes cinderBurst{0%{opacity:.5;transform:translateY(2px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-44px)scale(1.2)}}.cinder-mascot[data-state=warn] svg{filter:saturate(.65)brightness(.9)}.cinder-mascot[data-state=warn] :is(.body-morph,.iline,.flame-body){animation-duration:5.6s}.cinder-mascot[data-state=warn] .glow{opacity:.3;animation:none;transform:scale(.92)}.cinder-mascot[data-state=warn] .eyes-normal{transform:translateY(2px)}.cinder-mascot[data-state=warn] .mouth-smile{opacity:0}.cinder-mascot[data-state=warn] .mouth-warn{opacity:1}.cinder-mascot[data-state=streaming] svg{animation:1.4s ease-in-out infinite cinderBob}@keyframes cinderBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.cinder-mascot[data-state=static] *{animation:none!important}@media (prefers-reduced-motion:reduce){.cinder-mascot svg,.cinder-mascot svg *{transition:none!important;animation:none!important}}.cinder-avatar{width:var(--cinder-avatar-size,56px);height:var(--cinder-avatar-size,56px);flex:none;place-items:center;display:inline-grid;overflow:visible}.cinder-avatar .cinder-mascot{height:calc(var(--cinder-avatar-size,56px) * 1.2);pointer-events:none}.cinder-avatar .cinder-mascot svg{width:auto;height:100%}