.spiri-wisp-illustration{--spiri-ice:color-mix(in oklab, var(--cyan) 28%, white);--spiri-cyan:color-mix(in oklab, var(--cyan) 82%, white 8%);--spiri-blue:color-mix(in oklab, var(--primary) 64%, var(--cyan));--spiri-violet:color-mix(in oklab, var(--primary) 72%, #735cff);--spiri-warning:color-mix(in oklab, var(--warning) 68%, white);isolation:isolate;aspect-ratio:40/43;width:min(100%,23rem);margin:0;position:relative}.auth-spiri-crop.spiri-wisp-illustration{aspect-ratio:1;width:100%;height:100%}.auth-spiri-crop *,.auth-spiri-crop:before,.auth-spiri-crop:after{transition:none!important;animation:none!important}.spiri-wisp-illustration[data-visual-state=NO_SUBSCRIPTION]{--spiri-cyan:color-mix(in oklab, var(--cyan) 67%, white 10%);--spiri-blue:color-mix(in oklab, var(--primary) 58%, var(--cyan))}.spiri-wisp-illustration[data-visual-state=PROBLEM]{--spiri-cyan:color-mix(in oklab, var(--cyan) 58%, white 9%);--spiri-blue:color-mix(in oklab, var(--primary) 68%, var(--cyan))}.spiri-wisp-illustration[data-visual-state=ACTIVE]{--spiri-ice:color-mix(in oklab, var(--cyan) 18%, white);--spiri-cyan:color-mix(in oklab, var(--cyan) 88%, white 9%);--spiri-blue:color-mix(in oklab, var(--primary) 55%, var(--cyan))}:root:not(.dark) .spiri-wisp-illustration{--spiri-ice:color-mix(in oklab, var(--cyan) 62%, white);--spiri-cyan:color-mix(in oklab, var(--cyan) 84%, #0875c8 16%);--spiri-blue:color-mix(in oklab, var(--primary) 88%, #135fc7);--spiri-violet:color-mix(in oklab, var(--primary) 90%, #5140d9)}:root:not(.dark) .spiri-wisp-character{filter:saturate(1.22) contrast(1.08) drop-shadow(0 24px 24px color-mix(in oklab, var(--primary) 38%, transparent))}:root:not(.dark) .spiri-wisp-ambient{opacity:1}:root:not(.dark) .spiri-wisp-orbit-track,:root:not(.dark) .spiri-wisp-face-sheen,:root:not(.dark) .spiri-wisp-fin-light,:root:not(.dark) .spiri-wisp-collar-light{opacity:.88}.spiri-wisp-ambient{z-index:-1;background:radial-gradient(circle at 50% 38%, color-mix(in oklab, var(--spiri-cyan) 36%, transparent), transparent 34%), radial-gradient(ellipse at 50% 65%, color-mix(in oklab, var(--spiri-blue) 24%, transparent), transparent 68%);filter:blur(36px);border-radius:52% 48% 56% 44%;animation:8.6s ease-in-out infinite spiri-reference-ambient;position:absolute;inset:7% -2% 2%}.spiri-wisp-motion{z-index:1;will-change:transform;width:100%;height:100%;animation:8.2s cubic-bezier(.45,0,.2,1) infinite spiri-reference-float;position:relative}.spiri-wisp-character{width:100%;height:100%;filter:drop-shadow(0 24px 24px color-mix(in oklab, var(--spiri-violet) 26%, transparent));display:block;overflow:visible}.spiri-wisp-floor{fill:color-mix(in oklab, var(--spiri-blue) 18%, transparent);filter:blur(6px);transform-box:fill-box;transform-origin:50%;animation:8.2s ease-in-out infinite spiri-reference-floor}.spiri-wisp-pose,.spiri-wisp-breath,.spiri-wisp-head,.spiri-wisp-head-rim,.spiri-wisp-head-bloom,.spiri-wisp-ribbon,.spiri-wisp-fin-light,.spiri-wisp-face-highlight,.spiri-wisp-face-glass,.spiri-wisp-face-sheen,.spiri-wisp-eyes,.spiri-wisp-eye,.spiri-wisp-gem,.spiri-wisp-orbit,.spiri-wisp-orbit-node,.spiri-wisp-star,.spiri-wisp-mote,.spiri-wisp-current,.spiri-wisp-warning{transform-box:fill-box;transform-origin:50%}.spiri-wisp-pose{transform-origin:50% 48%;transition:transform .7s cubic-bezier(.22,1,.36,1);transform:translate(5px,6px)rotate(-2deg)scale(.95)}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-pose{transform:translate(8px,-2px)rotate(-6deg)scale(1.01)}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-pose{transform:translate(4px,13px)rotate(-3deg)scale(.92)}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-pose{transform:translateY(-7px)rotate(1deg)scale(1.045)}.spiri-wisp-breath{transform-origin:50% 52%;animation:7.4s ease-in-out infinite spiri-reference-breathe}.spiri-wisp-ribbon{mix-blend-mode:screen;will-change:transform}.spiri-wisp-facet{mix-blend-mode:screen;pointer-events:none}.spiri-wisp-petal-crown-left{transform-origin:68% 88%;animation:7.3s ease-in-out infinite spiri-reference-crown-left}.spiri-wisp-petal-crown-right{transform-origin:30% 90%;animation:6.8s ease-in-out -.9s infinite spiri-reference-crown-right}.spiri-wisp-petal-collar-left{transform-origin:91% 34%;animation:6.3s ease-in-out -.4s infinite spiri-reference-collar-left}.spiri-wisp-petal-collar-right{transform-origin:9% 34%;animation:6.7s ease-in-out -1.1s infinite spiri-reference-collar-right}.spiri-wisp-petal-sheen{opacity:.7;stroke-dasharray:18 70;animation:7.8s ease-in-out infinite spiri-reference-sheen}.spiri-wisp-petal-sheen-right{animation-delay:-3.9s}.spiri-wisp-fin-left{transform-origin:86% 42%;animation:7.1s cubic-bezier(.45,0,.2,1) infinite spiri-reference-fin-left}.spiri-wisp-fin-right{transform-origin:14% 42%;animation:7.6s cubic-bezier(.45,0,.2,1) -.8s infinite spiri-reference-fin-right}.spiri-wisp-fin-light{opacity:.54;stroke-dasharray:16 72;animation:6.6s ease-in-out infinite spiri-reference-fin-light}.spiri-wisp-fin-light-right{animation-delay:-3.3s}.spiri-wisp-tail-back{transform-origin:45% 4%;animation:9.2s ease-in-out infinite spiri-reference-tail-back}.spiri-wisp-tail-middle{transform-origin:45% 4%;animation:8.1s ease-in-out -1.7s infinite spiri-reference-tail-middle}.spiri-wisp-tail-front{transform-origin:47% 4%;animation:7.4s ease-in-out -.8s infinite spiri-reference-tail-front}.spiri-wisp-head-bloom{opacity:.24;animation:5.4s ease-in-out infinite spiri-reference-head-bloom}.spiri-wisp-head{transform-origin:50% 64%;animation:7.1s ease-in-out infinite spiri-reference-head-drift}.spiri-wisp-head-rim{opacity:.88;animation:5.8s ease-in-out infinite spiri-reference-rim}.spiri-wisp-face-highlight{mix-blend-mode:screen}.spiri-wisp-face-glass{mix-blend-mode:screen;opacity:.78;animation:8.8s ease-in-out infinite spiri-reference-face-glass}.spiri-wisp-face-highlight-wide{animation:8.4s ease-in-out infinite spiri-reference-highlight-wide}.spiri-wisp-face-highlight-dot{animation:6.9s ease-in-out -2.4s infinite spiri-reference-highlight-dot}.spiri-wisp-face-sheen{opacity:.09;stroke-dasharray:15 85;animation:8.6s ease-in-out infinite spiri-reference-face-sheen}.spiri-wisp-eyes{animation:9.4s ease-in-out infinite spiri-reference-glance}.spiri-wisp-eye{animation:7.4s ease-in-out infinite spiri-reference-blink}.spiri-wisp-eye-right{animation-delay:70ms}.spiri-wisp-gem{filter:drop-shadow(0 0 7px color-mix(in oklab, var(--spiri-cyan) 70%, transparent));animation:4.8s ease-in-out infinite spiri-reference-gem}.spiri-wisp-gem-core{mix-blend-mode:screen}.spiri-wisp-orbits{opacity:.4;transition:opacity .5s}.spiri-wisp-orbit-track{opacity:.08}.spiri-wisp-orbit{animation:16s linear infinite spiri-reference-orbit}.spiri-wisp-orbit-b{animation-duration:21s;animation-direction:reverse}.spiri-wisp-orbit-node{filter:drop-shadow(0 0 6px var(--spiri-cyan));animation:5.2s ease-in-out infinite spiri-reference-orbit-node}.spiri-wisp-orbit-node-b{animation-delay:-2.6s}.spiri-wisp-star{animation:6.4s ease-in-out infinite spiri-reference-star}.spiri-wisp-star-b{animation-delay:-1.8s}.spiri-wisp-star-c{animation-delay:-3.5s}.spiri-wisp-star-d{animation-delay:-4.8s}.spiri-wisp-star-e{animation-delay:-2.7s}.spiri-wisp-current{stroke-dasharray:9 91;animation:5.2s cubic-bezier(.35,0,.2,1) infinite spiri-reference-current}.spiri-wisp-current-b{animation-duration:6.1s;animation-delay:-1.9s}.spiri-wisp-current-c{animation-duration:7.3s;animation-delay:-3.4s}.spiri-wisp-mote{animation:5.8s ease-in-out infinite spiri-reference-mote}.spiri-wisp-mote-b{animation-delay:-1.5s}.spiri-wisp-mote-c{animation-delay:-3s}.spiri-wisp-mote-d{animation-delay:-4.4s}.spiri-wisp-warning{animation:3.8s ease-in-out infinite spiri-reference-warning}.spiri-wisp-illustration[data-visual-state=NO_SUBSCRIPTION] .spiri-wisp-side-fins{transform-origin:50%;transform:translateY(4px)scale(.9)}.spiri-wisp-illustration[data-visual-state=NO_SUBSCRIPTION] .spiri-wisp-eyes{transform:translate(3px,2px)rotate(-2deg)}.spiri-wisp-illustration[data-visual-state=NO_SUBSCRIPTION] .spiri-wisp-orbits{opacity:.2}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-motion{animation:3.8s cubic-bezier(.45,0,.2,1) infinite spiri-reference-connect-flight}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-breath{animation-duration:3.4s}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-side-fins{transform-origin:50%;transform:translateY(-2px)scale(1.04,.88)}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-tail-ribbons{transform-origin:50% 8%;transform:translate(12px,-9px)rotate(-9deg)scaleY(1.06)}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-orbits{opacity:.92}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-orbit{animation-duration:4.6s}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-current{stroke-dasharray:18 82;animation-duration:1.65s}.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-star,.spiri-wisp-illustration[data-visual-state=CONNECTING] .spiri-wisp-mote{animation-duration:2.4s}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-side-fins{transform-origin:50%;transform:translateY(14px)scale(.82,.88)}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-tail-ribbons{transform-origin:50% 8%;transform:translateY(7px)scale(.94,.9)}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-back-petals{transform-origin:50%;transform:translateY(8px)scale(.93)}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-orbits,.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-energy-currents{opacity:.18}.spiri-wisp-illustration[data-visual-state=PROBLEM] .spiri-wisp-eyes{transform:translateY(3px)scale(.94,.82)}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-motion{animation-duration:7.1s}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-side-fins{transform-origin:50%;transform:translateY(-8px)scale(1.1,1.06)}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-back-petals{transform-origin:50%;transform:translateY(-6px)scale(1.06)}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-tail-ribbons{transform-origin:50% 8%;transform:translateY(-6px)scale(1.04,1.08)}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-orbits{opacity:.65}.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-star,.spiri-wisp-illustration[data-visual-state=ACTIVE] .spiri-wisp-mote{animation-duration:4.1s}@keyframes spiri-reference-float{0%,to{transform:translateY(5px)rotate(-.8deg)}30%{transform:translate(-4px,-5px)rotate(-1.8deg)}62%{transform:translate(3px,-12px)rotate(1.4deg)}82%{transform:translate(5px,-2px)rotate(2deg)}}@keyframes spiri-reference-connect-flight{0%,to{transform:translate(-3px,5px)rotate(-1.4deg)scale(.99)}42%{transform:translate(7px,-10px)rotate(1.3deg)scale(1.025)}58%{transform:translate(9px,-12px)rotate(-.2deg)scale(1.035)}}@keyframes spiri-reference-breathe{0%,to{transform:scale(.99,1.006)}50%{transform:scale(1.012,.994)}}@keyframes spiri-reference-ambient{0%,to{opacity:.52;transform:scale(.93)rotate(-2deg)}50%{opacity:.92;transform:scale(1.06)rotate(2deg)}}@keyframes spiri-reference-floor{0%,to{opacity:.26;transform:scaleX(.78)}50%{opacity:.58;transform:scaleX(1.04)}}@keyframes spiri-reference-crown-left{0%,to{transform:rotate(-2deg)scaleY(.99)}48%{transform:translate(3px,-5px)rotate(5deg)scaleY(1.045)}}@keyframes spiri-reference-crown-right{0%,to{transform:rotate(2deg)scaleY(.99)}52%{transform:translate(-4px,-4px)rotate(-5deg)scaleY(1.04)}}@keyframes spiri-reference-collar-left{0%,to{transform:rotate(-1deg)scale(1)}50%{transform:translate(-3px,-3px)rotate(4deg)scale(1.025)}}@keyframes spiri-reference-collar-right{0%,to{transform:rotate(1deg)scale(1)}50%{transform:translate(3px,-4px)rotate(-4deg)scale(1.025)}}@keyframes spiri-reference-fin-left{0%,to{transform:rotate(-2deg)scaleX(.99)}50%{transform:translate(-5px,-6px)rotate(5deg)scaleX(1.035)}}@keyframes spiri-reference-fin-right{0%,to{transform:rotate(2deg)scaleX(.99)}50%{transform:translate(5px,-5px)rotate(-5deg)scaleX(1.035)}}@keyframes spiri-reference-tail-back{0%,to{transform:rotate(2deg)scaleX(.98)}50%{transform:translate(-5px,3px)rotate(-5deg)scaleX(1.035)}}@keyframes spiri-reference-tail-middle{0%,to{transform:rotate(-1deg)scaleX(1)}50%{transform:translate(5px,-2px)rotate(5deg)scaleX(.98)}}@keyframes spiri-reference-tail-front{0%,to{transform:rotate(1deg)scaleX(.99)}50%{transform:translate(-3px,-4px)rotate(-4deg)scaleX(1.025)}}@keyframes spiri-reference-head-drift{0%,to{transform:translateY(1px)rotate(-.6deg)}50%{transform:translate(1px,-4px)rotate(.8deg)}}@keyframes spiri-reference-head-bloom{0%,to{opacity:.18;transform:scale(.92)}50%{opacity:.35;transform:scale(1.08)}}@keyframes spiri-reference-rim{0%,to{opacity:.66;transform:scale(.995)}50%{opacity:.96;transform:scale(1.018)}}@keyframes spiri-reference-highlight-wide{0%,to{opacity:.42;transform:translate(0)}50%{opacity:.7;transform:translate(2px,-2px)}}@keyframes spiri-reference-highlight-dot{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.68;transform:scale(1.06)}}@keyframes spiri-reference-face-sheen{0%,44%,to{stroke-dashoffset:116px;opacity:.05}58%{opacity:.64}75%{stroke-dashoffset:0;opacity:.08}}@keyframes spiri-reference-face-glass{0%,to{opacity:.52;transform:translate(0)rotate(-21deg)scale(.97)}50%{opacity:.88;transform:translate(3px,-2px)rotate(-18deg)scale(1.035)}}@keyframes spiri-reference-blink{0%,37%,41%,72%,76%,to{transform:scaleY(1)}39%,74%{transform:scaleY(.08)}}@keyframes spiri-reference-glance{0%,25%,to{transform:translate(0)}38%,52%{transform:translate(3px,-1px)}68%,82%{transform:translate(-2px,1px)}}@keyframes spiri-reference-gem{0%,to{opacity:.72;transform:scale(.92)rotate(-2deg)}50%{opacity:1;transform:scale(1.08)rotate(2deg)}}@keyframes spiri-reference-sheen{0%,44%,to{stroke-dashoffset:94px;opacity:.08}58%{opacity:.72}78%{stroke-dashoffset:0;opacity:.18}}@keyframes spiri-reference-fin-light{0%,42%,to{stroke-dashoffset:94px;opacity:.06}58%{opacity:.6}80%{stroke-dashoffset:0;opacity:.12}}@keyframes spiri-reference-orbit{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@keyframes spiri-reference-orbit-node{0%,to{opacity:.35;transform:scale(.76)}50%{opacity:1;transform:scale(1.22)}}@keyframes spiri-reference-current{0%{stroke-dashoffset:108px;opacity:0}14%{opacity:.92}76%{opacity:.68}to{stroke-dashoffset:0;opacity:0}}@keyframes spiri-reference-star{0%,to{opacity:.18;transform:translateY(5px)rotate(0)scale(.7)}50%{opacity:.96;transform:translate(3px,-7px)rotate(90deg)scale(1.13)}}@keyframes spiri-reference-mote{0%,to{opacity:.12;transform:translateY(9px)scale(.5)}46%{opacity:.9;transform:translate(8px,-13px)scale(1.12)}76%{opacity:.16;transform:translate(14px,-27px)scale(.6)}}@keyframes spiri-reference-warning{0%,to{opacity:.44;transform:translateY(2px)scale(.86)}50%{opacity:1;transform:translate(3px,-3px)scale(1.1)}}@media (width<=639px){.spiri-wisp-illustration{width:min(100%,19rem)}}@media (prefers-reduced-motion:reduce){.spiri-wisp-illustration *,.spiri-wisp-illustration:before,.spiri-wisp-illustration:after{transition:none!important;animation:none!important}}
