.cs-card{--t:2.6s;--s:1.1s;bottom:16px;z-index:60;border:1px solid var(--color-line);background:var(--color-white);width:min(620px,100vw - 32px);animation:cs-rise .6s var(--ease-nanbis) both;border-radius:22px;position:fixed;inset-inline-start:16px;box-shadow:0 1px 2px #1a18160d,0 30px 70px -30px #1a181659}.cs-card[data-leaving]{animation:cs-leave .45s var(--ease-nanbis) forwards;pointer-events:none}.cs-card[data-reply=reject]{--t:1s}@media (max-width:639px){.cs-card{bottom:12px;width:auto;inset-inline:12px}}.cs-scene{aspect-ratio:34/38;background:var(--color-fog);border-radius:14px;align-self:center;width:100px;position:relative}@media (min-width:640px){.cs-scene{width:132px}}:where(.cs-scene svg *){transform-box:view-box}.cs-char{animation:.5s steps(5,end) .35s both cs-pop}.cs-cloud{animation:34s linear infinite cs-cloud}.cs-eyes{transform-box:fill-box;transform-origin:50%;animation:3.7s step-end infinite cs-blink}.cs-head{animation:cs-chew var(--t) steps(1) var(--s) infinite}.cs-arm-l{transform-origin:1.5px 12.5px;animation:cs-eat var(--t) ease-in-out var(--s) infinite}.cs-arm-r{transform-origin:12.5px 12.5px}.cs-seed{animation:cs-seed var(--t) steps(1) var(--s) infinite}.cs-mouth-open{opacity:0;animation:cs-mouth var(--t) steps(1) var(--s) infinite}.cs-shell{opacity:0;transform-box:fill-box;transform-origin:50%}.cs-shell-a{animation:cs-fly-a var(--t) linear var(--s) infinite}.cs-shell-b{animation:cs-fly-b var(--t) linear var(--s) infinite}.cs-pile{animation:1ms step-end both cs-show;animation-delay:calc(var(--s) + var(--i) * var(--t) + var(--t) * .6)}.cs-crack{opacity:0;font-family:var(--font-mono);fill:var(--color-ember-deep);transform-box:fill-box;transform-origin:50%;animation:cs-crack var(--t) ease-out var(--s) infinite;font-size:4.2px;font-weight:700}.cs-heart{opacity:0}.cs-bubble{bottom:84%;z-index:1;border:2px solid var(--color-ink);background:var(--color-white);box-shadow:3px 3px 0 var(--color-ink);font-family:var(--font-mono);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;animation:.3s steps(3,end) both cs-bubble;position:absolute;inset-inline-start:6%}.cs-bubble:after{content:"";top:100%;background:var(--color-ink);width:8px;height:6px;box-shadow:4px 4px 0 var(--color-ink);margin-top:2px;position:absolute;inset-inline-start:30px}.cs-bubble: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)):after{box-shadow:-4px 4px 0 var(--color-ink)}.cs-btn{border:1px solid var(--color-line-strong);background:var(--color-white);white-space:nowrap;animation:cs-rise .5s var(--ease-nanbis) var(--d) both;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;transition:border-color .2s,background-color .2s,color .2s,opacity .3s;display:inline-flex}.cs-btn:hover{border-color:var(--color-ink)}.cs-btn-ink{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-white)}.cs-btn-ink:hover{border-color:var(--color-ember);background:var(--color-ember)}.cs-btn:focus-visible{outline:2px solid var(--color-ember);outline-offset:2px}.cs-btn:disabled{cursor:default;opacity:.4}.cs-btn[data-picked]{opacity:1;border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-ember-soft)}[data-reply] .cs-shell,[data-reply] .cs-crack{opacity:0;animation:none}[data-reply=all] .cs-head,[data-reply=necessary] .cs-head,[data-reply=all] .cs-seed,[data-reply=necessary] .cs-seed{animation:none}[data-reply=all] .cs-char{animation:.5s steps(4,end) 2 cs-jump}[data-reply=all] .cs-arm-l{animation:.25s ease-out forwards cs-cheer-l}[data-reply=all] .cs-arm-r{animation:.25s ease-out forwards cs-cheer-r}[data-reply=all] .cs-mouth-open{opacity:1;animation:none}[data-reply=all] .cs-heart{animation:cs-heart 1.3s ease-out calc(.15s + var(--h) * .18s) both}[data-reply=necessary] .cs-arm-l{animation:.3s ease-out forwards cs-shrug-l}[data-reply=necessary] .cs-arm-r{animation:.3s ease-out forwards cs-shrug-r}[data-reply=necessary] .cs-head{transform-origin:7px 12px;animation:.3s ease-out forwards cs-tilt}[data-reply=necessary] .cs-mouth-open{animation:none}@keyframes cs-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes cs-leave{to{opacity:0;transform:translateY(24px)}}@keyframes cs-pop{0%{transform:translateY(28px)}}@keyframes cs-cloud{0%{transform:translate(10px)}to{transform:translate(-34px)}}@keyframes cs-blink{0%,92%,96%{transform:scaleY(1)}93%{transform:scaleY(.15)}}@keyframes cs-eat{0%,62%,to{transform:rotate(0)}12%{transform:rotate(-25deg)}26%,34%,44%{transform:rotate(-105deg)}30%,38%{transform:rotate(-97deg)}56%{transform:rotate(-12deg)}}@keyframes cs-seed{0%,72%{opacity:1}31%{opacity:0}}@keyframes cs-mouth{0%,30%,38%,46%{opacity:0}26%,34%,42%{opacity:1}}@keyframes cs-chew{0%,34%,42%{transform:translateY(0)}30%,38%{transform:translateY(.5px)}}@keyframes cs-crack{0%,30%{opacity:0;transform:translateY(1px)scale(.4)}33%{opacity:1;transform:translateY(0)scale(1.15)}36%{transform:scale(1)}46%{opacity:1}52%,to{opacity:0;transform:translateY(-3px)}}@keyframes cs-fly-a{0%,32%{opacity:0;transform:translate(0)rotate(0)}33%{opacity:1}40%{transform:translate(-3px,-3px)rotate(-90deg)}47%{transform:translate(-6px,-2px)rotate(-180deg)}54%{transform:translate(-8px,5px)rotate(-270deg)}60%{opacity:1;transform:translate(-10px,15px)rotate(-360deg)}61%,to{opacity:0;transform:translate(-10px,15px)}}@keyframes cs-fly-b{0%,35%{opacity:0;transform:translate(0)}36%{opacity:1}43%{transform:translate(-1px,-4px)rotate(90deg)}50%{transform:translate(-3px,-3px)rotate(180deg)}56%{transform:translate(-4px,4px)rotate(270deg)}62%{opacity:1;transform:translate(-5px,15px)rotate(360deg)}63%,to{opacity:0;transform:translate(-5px,15px)}}@keyframes cs-show{0%{opacity:0}to{opacity:1}}@keyframes cs-bubble{0%{opacity:0;transform:translateY(8px)scale(.6)}}@keyframes cs-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cs-cheer-l{to{transform:rotate(150deg)}}@keyframes cs-cheer-r{to{transform:rotate(-150deg)}}@keyframes cs-shrug-l{to{transform:rotate(40deg)}}@keyframes cs-shrug-r{to{transform:rotate(-40deg)}}@keyframes cs-tilt{to{transform:rotate(-7deg)}}@keyframes cs-heart{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.cs-card,.cs-card *,.cs-card :after{animation:none!important}.cs-pile{opacity:1}}