@property --bot-c1{syntax:"<color>";inherits:true;initial-value:#0000}@property --bot-c2{syntax:"<color>";inherits:true;initial-value:#0000}@property --bot-c3{syntax:"<color>";inherits:true;initial-value:#0000}@property --bot-c4{syntax:"<color>";inherits:true;initial-value:#0000}.bot{--lup:1;--lur:0deg;--llp:1;--llr:0deg;--rup:1;--rur:0deg;--rlp:1;--rlr:0deg;--ew:calc(var(--bot-line) * 2.6%);--eye-w:6.75%;--eye-h:13.5%;--eye-x:15.1%;--bot-line:0;--bot-in:block;--bot-out:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible;container-type:size}.bot>*{--size:100cqi;--bot-aa:.55;--bot-c1:var(--aura-violet);--bot-c2:var(--aura-green);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-cyan);--bot-deep1:var(--lightningcss-light,color-mix(in oklch, var(--bot-c1) 75%, black))var(--lightningcss-dark,color-mix(in oklch, var(--bot-c1) 75%, white));--bot-deep2:var(--lightningcss-light,color-mix(in oklch, var(--bot-c2) 75%, black))var(--lightningcss-dark,color-mix(in oklch, var(--bot-c2) 75%, white));--bot-deep3:var(--lightningcss-light,color-mix(in oklch, var(--bot-c3) 75%, black))var(--lightningcss-dark,color-mix(in oklch, var(--bot-c3) 75%, white));--bot-deep4:var(--lightningcss-light,color-mix(in oklch, var(--bot-c4) 75%, black))var(--lightningcss-dark,color-mix(in oklch, var(--bot-c4) 75%, white));--bot-edge:linear-gradient(135deg, var(--bot-deep2), var(--bot-deep3), var(--bot-deep1));--bot-edge-back:linear-gradient(135deg, color-mix(in oklch, var(--bot-deep2) 55%, transparent), color-mix(in oklch, var(--bot-deep3) 55%, transparent), color-mix(in oklch, var(--bot-deep1) 55%, transparent));--bot-edge-w:max(1px, calc(var(--size) * .014));--bot-ring-w:max(1px, calc(var(--size) * .045));--bot-fade:--bot-c1 calc(var(--dur) * 2) var(--ease), --bot-c2 calc(var(--dur) * 2) var(--ease), --bot-c3 calc(var(--dur) * 2) var(--ease), --bot-c4 calc(var(--dur) * 2) var(--ease);transition:var(--bot-fade);position:absolute}.bot-plate{border-radius:calc(var(--size) * .36);border:calc(var(--bot-edge-w) + var(--bot-line) * (max(1px, var(--bot-ring-w) * .55) - var(--bot-edge-w))) solid transparent;background:linear-gradient(var(--bot-plate), var(--bot-plate)) padding-box, var(--bot-edge-back) border-box;transition:inset var(--dur) var(--ease), var(--bot-fade);inset:-7% 0 15%}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *)>.bot-plate{inset:0}.bot-card{clip-path:inset(0 round 34%);border:calc(var(--bot-edge-w) * (1 - var(--bot-line))) solid transparent;transform:perspective(calc(var(--size) * 5.2)) translateZ(calc(var(--size) * .234));background:linear-gradient(var(--bot-frost), var(--bot-frost)) padding-box, var(--bot-edge) border-box;border-radius:34%;inset:0;overflow:hidden}.bot-card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 max(1px, calc(var(--size) * .008)) color-mix(in oklch, var(--bot-eye) 55%, transparent);position:absolute;inset:0}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *)>.bot-card{box-shadow:0 calc(var(--size) * .05) calc(var(--size) * .2) var(--bot-lift), inset 0 0 calc(var(--size) * .05) color-mix(in oklch, var(--bot-eye) 50%, transparent)}.bot-aura{position:absolute;inset:0}.bot-balls,.bot-flow{animation:bot-spin calc(var(--bot-blink) * 1.5) linear infinite reverse}.bot-balls{--a0:calc(var(--bot-aa) * 100%);--a1:calc(var(--bot-aa) * 62%);background:radial-gradient(36% 36% at 50% 72%, color-mix(in oklch, var(--bot-c1) var(--a0), transparent), color-mix(in oklch, var(--bot-c1) var(--a1), transparent) 50%, transparent), radial-gradient(36% 36% at 50% 28%, color-mix(in oklch, var(--bot-c2) var(--a0), transparent), color-mix(in oklch, var(--bot-c2) var(--a1), transparent) 50%, transparent), radial-gradient(36% 36% at 72% 50%, color-mix(in oklch, var(--bot-c3) var(--a0), transparent), color-mix(in oklch, var(--bot-c3) var(--a1), transparent) 50%, transparent), radial-gradient(36% 36% at 28% 50%, color-mix(in oklch, var(--bot-c4) var(--a0), transparent), color-mix(in oklch, var(--bot-c4) var(--a1), transparent) 50%, transparent);position:absolute;inset:-21%}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *) :is(.bot-balls,.bot-flow){animation-play-state:paused}@keyframes bot-spin{to{rotate:360deg}}.bot[data-look=line]{--bot-line:1;--bot-in:none;--bot-out:block}.bot-aura,.bot-eye,.bot-card:after{display:var(--bot-in)}.bot-flow,.bot-cover{display:var(--bot-out);position:absolute}.bot-flow{background:conic-gradient(var(--bot-deep1), var(--bot-deep3), var(--bot-deep2), var(--bot-deep4), var(--bot-deep1));inset:-21%}.bot-cover{inset:var(--bot-ring-w);border-radius:calc(var(--size) * .34 - var(--bot-ring-w));background:var(--surface)}.bot>.bot-eyes{block-size:100%;inline-size:100%;transform:perspective(calc(var(--size) * 5.2)) translateZ(calc(var(--size) * .334));inset:0;overflow:visible}.bot-cast{flood-color:var(--lightningcss-light,color-mix(in oklch, var(--bot-c1) 50%, black))var(--lightningcss-dark,transparent);flood-opacity:.35}.bot-cast-dark{flood-color:var(--lightningcss-light,transparent)var(--lightningcss-dark,color-mix(in oklch, var(--bot-c1) 35%, black));flood-opacity:.75}.bot-side{transition:translate var(--dur) var(--ease)}.bot-side.bot-l{translate:calc(50% - var(--eye-x)) 46%}.bot-side.bot-r{translate:calc(50% + var(--eye-x)) 46%}.bot:not([data-emotion=neutral]),.bot[data-emotion=neutral]:where([data-pro]:not([data-pro=reach],[data-pro=collab])){--eye-w:14%;--eye-h:14%;--eye-x:18%}.bot:is([data-emotion=surprised],[data-emotion=excited]),.bot[data-emotion=neutral]:where([data-pro=marketing]){--eye-w:17%;--eye-h:17%;--eye-x:19%;--lup:1.3;--llp:1.3;--rup:1.3;--rlp:1.3}.bot:is([data-emotion=surprised],[data-emotion=excited]) .bot-lid{transition-delay:0s}.bot[data-emotion=excited],.bot[data-emotion=neutral]:where([data-pro=marketing]){--eye-w:16%;--eye-h:16%;--llp:.85;--llr:8deg;--rlp:.85;--rlr:-8deg}.bot[data-emotion=love]{--eye-w:5%;--eye-h:5%}.bot[data-emotion=proud],.bot[data-emotion=neutral]:where([data-pro=support]){--eye-w:15%;--eye-h:12%}.bot-eye,.bot-hole{fill:var(--bot-eye);x:calc(-1 * var(--eye-w));y:calc(-1 * var(--eye-h));width:calc(2 * var(--eye-w));height:calc(2 * var(--eye-h));rx:var(--eye-w)}.bot-eye,.bot-hole,.bot-ring{transition:x var(--dur) var(--ease), y var(--dur) var(--ease), width var(--dur) var(--ease), height var(--dur) var(--ease), rx var(--dur) var(--ease)}.bot-hole{fill:#000}.bot-ring{display:var(--bot-out);x:calc(-1 * (var(--eye-w) + var(--ew)));y:calc(-1 * (var(--eye-h) + var(--ew)));width:calc(2 * (var(--eye-w) + var(--ew)));height:calc(2 * (var(--eye-h) + var(--ew)));rx:calc(var(--eye-w) + var(--ew))}.bot-g1{stop-color:var(--bot-deep1)}.bot-g2{stop-color:var(--bot-deep3)}.bot-g3{stop-color:var(--bot-deep2)}.bot-g4{stop-color:var(--bot-deep4)}.bot-lid{fill:#000;transition:transform var(--dur) var(--ease)}.bot-arc{fill:#000;cy:34%;r:0%;transition:r var(--dur) var(--ease), cy var(--dur) var(--ease)}.bot[data-emotion=proud] .bot-arc,.bot[data-emotion=neutral]:where([data-pro=support]) .bot-arc{cy:19%;r:21%}.bot-heart{fill:color-mix(in oklch, var(--bot-eye) calc((1 - var(--bot-line)) * 100%), var(--bot-deep1));transform-box:fill-box;transform-origin:50% 55%;transition:scale var(--dur) var(--ease);scale:0}.bot[data-emotion=love] .bot-heart{scale:1}.bot:not([data-emotion=neutral]) .bot-lid{transition-delay:calc(var(--dur) * .6)}.bot-up.bot-l.bot-o{transform:rotate(var(--lur)) translateY(calc(var(--lup) * -1 * (14.1% + var(--ew))))}.bot-lo.bot-l.bot-o{transform:rotate(var(--llr)) translateY(calc(var(--llp) * (14.1% + var(--ew))))}.bot-up.bot-r.bot-o{transform:rotate(var(--rur)) translateY(calc(var(--rup) * -1 * (14.1% + var(--ew))))}.bot-lo.bot-r.bot-o{transform:rotate(var(--rlr)) translateY(calc(var(--rlp) * (14.1% + var(--ew))))}.bot-up.bot-l.bot-i{transform:rotate(var(--lur)) translateY(calc(var(--lup) * -1 * (14.1% + var(--ew)) + var(--ew)))}.bot-lo.bot-l.bot-i{transform:rotate(var(--llr)) translateY(calc(var(--llp) * (14.1% + var(--ew)) - var(--ew)))}.bot-up.bot-r.bot-i{transform:rotate(var(--rur)) translateY(calc(var(--rup) * -1 * (14.1% + var(--ew)) + var(--ew)))}.bot-lo.bot-r.bot-i{transform:rotate(var(--rlr)) translateY(calc(var(--rlp) * (14.1% + var(--ew)) - var(--ew)))}.bot[data-palette=tide]>*{--bot-c1:var(--aura-cyan);--bot-c2:var(--aura-blue);--bot-c3:var(--aura-green);--bot-c4:var(--aura-mist)}.bot[data-palette=grape]>*{--bot-c1:var(--aura-violet);--bot-c2:var(--aura-lavender);--bot-c3:var(--aura-indigo);--bot-c4:var(--aura-rosa)}.bot[data-palette=coral]>*{--bot-c1:var(--aura-red);--bot-c2:var(--aura-orange);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-amber)}.bot[data-palette=gold]>*{--bot-c1:var(--aura-amber);--bot-c2:var(--aura-yellow);--bot-c3:var(--aura-orange);--bot-c4:var(--aura-sun)}.bot[data-palette=lime]>*{--bot-c1:var(--aura-lime);--bot-c2:var(--aura-green);--bot-c3:var(--aura-sun);--bot-c4:var(--aura-sky)}.bot[data-palette=night]>*{--bot-c1:var(--aura-indigo);--bot-c2:var(--aura-violet);--bot-c3:var(--aura-deep);--bot-c4:var(--aura-periwinkle)}.bot[data-palette=rose]>*{--bot-c1:var(--aura-rosa);--bot-c2:var(--aura-wine);--bot-c3:var(--aura-lavender);--bot-c4:var(--aura-pale)}.bot[data-palette=steel]>*{--bot-c1:var(--aura-steel);--bot-c2:var(--aura-periwinkle);--bot-c3:var(--aura-sky);--bot-c4:var(--aura-slate)}.bot[data-emotion=happy],.bot[data-emotion=neutral]:where([data-pro=sales]){--llp:.2;--llr:8deg;--rlp:.2;--rlr:-8deg}.bot[data-emotion=sad]{--lup:.21;--lur:-20deg;--rup:.21;--rur:20deg}.bot[data-emotion=close]{--lup:.12;--llp:.12;--rup:.12;--rlp:.12}.bot[data-emotion=angry],.bot[data-emotion=neutral]:where([data-pro=engineering]){--lup:.21;--lur:20deg;--rup:.21;--rur:-20deg}.bot[data-emotion=confused],.bot[data-emotion=neutral]:where([data-pro=web]){--lup:.2}.bot[data-emotion=suspicious],.bot[data-emotion=neutral]:where([data-pro=data]){--lup:.6;--lur:4deg;--llp:.6;--llr:-4deg;--rup:.6;--rur:-4deg;--rlp:.6;--rlr:4deg}.bot[data-emotion=pain]{--lup:.61;--lur:-10deg;--llp:.61;--llr:10deg;--rup:.61;--rur:10deg;--rlp:.61;--rlr:-10deg}.bot[data-emotion=mischievous]{--lup:.78;--lur:12deg;--rup:.78;--rur:-12deg;--llp:.3;--llr:8deg;--rlp:.3;--rlr:-8deg}.bot[data-emotion=unamused],.bot[data-emotion=neutral]:where([data-pro=finance]){--lup:.2;--rup:.2}.bot[data-emotion=unsure],.bot[data-emotion=neutral]:where([data-pro=product]){--lup:.61;--lur:-10deg;--llp:.61;--llr:10deg}.bot[data-feels][data-emotion=happy]>*,.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *):not([data-emotion=close])>*{--bot-c1:var(--aura-green);--bot-c2:var(--aura-sun);--bot-c3:var(--aura-sky);--bot-c4:var(--aura-lime)}.bot[data-feels][data-emotion=sad]>*{--bot-c1:var(--aura-blue);--bot-c2:var(--aura-indigo);--bot-c3:var(--aura-sky);--bot-c4:var(--aura-pale)}.bot[data-feels][data-emotion=angry]>*{--bot-c1:var(--aura-rosa);--bot-c2:var(--aura-rosa);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-rosa)}.bot[data-feels][data-emotion=confused]>*{--bot-c1:var(--aura-orange);--bot-c2:var(--aura-amber);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-yellow)}.bot[data-feels][data-emotion=suspicious]>*{--bot-c1:var(--aura-violet);--bot-c2:var(--aura-rosa);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-violet)}.bot[data-feels][data-emotion=pain]>*{--bot-c1:var(--aura-wine);--bot-c2:var(--aura-rosa);--bot-c3:var(--aura-rosa);--bot-c4:var(--aura-red)}.bot[data-feels][data-emotion=unamused]>*{--bot-c1:var(--aura-slate);--bot-c2:var(--aura-steel);--bot-c3:var(--aura-periwinkle);--bot-c4:var(--aura-mist)}.bot[data-feels][data-emotion=surprised]>*{--bot-c1:var(--aura-violet);--bot-c2:var(--aura-periwinkle);--bot-c3:var(--aura-sky);--bot-c4:var(--aura-mist)}.bot[data-feels][data-emotion=excited]>*{--bot-c1:var(--aura-orange);--bot-c2:var(--aura-rosa);--bot-c3:var(--aura-sun);--bot-c4:var(--aura-amber)}.bot[data-feels][data-emotion=love]>*{--bot-c1:var(--aura-rosa);--bot-c2:var(--aura-wine);--bot-c3:var(--aura-lavender);--bot-c4:var(--aura-red)}.bot[data-feels][data-emotion=proud]>*{--bot-c1:var(--aura-blue);--bot-c2:var(--aura-indigo);--bot-c3:var(--aura-sky);--bot-c4:var(--aura-pale)}.bot[data-feels][data-emotion=mischievous]>*{--bot-c1:var(--aura-green);--bot-c2:var(--aura-cyan);--bot-c3:var(--aura-lime);--bot-c4:var(--aura-sky)}.bot[data-feels][data-emotion=unsure]>*{--bot-c1:var(--aura-orange);--bot-c2:var(--aura-violet);--bot-c3:var(--aura-amber);--bot-c4:var(--aura-lavender)}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *):not([data-emotion=close]){--lup:1;--lur:0deg;--llp:.2;--llr:8deg;--rup:1;--rur:0deg;--rlp:.2;--rlr:-8deg;--eye-w:14%;--eye-h:14%;--eye-x:18%}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *) .bot-arc{cy:34%;r:0%}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *) .bot-heart{scale:0}.bot-tag{z-index:1;box-sizing:border-box;background:color-mix(in oklch, var(--surface) 45%, transparent);block-size:40%;inline-size:40%;color:var(--bot-deep1);-webkit-backdrop-filter:blur(max(1px, calc(var(--size) * .03)));backdrop-filter:blur(max(1px, calc(var(--size) * .03)));border-radius:50%;padding:6%;inset:-8% -8% auto auto}.bot-tag:empty{display:none}.bot-tag>svg{block-size:100%;inline-size:100%;display:block}.bot[data-emotion=angry]>.bot-tag{color:var(--aura-red)}.bot:is([data-emotion=angry],[data-emotion=unsure])>.bot-tag{animation:bot-pulse calc(var(--bot-blink) * .3) ease-in-out infinite}.bot[data-emotion=close]>.bot-tag{animation:bot-float calc(var(--bot-blink) * .4) ease-in-out infinite}@keyframes bot-pulse{50%{scale:1.12}}.bot[data-emotion=excited]>.bot-tag{-webkit-backdrop-filter:none;backdrop-filter:none;block-size:100%;inline-size:100%;color:var(--bot-eye);background:0 0;padding:0;inset:0}.bot-spark{transform-box:fill-box;transform-origin:50%;animation:bot-spark calc(var(--bot-blink) * .2) ease-in-out infinite}.bot-spark+.bot-spark{animation-delay:calc(var(--bot-blink) * -.07);animation-duration:calc(var(--bot-blink) * .16)}.bot-spark+.bot-spark+.bot-spark{animation-delay:calc(var(--bot-blink) * -.13);animation-duration:calc(var(--bot-blink) * .24)}@keyframes bot-spark{0%,to{opacity:.4;rotate:0deg;scale:.35}45%{opacity:1;rotate:45deg;scale:1.1}60%{opacity:1;scale:1}}@keyframes bot-float{50%{opacity:.7;translate:0 -12%}}.bot:is(:hover,.is-hover,:is(button,a,label):is(:hover,.is-hover) *):not([data-emotion=close])>.bot-tag{display:none}.bot>.bot-dress{pointer-events:none;z-index:1;block-size:100%;inline-size:100%;transform:perspective(calc(var(--size) * 5.2)) translateZ(calc(var(--size) * .26));inset:0;overflow:visible}.bot-costume{transform-box:view-box;transform-origin:50%}@container (width<=39.98px){.bot[data-pro=collab] .bot-costume{transform-origin:80% 84%;transform:translate(20%,16%)scale(.8)}.bot:is([data-pro=finance],[data-pro=sales],[data-pro=data],[data-pro=web],[data-pro=marketing]) .bot-costume{transform-origin:80% 84%}.bot[data-pro=finance] .bot-costume{transform:translate(26%,-9%)scale(1.15)}.bot[data-pro=sales] .bot-costume{transform:translate(22%)scale(1.25)}.bot[data-pro=data] .bot-costume{transform:translate(26%,-2.5%)scale(1.25)}.bot[data-pro=web] .bot-costume{transform:translate(22%,-6%)scale(1.25)}.bot[data-pro=marketing] .bot-costume{transform-origin:112% 68%;transform:translate(-10%,14%)scale(1.05)}}@container (width<=29.98px){.bot[data-pro=finance] .bot-costume{transform:translate(24%,-5%)scale(1)}.bot[data-pro=sales] .bot-costume{transform:translate(20%,3.5%)scale(1)}.bot[data-pro=data] .bot-costume{transform:translate(24%,2%)scale(1)}.bot[data-pro=web] .bot-costume{transform:translate(20%,-1%)scale(1)}.bot[data-pro=marketing] .bot-costume{transform:translate(-10%,18%)scale(.85)}}.bot-scene{display:var(--bot-in);position:absolute;inset:0;overflow:hidden}.bot-card:has(>.bot-rain)>.bot-aura{display:none}.bot-rain>i{animation:bot-rain calc(var(--bot-blink) * .9) linear infinite;background-size:100% 50%;position:absolute;inset:-100% 0 0}@keyframes bot-rain{to{translate:0 50%}}.bot-coins>b{--x:0%;--d:.6;--t:0;--s:.2;--w:normal;inline-size:11%;animation:bot-coin-drop calc(var(--bot-blink) * var(--d)) linear calc(var(--bot-blink) * var(--t)) infinite;position:absolute;inset-block:0;inset-inline-start:var(--x)}.bot-coins>b>i{aspect-ratio:1;inline-size:100%;animation:bot-coin-spin calc(var(--bot-blink) * var(--s)) linear infinite var(--w);background:50%/contain no-repeat;display:block}@keyframes bot-coin-drop{0%{translate:0 -20%}to{translate:0 100%}}@keyframes bot-coin-spin{0%{transform:perspective(calc(var(--size) * .42)) rotateY(0deg)}to{transform:perspective(calc(var(--size) * .42)) rotateY(360deg)}}@media (forced-colors:active){.bot-eye{fill:canvastext}}html,body,#root{height:100%}body{overflow:hidden}.map{z-index:var(--z-map);position:absolute;inset:0;overflow:clip}.map canvas{touch-action:none;cursor:grab;block-size:100%;inline-size:100%;position:absolute;inset:0}.chat{--beside:0px;--room-box:min(clamp(var(--room-w-min), (100% - var(--beside)) * var(--room-share), var(--room-w-max)), calc(100% - var(--beside) - var(--gutter) * 4));z-index:var(--z-chrome);inline-size:var(--room-box);gap:var(--space-1);transition:inset-inline-start var(--dur) var(--ease), inline-size var(--dur) var(--ease), opacity var(--dur) var(--ease), visibility 0s linear var(--dur);flex-direction:column;display:flex;position:absolute;inset-block-end:calc(var(--gutter) * 2);inset-inline-start:calc(var(--beside) + (100% - var(--beside) - var(--room-box)) / 2)}@media (width>720px){.chat{--beside:var(--pane-w)}}.chat.room{inset-block-start:var(--top-h)}.chat.room .said{flex:1 1 0;min-block-size:0}:root:has(.chat.room) .map{pointer-events:none}.chat.room .room-head{--row:0}.chat.room:not([data-room=in],[data-room=room]) :is(.said>:not(div),.said>div>:not(.face),.room-head>:not(.faces),.room-head .faces>:not(.face),.face),.chat.room:not([data-room=in],[data-room=room]) .room-head:after{opacity:0}.chat.room:not([data-room=in],[data-room=room]) .said{--spine:0%}@keyframes room-part-in{0%{opacity:0}}@keyframes room-part-out{to{opacity:0}}.chat.room[data-room=in] :is(.said>:not(div),.said>div>:not(.face),.room-head>:not(.faces),.room-head .faces>:not(.face),.face){animation:room-part-in calc(var(--dur) * var(--room-move) * var(--room-walk) * .2) linear calc(var(--dur) * var(--room-move) * (var(--room-lead) + var(--room-stagger) * var(--row,1) + var(--room-walk) * .8)) both}.chat.room[data-room=in] .room-head:after{animation:room-part-in calc(var(--dur) * var(--room-move) * .1) linear calc(var(--dur) * var(--room-move) * var(--room-rules)) both}.chat.room[data-room=in] .said{transition:--spine calc(var(--dur) * var(--room-move) * .1) linear calc(var(--dur) * var(--room-move) * var(--room-rules))}.chat.room[data-room=out] :is(.said>:not(div),.said>div>:not(.face),.room-head>:not(.faces),.room-head .faces>:not(.face),.face){animation:room-part-out calc(var(--dur) * var(--room-move) * var(--room-walk) * .2) linear calc(var(--dur) * var(--room-move) * (1 - var(--room-lead) - var(--room-stagger) * var(--row,1) - var(--room-walk))) both}.chat.room[data-room=out] .room-head:after{animation:room-part-out calc(var(--dur) * var(--room-move) * .1) linear calc(var(--dur) * var(--room-move) * (.9 - var(--room-rules))) both}.chat.room[data-room=out] .said{transition:--spine calc(var(--dur) * var(--room-move) * .1) linear calc(var(--dur) * var(--room-move) * (.9 - var(--room-rules)))}.board-stage{--row:0}.board-stage .crew>.scroll>:not([data-mark]){--row:1}.board-stage:not([data-room=in],[data-room=room]) :is(.next-board>.row>*,.crew>header,.crew>.scroll>*){opacity:0}.board-stage[data-room=in] :is(.next-board>.row>*,.crew>header,.crew>.scroll>*){animation:room-part-in calc(var(--dur) * var(--room-move) * var(--room-walk) * .2) linear calc(var(--dur) * var(--room-move) * (var(--room-lead) + var(--room-stagger) * var(--row,1) + var(--room-walk) * .8)) both}.board-stage[data-room=out] :is(.next-board>.row>*,.crew>header,.crew>.scroll>*){animation:room-part-out calc(var(--dur) * var(--room-move) * var(--room-walk) * .2) linear calc(var(--dur) * var(--room-move) * (1 - var(--room-lead) - var(--room-stagger) * var(--row,1) - var(--room-walk))) both}.chat.room:not([data-room=room],[data-room=out])>.fresh{visibility:hidden;animation:none}.chat.room[data-room=out]>.fresh{animation:leave var(--dur) var(--ease) both}:root:has(.stage.flow) .chat{opacity:0;visibility:hidden;pointer-events:none}.chat .said{overscroll-behavior:contain;margin-inline:calc(var(--space-3) * -1) calc(var(--scroll-gap) * -1);margin-block-end:calc(var(--space-2) * -1);padding-block-end:var(--space-2);padding-inline-start:var(--space-3);padding-inline-end:var(--scroll-gap);scroll-padding-block-start:var(--thread-fade);overflow-y:auto}.chat .ask{padding-inline:0}.chat .fresh{align-self:center}.chat:not(.room) .said{opacity:0;max-block-size:0}.pane{z-index:var(--z-dock);inset-inline-start:var(--gutter);inset-block:calc(var(--top-h) + var(--kind-line)) auto;max-block-size:calc(100% - var(--top-h) - var(--kind-line));inline-size:var(--pane-size);min-inline-size:min(var(--pane-min), 100% - var(--gutter) * 2);gap:var(--space-4);padding-block:0 calc(var(--gutter) * 2);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:absolute}.pane:has(>.rail){grid-template-columns:var(--hit) minmax(0, 1fr)}.pane .rail{padding-block-start:var(--space-7)}.pane .body,.console .body{gap:var(--space-4);max-block-size:100%}.pane .body:not(.two){max-inline-size:var(--measure)}.pane .body>.fold:has(>.scroll){flex-direction:column;flex:0 auto;min-block-size:0;display:flex}.pane .body>.fold::details-content{flex-direction:column;min-block-size:0;display:flex}.pane>.rail,.pane .body>:not(.scroll),.pane .body>.scroll>*{animation:arrive var(--dur) var(--ease) both}.pane .foot{margin-block-start:var(--space-2)}.pane.wide{inline-size:min(var(--pane-size-wide), 100% - var(--gutter) * 2)}.pane.wide:has(>.rail){inline-size:min(var(--pane-size-wide) - var(--hit) - var(--space-4), 100% - var(--gutter) * 2)}.pane.list{inline-size:min(var(--column-w), 100% - var(--gutter) * 2)}.pane.list.wide{inline-size:min(calc(var(--column-w) * 2 + var(--space-5)), 100% * 2 / 3, 100% - var(--gutter) * 2)}.pane{--edge:calc(-100% - var(--gutter))}.pane:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--edge:calc(100% + var(--gutter))}.pane.in{animation:edge-in var(--dur) var(--ease) backwards}.pane.in>.rail,.pane.in .body>:not(.scroll),.pane.in .body>.scroll>*{animation-duration:0s}.pane.leave{animation:edge-out var(--dur) var(--ease) both}.roster.side.stays{animation:none}@media (width<=720px){.pane{inset-inline:var(--gutter);inline-size:auto;grid-template-columns:1fr;inset-block-start:var(--map-keep)}.pane .rail{display:none}}.console{inset:var(--top-h) var(--gutter) 0;padding-block:var(--gutter) calc(var(--gutter) * 2);position:absolute}.next-board{gap:var(--space-3);min-block-size:0;flex-direction:column;flex:1;padding-block-start:var(--space-2);display:flex}.board-stage{z-index:calc(var(--z-chrome) - 1);inset-block:var(--top-h) 0;inset-inline:calc(var(--pane-w) + var(--gutter)) var(--gutter);transition:inset-inline-start var(--dur) var(--ease);flex-direction:column;display:flex;position:absolute}.board-stage .board{transition:padding-block-end var(--dur) var(--ease);padding-block-end:calc(var(--say-h) + var(--space-5))}body:has(.board-stage) .chat:before{-webkit-mask-image:linear-gradient(to top, transparent, black var(--space-4), black 72%, transparent), linear-gradient(to right, transparent, black var(--gutter), black calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(to top, transparent, black var(--space-4), black 72%, transparent), linear-gradient(to right, transparent, black var(--gutter), black calc(100% - var(--gutter)), transparent);-webkit-mask-image:linear-gradient(to top, transparent, black var(--space-4), black 72%, transparent), linear-gradient(to right, transparent, black var(--gutter), black calc(100% - var(--gutter)), transparent)}.map.hidden{visibility:hidden}