.aki-character{--aki-signal:var(--ak-lime);--aki-contact-color:#141a1c52;--aki-contact-width:17%;--aki-contact-height:1.8%;--aki-contact-left:19.4%;--aki-contact-right:80%;--aki-contact-ground:99.4%;--aki-blink-duration:4.2s;--aki-expression-duration:.82s;--aki-greeting-duration:1.4s;--aki-head-angle:-2deg;--aki-expression-ease:cubic-bezier(.16, 1, .3, 1);--aki-head-turn-duration:.6s;--aki-body-turn-duration:.7s;--aki-turn-depth:800px;aspect-ratio:952/1166;pointer-events:none;isolation:isolate;width:100%;display:block;position:relative}.aki-character-body-turn{aspect-ratio:952/735;isolation:isolate;width:100%;position:absolute;top:36.964%;left:0}.aki-character-body{transform-origin:50% 0;width:100%;position:absolute;inset:0}.aki-character[data-failed=true]{visibility:hidden}.aki-character img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.aki-character-head{aspect-ratio:732/431;transform-origin:50% 100%;width:76.891%;transform:rotate(var(--aki-head-angle));position:absolute;top:0;left:11.345%}.aki-character-head picture{display:block}.aki-character-head-front,.aki-character-head-side{transform-origin:50% 100%;position:absolute;inset:0}.aki-character-head-side,.aki-character-body-side{opacity:0}.aki-character-head-front,.aki-character-body-front{z-index:2}.aki-character-head-side,.aki-character-body-side{z-index:1}.aki-character[data-entrance-phase=head-turn] .aki-character-face-side{visibility:hidden}.aki-character[data-entrance-phase=rolling] .aki-character-head-front,.aki-character:is([data-entrance-phase=rolling],[data-entrance-phase=head-turn],[data-entrance-phase=hello]) .aki-character-body-front{opacity:0;transform:perspective(var(--aki-turn-depth)) rotateY(-32deg)}.aki-character[data-entrance-phase=rolling] .aki-character-head-side,.aki-character:is([data-entrance-phase=rolling],[data-entrance-phase=head-turn],[data-entrance-phase=hello]) .aki-character-body-side{opacity:1;transform:none}.aki-character[data-entrance-phase]:not([data-entrance-phase=rolling]) .aki-character-head-side,.aki-character:is([data-entrance-phase=body-turn],[data-entrance-phase=introduction],[data-entrance-phase=question]) .aki-character-body-side{transform:perspective(var(--aki-turn-depth)) rotateY(32deg)}.aki-character:is([data-entrance-phase=rolling],[data-entrance-phase=head-turn],[data-entrance-phase=hello]){--aki-contact-left:34%;--aki-contact-right:69%;--aki-contact-right-ground:96.3%}.aki-character-face{width:100%;height:100%;color:var(--aki-signal);position:absolute;inset:0;overflow:visible}.aki-character-eye{fill:currentColor;transform-box:fill-box;transform-origin:50%}.aki-character-smile{stroke:currentColor;stroke-width:12px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.aki-character-gaze{transition:transform .26s var(--aki-expression-ease)}.aki-character[data-pose=guiding] .aki-character-gaze{transform:translate(20px)}.aki-character[data-pose=guiding]{--aki-head-angle:3deg}.aki-character-contact{position:absolute;inset:0}.aki-character-contact:before,.aki-character-contact:after{content:"";top:var(--aki-contact-ground);width:var(--aki-contact-width);height:var(--aki-contact-height);background:radial-gradient(ellipse, var(--aki-contact-color) 0%, #141a1c20 42%, transparent 72%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.aki-character-contact:before{left:var(--aki-contact-left)}.aki-character-contact:after{left:var(--aki-contact-right);top:var(--aki-contact-right-ground,var(--aki-contact-ground))}.aki-character[data-variant=portrait]{aspect-ratio:732/431}.aki-character[data-variant=portrait] .aki-character-head{width:100%;inset:0}@media (prefers-reduced-motion:no-preference){.aki-character[data-entrance-phase=head-turn] .aki-character-head-front{animation:aki-turn-front var(--aki-head-turn-duration) var(--aki-expression-ease) both}.aki-character[data-entrance-phase=head-turn] .aki-character-head-side{animation:aki-turn-side var(--aki-head-turn-duration) var(--aki-expression-ease) both}.aki-character[data-entrance-phase=body-turn] .aki-character-body-front{animation:aki-turn-front var(--aki-body-turn-duration) var(--aki-expression-ease) both}.aki-character[data-entrance-phase=body-turn] .aki-character-body-side{animation:aki-turn-side var(--aki-body-turn-duration) var(--aki-expression-ease) both}.aki-character[data-entrance-phase=body-turn] .aki-character-contact:before{animation:aki-contact-left-turn var(--aki-body-turn-duration) var(--aki-expression-ease) both}.aki-character[data-entrance-phase=body-turn] .aki-character-contact:after{animation:aki-contact-right-turn var(--aki-body-turn-duration) var(--aki-expression-ease) both}.aki-character[data-animated=true] .aki-character-eye{animation:aki-blink var(--aki-blink-duration) ease-in-out infinite}.aki-character[data-animated=true][data-pose=greeting]:not([data-entrance-phase]) .aki-character-head{animation:aki-greeting var(--aki-greeting-duration) var(--aki-expression-ease) both}.aki-character[data-animated=true][data-pose=speaking] .aki-character-smile{animation:aki-speaking var(--aki-expression-duration) ease-in-out infinite}}.aki-character[data-paused=true] *,.aki-character[data-paused=true] :before,.aki-character[data-paused=true] :after,.aki-character:not([data-visible=true]) *,.aki-character:not([data-visible=true]) :before,.aki-character:not([data-visible=true]) :after{animation-play-state:paused!important}.aki-character[data-paused=true] .aki-character-gaze{transition:none}@keyframes aki-blink{0%,42%,47%,to{transform:scaleY(1)}44%,45%{transform:scaleY(.08)}}@keyframes aki-greeting{0%,to{transform:rotate(-2deg)}35%{transform:rotate(4deg)}65%{transform:rotate(-4deg)}}@keyframes aki-speaking{0%,to{transform:scale(1)}50%{transform:scale(1.08,.65)}}@keyframes aki-turn-front{0%{opacity:0;transform:perspective(var(--aki-turn-depth)) rotateY(-32deg)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes aki-turn-side{0%{opacity:1;transform:none}60%{opacity:1}to{opacity:0;transform:perspective(var(--aki-turn-depth)) rotateY(32deg)}}@keyframes aki-contact-left-turn{0%{left:34%}to{left:19.4%}}@keyframes aki-contact-right-turn{0%{top:96.3%;left:69%}to{left:80%;top:var(--aki-contact-ground)}}@media (prefers-reduced-motion:reduce){.aki-character *,.aki-character :before,.aki-character :after{transition:none!important;animation:none!important}.aki-character-gaze{transform:none!important}}