.spx{z-index:100;--spx-bg:#f6f3ec;--spx-ink:#1d211e;--spx-mute:#7a7d76;--spx-g:#0b6a41;--spx-eye:#fff;position:fixed;inset:0;overflow:hidden}.dark .spx,html[data-theme=dark] .spx{--spx-bg:#121513;--spx-ink:#ecebe5;--spx-mute:#8d918a;--spx-eye:#f2f0e9}.spx:before{content:"";background:var(--spx-bg);position:absolute;inset:0}.spx.reveal{pointer-events:none}.spx.reveal:before{animation:.6s both spx-veil}@keyframes spx-veil{0%{opacity:1}to{opacity:0}}.spx.leaving{opacity:0;pointer-events:none;transition:opacity .2s}.spx-stage{--u:min(calc(100vw / 280), calc(100vh / 580));--fx:108;--fy:-234;--fs:.3636;width:calc(280 * var(--u));height:calc(580 * var(--u));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spx-stage *{position:absolute}.spx-fly{left:calc(96 * var(--u));top:calc(246 * var(--u));width:calc(88 * var(--u));height:calc(88 * var(--u))}.spx-disc{background:var(--spx-g);border-radius:50%;inset:0;transform:scale(0)}.spx-eyes{gap:calc(10 * var(--u));justify-content:center;align-items:center;display:flex;inset:0}.spx-eyes i{width:calc(13 * var(--u));height:calc(32 * var(--u));border-radius:calc(7 * var(--u));background:var(--spx-eye);position:static}.spx-wm{left:0;right:0;top:calc(352 * var(--u));text-align:center;font-family:var(--font-display);font-weight:700;font-size:calc(34 * var(--u));letter-spacing:-.01em;color:var(--spx-ink);white-space:nowrap;opacity:0}.spx.run .spx-eyes i{animation:2.5s both spx-eye}@keyframes spx-eye{0%{transform:scaleY(0)}8%{transform:scaleY(1.06)}10%{transform:scaleY(1)}16%{transform:translate(0)}22%,28%{transform:translateX(calc(7 * var(--u)))}34%,38%{transform:translateX(calc(-7 * var(--u)))}43%{transform:translate(0)scaleY(1)}45%{transform:scaleY(.12)}48%,to{transform:scaleY(1)}}html:not(.dark):not([data-theme=dark]) .spx.run .spx-eyes i{animation-name:spx-eye,spx-col}@keyframes spx-col{0%,40%{background:#0b6a41}46%,to{background:#fff}}.spx.run .spx-disc{animation:2.5s cubic-bezier(.6,0,.2,1) both spx-disc}@keyframes spx-disc{0%,38%{transform:scale(0)}52%,to{transform:none}}.spx.fly .spx-fly{animation:.55s cubic-bezier(.6,0,.2,1) both spx-fly}@keyframes spx-fly{0%{transform:none}to{transform:translate(calc(var(--fx) * var(--u)), calc(var(--fy) * var(--u))) scale(var(--fs))}}.spx.run .spx-wm{animation:2.5s cubic-bezier(.2,.8,.2,1) both spx-wm}@keyframes spx-wm{0%,50%{opacity:0;transform:translateY(calc(10 * var(--u)))}60%,66%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(calc(-6 * var(--u)))}}.spx:not(.run) .spx-disc{transform:none}.spx:not(.run) .spx-wm{opacity:1}html[data-splash=run] [data-splash-mascot],html[data-splash=reveal] [data-splash-mascot],html[data-splash=run] .ds-brand .ds-masc,html[data-splash=reveal] .ds-brand .ds-masc,html[data-splash=run] header a[href="/app/assistant"] .sd-wrap,html[data-splash=reveal] header a[href="/app/assistant"] .sd-wrap{visibility:hidden}html[data-splash=reveal] .spx-app,html[data-splash=reveal] .ds-win{animation:.6s both spx-app-in}@keyframes spx-app-in{0%{transform:translateY(10px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.spx.run *{animation:none!important}.spx .spx-disc,.spx .spx-eyes,.spx .spx-wm{opacity:0}.spx:before{animation:.6s both rmFade!important}html[data-splash] [data-splash-mascot],html[data-splash] .ds-brand .ds-masc,html[data-splash] header a[href="/app/assistant"] .sd-wrap{visibility:visible!important}}@keyframes rmFade{0%{opacity:0}to{opacity:1}}