.stage-field{position:absolute;inset:0;overflow:hidden}.stage-field>i{background:radial-gradient(closest-side, color-mix(in srgb, var(--ink) var(--cloud,6%), transparent), transparent);will-change:transform;animation:stage-drift var(--drift,40s) ease-in-out infinite;border-radius:50%;position:absolute}.stage-field>i:first-child{--cloud:var(--cloud-a);--drift:34s;width:110%;padding-top:110%;top:-35%;right:-45%}.stage-field>i:nth-child(2){--cloud:var(--cloud-b);--drift:44s;width:90%;padding-top:90%;animation-delay:-15s;top:30%;left:-50%}.stage-field>i:nth-child(3){--cloud:var(--cloud-c);--drift:52s;width:80%;padding-top:80%;animation-delay:-31s;bottom:-45%;left:20%}@keyframes stage-drift{0%{transform:translate(0)scale(1)}25%{transform:translate(-10%,9%)scale(1.12)}50%{transform:translate(5%,17%)scale(.96)}75%{transform:translate(14%,5%)scale(1.18)}to{transform:translate(0)scale(1)}}.stage-glass{background:var(--sheet);box-shadow:inset 0 1px 0 var(--sheet-rim), var(--sheet-shadow-sheet)}@media (width>=64rem){.stage-glass{box-shadow:inset 0 1px 0 var(--sheet-rim), var(--sheet-shadow)}}@media (width<=63.99rem){.stage-top{background-image:linear-gradient(to bottom, var(--sheet-solid), var(--stage) 7rem)}}.stage-hero{min-height:calc(4.5rem + 43px);container:stage-hero/size}.stage-line,.stage-subline{display:none}@container stage-hero (height>=91px){.stage-line{display:block}}@container stage-hero (height>=123px){.stage-subline{display:block}}@media (width>=64rem){.stage-hero{min-height:0}.stage-line,.stage-subline{display:block}}.stage-rise{animation:stage-rise .55s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--rise,0) * 90ms)}@keyframes stage-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stage-field>i{animation:none}}.message-in{animation:message-in .32s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) both}@keyframes message-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.playback-in{animation:.32s ease-out both playback-in}@keyframes playback-in{0%{opacity:0;grid-template-rows:0fr}}.voice-tick{opacity:0;background:currentColor;border-radius:999px;flex:none;width:2px;height:2px;transition:height .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease-out}.voice-tick[data-s=lane]{opacity:.2}.voice-tick[data-s=on]{height:var(--h);opacity:.55}@media (prefers-reduced-motion:reduce){.voice-tick{transition:none}.message-in,.playback-in{animation:none}}.bubble-text{font-size:calc(17px * var(--text-scale,1))}.bubble-original{font-size:calc(14px * var(--text-scale,1))}.view-sheet-in{transform-origin:50% 100%;animation:.28s cubic-bezier(.16,1,.3,1) both view-sheet-in}@keyframes view-sheet-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (prefers-reduced-motion:reduce){.view-sheet-in{animation:none}}.reaction-float{animation:2.4s ease-out forwards reaction-float}@keyframes reaction-float{0%{opacity:0;transform:translateY(8px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(-18px)scale(1)}to{opacity:0;transform:translateY(-32px)scale(.9)}}@media (prefers-reduced-motion:reduce){.reaction-float{animation:2.4s ease-out forwards reaction-fade}}@keyframes reaction-fade{0%,70%{opacity:1}to{opacity:0}}html[data-launch]::view-transition-group(*){animation-duration:.56s!important;animation-timing-function:cubic-bezier(.2,.8,.2,1)!important}html[data-launch]::view-transition-image-pair(*){isolation:isolate}html[data-launch]::view-transition-old(*){z-index:1;mix-blend-mode:normal!important;animation:.2s ease-out both launch-out!important;-webkit-mask:none!important;mask:none!important}html[data-launch]::view-transition-new(*){mix-blend-mode:normal!important;animation:none!important;-webkit-mask:none!important;mask:none!important}html[data-launch]::view-transition-old(*.launch-start){object-fit:fill;block-size:100%;inline-size:100%}html[data-launch]::view-transition-new(*.launch-start){block-size:100%;inline-size:auto;inset-inline-start:50%;translate:-50%;animation:.3s ease-out .12s both launch-in!important}html[data-launch]::view-transition-group(root){animation:none!important}html[data-launch]::view-transition-old(root){z-index:auto;animation:.2s ease-out both launch-out!important}html[data-launch]::view-transition-new(root){animation:.32s ease-out .16s both launch-in!important}@keyframes launch-out{to{opacity:0}}@keyframes launch-in{0%{opacity:0}}.character{line-height:0;display:inline-block}.character-float{will-change:transform;animation:3.4s ease-in-out infinite character-float;display:inline-block}.character-breathe{transform-origin:50% 100%;will-change:transform;animation:4.6s ease-in-out infinite character-breathe;display:inline-block}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes character-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.025,1.035)}}.character-react{transform-origin:50% 100%;display:inline-block}.character-react-settle{animation:character-settle .42s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}.character-react-pop{animation:character-pop .62s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}.character-react-shake{animation:.6s ease-in-out both character-shake}@keyframes character-settle{0%{transform:scale(.92,1.06)}45%{transform:scale(1.05,.96)}to{transform:scale(1)}}@keyframes character-pop{0%{transform:translateY(0)scale(1.04,.94)}30%{transform:translateY(-16px)scale(.96,1.1)}58%{transform:translateY(0)scale(1.08,.92)}78%{transform:translateY(-4px)scale(.99,1.02)}to{transform:translateY(0)scale(1)}}@keyframes character-shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-8px)rotate(-2deg)}30%{transform:translate(8px)rotate(2deg)}45%{transform:translate(-6px)rotate(-1.5deg)}60%{transform:translate(5px)rotate(1deg)}78%{transform:translate(-2px)rotate(-.5deg)}}.character-eyes{animation:character-eyes-open .22s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}.character-eye{transform-box:fill-box;transform-origin:50%;opacity:1;transition:transform .18s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)), opacity .12s ease-out;transform:scaleY(1)}.character-eye:nth-of-type(2){transition-delay:35ms}.character-eyes[data-lids=closed] .character-eye{transition:transform 70ms ease-in,opacity 70ms ease-in;transform:scaleY(.05)}.character-eyes[data-lids=swap] .character-eye{opacity:0;transition:transform 70ms ease-in,opacity 70ms ease-in;transform:scaleY(.05)}@keyframes character-eyes-open{0%{opacity:0;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}.character-eyes[data-motion=squint-right] .character-eye:nth-of-type(2){animation:2.8s ease-in-out .6s infinite character-squint}@keyframes character-squint{0%,to{transform:scaleY(1)}18%,34%{transform:scaleY(.22)scaleX(1.1)}46%{transform:scaleY(1)}}.character-eyes[data-motion=glance] .character-eye{animation:5.2s ease-in-out infinite character-glance}@keyframes character-glance{0%,to{translate:0}12%,36%{translate:-7px}48%,52%{translate:0}64%,88%{translate:7px}}
