.mate-mark{--mate-red-a:#ce5643;--mate-red-b:#a9402f;--mate-red:#c24c3a;--mate-cream:#fcf8f2;--mate-cream-edge:#e9dac6;--mate-iris-a:#9a6a42;--mate-iris-b:#6b4426;--mate-iris-c:#40291a;--mate-pupil:#2a1b10;--mate-gap:var(--cream-2,#fffdfa);position:relative;width:var(--s);display:flex;flex-direction:column;align-items:center;transform-origin:50% 92%}:root.dark .mate-mark,[data-theme=dark] .mate-mark{--mate-red-a:#dd6552;--mate-red-b:#b8462f;--mate-red:#dd6552;--mate-cream:#f8efe2}.mate-bust{transform-origin:50% 92%}.mate-antenna,.mate-bust{display:flex;flex-direction:column;align-items:center}.mate-antenna i{width:calc(var(--s) * .196);height:calc(var(--s) * .196);border-radius:99px}.mate-antenna b,.mate-antenna i{display:block;background:var(--mate-red)}.mate-antenna b{width:calc(var(--s) * .08);height:calc(var(--s) * .152)}.mate-antenna b,.mate-head{margin-top:calc(var(--s) * -.018)}.mate-head{width:var(--s);height:calc(var(--s) * .857);border-radius:calc(var(--s) * .321);background:linear-gradient(160deg,var(--mate-red-a),var(--mate-red-b));display:flex;align-items:center;justify-content:center;gap:calc(var(--s) * .143)}.mate-mark[data-tier=full] .mate-head{box-shadow:0 calc(var(--s) * .125) calc(var(--s) * .232) #8c342442}.mate-mark[data-tier=flat] .mate-head{background:var(--mate-red);box-shadow:none}.mate-eye{width:calc(var(--s) * .241);height:calc(var(--s) * .241);border-radius:99px;background:radial-gradient(circle at 36% 26%,#fff 0,var(--mate-cream) 60%,var(--mate-cream-edge) 100%);box-shadow:inset 0 calc(var(--s) * .027) calc(var(--s) * .036) #8c342433;display:flex;align-items:center;justify-content:center}.mate-mark[data-tier=flat] .mate-eye{background:var(--mate-cream);box-shadow:inset 0 0 0 1.4px #4a3322}.mate-iris{position:relative;width:63%;height:63%;border-radius:99px;background:radial-gradient(circle at 34% 28%,var(--mate-iris-a) 0,var(--mate-iris-b) 52%,var(--mate-iris-c) 100%);display:flex;align-items:center;justify-content:center}.mate-pupil{width:47%;height:47%;border-radius:99px;background:var(--mate-pupil)}.mate-mark[data-tier=full] .mate-iris:after,.mate-mark[data-tier=full] .mate-iris:before{content:"";position:absolute;border-radius:99px;background:#fff}.mate-mark[data-tier=full] .mate-iris:before{top:12%;left:18%;width:35%;height:35%;opacity:.92}.mate-mark[data-tier=full] .mate-iris:after{bottom:18%;right:18%;width:18%;height:18%;opacity:.5}.mate-hand{position:absolute;bottom:calc(var(--s) * .045);width:calc(var(--s) * .393);height:calc(var(--s) * .375);transform-origin:50% 94%;opacity:0;pointer-events:none}.mate-hand.r{right:calc(var(--s) * -.232)}.mate-hand.l{left:calc(var(--s) * -.232)}.mate-hand .fingers{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center}.mate-hand .fingers>div{display:flex;align-items:flex-end;gap:calc(var(--s) * .027)}.mate-hand .fingers>div span{width:calc(var(--s) * .071);border-radius:99px;box-shadow:0 0 0 calc(var(--s) * .027) var(--mate-gap)}.mate-hand .fingers>div span,.mate-hand .palm{background:linear-gradient(160deg,var(--mate-red-a),var(--mate-red-b))}.mate-hand .palm{position:relative;z-index:1;width:calc(var(--s) * .339);height:calc(var(--s) * .214);border-radius:calc(var(--s) * .107);margin-top:calc(var(--s) * -.08);box-shadow:0 0 0 calc(var(--s) * .027) var(--mate-gap),0 calc(var(--s) * .054) calc(var(--s) * .107) #8c34242e}.mate-hand .thumb{position:absolute;bottom:calc(var(--s) * .045);width:calc(var(--s) * .152);height:calc(var(--s) * .089);border-radius:99px;background:linear-gradient(160deg,var(--mate-red-a),var(--mate-red-b));box-shadow:0 0 0 calc(var(--s) * .027) var(--mate-gap)}.mate-hand.r .thumb{right:calc(var(--s) * -.027);transform:rotate(32deg)}.mate-hand.l .thumb{left:calc(var(--s) * -.027);transform:rotate(-32deg)}.mate-hand.r .fingers span:first-child{height:calc(var(--s) * .152)}.mate-hand.r .fingers span:nth-child(2){height:calc(var(--s) * .188)}.mate-hand.r .fingers span:nth-child(3){height:calc(var(--s) * .179)}.mate-hand.l .fingers span:first-child,.mate-hand.r .fingers span:nth-child(4){height:calc(var(--s) * .143)}.mate-hand.l .fingers span:nth-child(2){height:calc(var(--s) * .179)}.mate-hand.l .fingers span:nth-child(3){height:calc(var(--s) * .188)}.mate-hand.l .fingers span:nth-child(4){height:calc(var(--s) * .152)}.mate-nine{position:absolute;right:calc(var(--s) * -.268);bottom:calc(var(--s) * .393);z-index:2;padding:calc(var(--s) * .027) calc(var(--s) * .08);border-radius:99px;font-size:max(9px,calc(var(--s) * .134));font-weight:800;letter-spacing:-.4px;line-height:1.1;white-space:nowrap;color:#a9402f;background:#fff6ea;border:1.5px solid #ebd3b8;box-shadow:0 calc(var(--s) * .036) calc(var(--s) * .089) #8c342429;transform-origin:50% 100%;opacity:0;pointer-events:none}:root.dark .mate-nine,[data-theme=dark] .mate-nine{color:#f1c779;background:#2f2616;border-color:#4c3e2e}.mate-mark.greet{animation:mate-greet 3.2s cubic-bezier(.22,.85,.28,1) .1s both}.mate-mark.greet .mate-bust{animation:mate-tilt 3.2s cubic-bezier(.4,.15,.3,1) .28s both}.mate-mark.greet .mate-antenna{animation:mate-antenna 3.2s cubic-bezier(.4,.15,.3,1) .28s both}.mate-mark.greet .mate-eye{animation:mate-blink 3.2s cubic-bezier(.35,0,.25,1) .28s both}.mate-mark.greet .mate-eye:last-child{animation-delay:.3s}.mate-mark.greet .mate-nine{animation:mate-nine 3.2s cubic-bezier(.25,.6,.2,1) .3s both}.mate-mark.greet .mate-hand.r{animation:mate-hand-r 3.2s cubic-bezier(.38,.1,.28,1) .3s both}.mate-mark.greet .mate-hand.l{animation:mate-hand-l 3.2s cubic-bezier(.38,.1,.28,1) .36s both}@keyframes mate-greet{0%{transform:scale(.955) translateY(3px)}8%{transform:scale(1.06) translateY(-3px)}18%{transform:scale(1.09) translateY(-4px)}78%{transform:scale(1.09) translateY(-4px)}90%{transform:scale(1.03) translateY(-1px)}to{transform:scale(1) translateY(0)}}@keyframes mate-tilt{0%,5%{transform:translateY(0) rotate(0deg) scale(1)}16%{transform:translateY(-3px) rotate(-2deg) scale(1.015)}30%{transform:translateY(0) rotate(0deg) scale(1)}42%{transform:translateY(-2px) rotate(-1.5deg) scale(1.01)}54%{transform:translateY(0) rotate(0deg) scale(1)}62%{transform:translateY(-1px) rotate(6deg) scale(1)}70%{transform:translateY(0) rotate(-5.5deg) scale(1)}78%{transform:translateY(0) rotate(4deg) scale(1)}86%{transform:translateY(0) rotate(-2deg) scale(1)}93%,to{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes mate-blink{0%,34%{transform:scaleY(1)}37.5%{transform:scaleY(.08)}41%{transform:scaleY(1)}44.5%{transform:scaleY(.08)}48%,to{transform:scaleY(1)}}@keyframes mate-nine{0%,26%{transform:translate(0) scale(.35) rotate(6deg);opacity:0}31%{transform:translate(2px,-13px) scale(1.06) rotate(-3deg);opacity:1}44%{transform:translate(6px,-33px) scale(1) rotate(-7deg);opacity:1}62%{transform:translate(10px,-55px) scale(.96) rotate(-4deg);opacity:.5}78%,to{transform:translate(14px,-74px) scale(.9) rotate(-2deg);opacity:0}}@keyframes mate-antenna{0%,6%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-2.5px) rotate(-3deg)}38%{transform:translateY(.5px) rotate(0deg)}52%{transform:translateY(-1.5px) rotate(-2deg)}64%{transform:translateY(0) rotate(7deg)}72%{transform:translateY(0) rotate(-6deg)}82%{transform:translateY(0) rotate(4deg)}93%,to{transform:translateY(0) rotate(0deg)}}@keyframes mate-hand-r{0%{transform:translate(-20px,16px) rotate(-24deg) scale(.62);opacity:0}8%{transform:translate(-4px,3px) rotate(6deg) scale(.94);opacity:1}15%{transform:translate(0) rotate(19deg) scale(1)}23%{transform:translateY(-1px) rotate(-3deg) scale(1)}31%{transform:translateY(-1px) rotate(23deg) scale(1)}39%{transform:translate(0) rotate(0deg) scale(1)}47%{transform:translateY(-1px) rotate(18deg) scale(1)}56%{transform:translate(0) rotate(3deg) scale(1)}70%{transform:translate(0) rotate(9deg) scale(1)}80%{transform:translate(0) rotate(4deg) scale(1);opacity:1}90%{transform:translate(-10px,9px) rotate(-8deg) scale(.84);opacity:.9}to{transform:translate(-20px,17px) rotate(-24deg) scale(.6);opacity:0}}@keyframes mate-hand-l{0%{transform:translate(20px,16px) rotate(24deg) scale(.62);opacity:0}8%{transform:translate(4px,3px) rotate(-6deg) scale(.94);opacity:1}16%{transform:translate(0) rotate(-17deg) scale(1)}24%{transform:translateY(-1px) rotate(2deg) scale(1)}32%{transform:translateY(-1px) rotate(-21deg) scale(1)}40%{transform:translate(0) rotate(-1deg) scale(1)}48%{transform:translateY(-1px) rotate(-16deg) scale(1)}57%{transform:translate(0) rotate(-3deg) scale(1)}70%{transform:translate(0) rotate(-8deg) scale(1)}80%{transform:translate(0) rotate(-4deg) scale(1);opacity:1}90%{transform:translate(10px,9px) rotate(8deg) scale(.84);opacity:.9}to{transform:translate(20px,17px) rotate(24deg) scale(.6);opacity:0}}@media (prefers-reduced-motion:reduce){.mate-mark.greet,.mate-mark.greet *{animation:none!important}.mate-mark.greet .mate-hand{opacity:0}}