:root{--wisp-face:#2b2420;--wisp-glow:#f6e3b4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wisp-face:#0e0c0b}}:root[data-theme=dark]{--wisp-face:#0e0c0b}.mark{overflow:visible}.wisp-face{fill:var(--wisp-face)}.wisp{fill:var(--wisp-hat,var(--fig));transition:fill .6s}[data-mood=night] .wisp{fill:var(--ink-4)}.eye{fill:var(--wisp-glow)}.lid{fill:none;stroke:var(--wisp-glow);stroke-width:2.6px;stroke-linecap:round}.wm-word{fill:currentColor}.tittle{fill:var(--wisp-hat,var(--fig));transition:fill .6s}[data-mood=night] .tittle{fill:var(--ink-4)}[data-mood=wink] .tittle:last-child{transform-box:fill-box;transform-origin:50%;animation:none;transform:scaleY(.12)}.eye.lantern{fill:#f2a541}.lid.swirl{stroke-width:1.3px}.wisp-embers{fill:var(--wisp-hat,var(--fig));opacity:0}.wisp-z{fill:var(--ink-3);font:600 10px var(--sans,sans-serif);opacity:0}@media (prefers-reduced-motion:no-preference){.wisp-pop,.wisp-arrive,.wisp-mood,.wisp-flick,.wisp-look,.wisp-glance{transform-box:view-box;transform-origin:28px 51px}.wisp-pop{animation:.55s cubic-bezier(.3,1.6,.5,1) both wisp-pop}.wisp-perk{animation:.9s cubic-bezier(.3,1.4,.5,1) wisp-perk}.wisp-perk .wisp-glance{animation:.9s ease-out wisp-peek}.wisp-flick{animation:3.6s ease-in-out infinite alternate wisp-flick}.wisp-look{transform:translate(calc(var(--lx,0) * 1px), calc(var(--ly,0) * 1px));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.eye,.tittle{transform-box:fill-box;transform-origin:50%;animation:9s infinite wisp-blink;animation-delay:var(--blink-delay,-2s)}[data-mood=reading] .tittle{animation-duration:6s}[data-mood=done] .tittle,[data-mood=night] .tittle{animation:none}.wisp-look.tittles{transform:translate(calc(var(--lx,0) * 26px), calc(var(--ly,0) * 26px))}[data-mood=waiting] .wisp-glance{animation:17s ease-in-out infinite wisp-glance;animation-delay:var(--blink-delay,0s)}[data-following] .wisp-glance{animation-play-state:paused}[data-mood=reading] .wisp-glance{animation:2.2s ease-in-out infinite wisp-read}[data-mood=reading] .eye{animation-duration:6s}.wisp-mood[data-mood=needs]{animation:2.8s cubic-bezier(.3,0,.3,1) infinite wisp-hop}.wisp-mood[data-mood=done]{animation:.9s ease-in-out .2s wisp-wiggle}.wisp-mood[data-mood=night]{animation:5s ease-in-out infinite wisp-breathe}[data-mood=night] .wisp-flick{animation:none}[data-mood=night] .wisp-z{animation:5s ease-out infinite wisp-z}.lid.swirl{transform-box:fill-box;transform-origin:50%;animation:.9s linear infinite wisp-spin}.wisp-mood[data-mood=dizzy]{animation:1.2s ease-in-out infinite wisp-wobble}.wisp-mood[data-mood=spell]{animation:.9s cubic-bezier(.3,1.4,.5,1) 2 wisp-perk}[data-mood=spell] .eye{animation:.7s ease-in-out infinite alternate wisp-twinkle}.wisp-embers circle{transform-box:fill-box;transform-origin:50%}.wisp-embers{opacity:1}.wisp-embers circle{opacity:0;animation:1.3s ease-out infinite wisp-ember}.wisp-embers circle:nth-child(2){animation-delay:.4s}.wisp-embers circle:nth-child(3){animation-delay:.8s}[data-mood=wary] .wisp-glance{transform:translate(.6px,.4px)}[data-mood=peek] .eye.peek{animation:1.4s ease-out both wisp-peek-open}.mark{transform-origin:50% 90%;transition:transform .15s}.rail-mark:hover .mark,.brand:hover .mark,.auth-brand:hover .mark{animation:.7s ease-in-out wisp-wiggle}.rail-mark:active .mark,.brand:active .mark{transform:scale(1.12,.84)}}@keyframes wisp-pop{0%{transform:scale(.7,.5)}55%{transform:scale(1.06,1.1)}to{transform:scale(1)}}@keyframes wisp-perk{0%,to{transform:none}30%{transform:translateY(-7px)scale(.94,1.1)}60%{transform:translateY(0)scale(1.07,.92)}}@keyframes wisp-peek{0%,to{transform:none}25%,75%{transform:translate(2.2px,-.4px)}}@keyframes wisp-flick{0%{transform:skew(0)scale(1)}50%{transform:skew(-2.5deg)scale(.99,1.025)}to{transform:skew(1.5deg)scale(1.01,.99)}}@keyframes wisp-blink{0%,30%,33.4%,85%,86.6%,88.2%,89.8%,to{transform:scaleY(1)}31.7%,85.8%,89%{transform:scaleY(.08)}}@keyframes wisp-glance{0%,38%,56%,80%,to{transform:none}42%,52%{transform:translate(-1.9px,-.4px)}68%,76%{transform:translate(1.9px,.3px)}}@keyframes wisp-read{0%,to{transform:translate(-1.7px,-.6px)}72%,80%{transform:translate(1.7px,-.2px)}92%{transform:translate(-1.7px,.8px)}}@keyframes wisp-hop{0%,56%,92%,to{transform:none}63%{transform:scale(1.08,.9)}73%{transform:translateY(-5px)scale(.94,1.08)}84%{transform:scale(1.06,.93)}}@keyframes wisp-wiggle{0%,to{transform:none}20%{transform:rotate(-8deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}@keyframes wisp-breathe{0%,to{transform:none}50%{transform:scale(1.02,1.035)}}@keyframes wisp-z{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(5px,-9px)}}@keyframes wisp-spin{to{transform:rotate(360deg)}}@keyframes wisp-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)translate(-1px)}75%{transform:rotate(9deg)translate(1px)}}@keyframes wisp-twinkle{0%{transform:scale(.8)rotate(0)}to{transform:scale(1.15)rotate(20deg)}}@keyframes wisp-ember{0%{opacity:0;transform:translate(0)scale(1)}25%{opacity:1}to{opacity:0;transform:translate(1.5px,-9px)scale(.4)}}@keyframes wisp-peek-open{0%{transform:scaleY(.1)}60%,to{transform:scaleY(1)}}
