.sotto-avatar .sotto{aspect-ratio:1;width:100%;height:100%;position:relative}.sotto-avatar .sotto img.l{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sotto-avatar .body,.sotto-avatar .dogwrap,.sotto-avatar .breathe{position:absolute;inset:0}.sotto-avatar .body{transform-origin:50% 86%}.sotto-avatar .earL{transform-origin:31.055% 19.043%}.sotto-avatar .earR{transform-origin:68.359% 18.555%}.sotto-avatar .patch{width:27.832%;height:12.207%;position:absolute;top:20.02%;left:35.156%}.sotto-avatar .lid{clip-path:inset(0 0 100%)}.sotto-avatar .sad{opacity:0}.sotto-avatar .shine{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 40%,#fff0dcf2 50%,#0000 60%) 100% 0/300% 100% no-repeat;position:absolute;inset:0;-webkit-mask-image:url(/sotto/cup-shine-mask.webp);mask-image:url(/sotto/cup-shine-mask.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%}.sotto-avatar .steam{opacity:0;width:4.492%;height:14.648%;position:absolute}.sotto-avatar .steam path{fill:none;stroke:#d8c6b2;stroke-width:8px;stroke-linecap:round}.sotto-avatar .s1{top:37.109%;left:26.172%}.sotto-avatar .s2{top:38.086%;left:69.531%}.sotto-avatar .fx{pointer-events:none;position:absolute;inset:0}.sotto-avatar .dots{opacity:0;gap:6%;width:12.695%;display:flex;position:absolute;top:8.789%;left:76.172%}.sotto-avatar .dots i{aspect-ratio:1;opacity:.85;background:#4b1f45;border-radius:50%;flex:1}.sotto-avatar .heart{opacity:0;width:5.859%;position:absolute}.sotto-avatar .heart path{fill:#c2185b}.sotto-avatar .h1{top:29.297%;left:16.602%}.sotto-avatar .h2{top:24.414%;left:78.125%}.sotto-avatar .h3{top:11.719%;left:70.312%}.sotto-avatar .drop{opacity:0;width:3.32%;position:absolute;top:14.648%;left:68.848%}.sotto-avatar .lid{animation:6s linear infinite sotto-blink}.sotto-avatar .shine{animation:6s ease-in-out infinite sotto-shine}.sotto-avatar .s1{animation:6s ease-out infinite sotto-steam}.sotto-avatar .s2{animation:6s ease-out 3s infinite sotto-steam}@keyframes sotto-rock{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes sotto-earLidle{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}65%{transform:rotate(1.5deg)}}@keyframes sotto-earRidle{0%,to{transform:rotate(0)}35%{transform:rotate(3deg)}70%{transform:rotate(-1.5deg)}}@keyframes sotto-blink{0%,32%{clip-path:inset(0 0 100%)}33.2%{clip-path:inset(0)}34.4%,78%{clip-path:inset(0 0 100%)}79.2%{clip-path:inset(0)}80.4%,82%{clip-path:inset(0 0 100%)}83.2%{clip-path:inset(0)}84.4%,to{clip-path:inset(0 0 100%)}}@keyframes sotto-shine{0%,12%{background-position:100% 0}30%,to{background-position:0 0}}@keyframes sotto-steam{0%{opacity:0;transform:translateY(20%)scaleX(.8)}15%{opacity:.85}55%{opacity:0;transform:translateY(-45%)scaleX(1.2)}to{opacity:0}}.sotto-avatar [data-mood=thinking] .earL{animation:3s ease-in-out infinite sotto-earLthink}.sotto-avatar [data-mood=thinking] .earR{animation:3s ease-in-out infinite sotto-earRthink}.sotto-avatar [data-mood=thinking] .dots{opacity:1}.sotto-avatar [data-mood=thinking] .dots i{animation:1.2s ease-in-out infinite sotto-dot}.sotto-avatar [data-mood=thinking] .dots i:nth-child(2){animation-delay:.2s}.sotto-avatar [data-mood=thinking] .dots i:nth-child(3){animation-delay:.4s}@keyframes sotto-think{0%,to{transform:rotate(2deg)}50%{transform:rotate(3deg)translateY(-.4%)}}@keyframes sotto-earLthink{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-5deg)}}@keyframes sotto-earRthink{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(-1.5deg)}}@keyframes sotto-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-40%)}}.sotto-avatar [data-mood=happy] .earL{animation:.4s ease-in-out infinite sotto-flapL}.sotto-avatar [data-mood=happy] .earR{animation:.4s ease-in-out 50ms infinite sotto-flapR}.sotto-avatar [data-mood=happy] .heart{animation:2.4s ease-out infinite sotto-heart}.sotto-avatar [data-mood=happy] .h2{animation-delay:.8s}.sotto-avatar [data-mood=happy] .h3{animation-delay:1.6s}@keyframes sotto-hop{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.02,.97)}45%{transform:translateY(-4%)scale(.99,1.02)}75%{transform:translateY(0)scale(1.01,.99)}}@keyframes sotto-flapL{0%,to{transform:rotate(2.5deg)}50%{transform:rotate(-5deg)}}@keyframes sotto-flapR{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(5deg)}}@keyframes sotto-heart{0%{opacity:0;transform:translateY(0)}20%{opacity:.55}80%{opacity:0;transform:translateY(-220%)}to{opacity:0}}.sotto-avatar [data-mood=sorry] .dogwrap{animation:1.1s cubic-bezier(.5,0,.3,1) .5s both sotto-sink}.sotto-avatar [data-mood=sorry] .breathe{animation:3s ease-in-out 1.6s infinite sotto-breathe}.sotto-avatar [data-mood=sorry] .earL{animation:.6s ease-out both sotto-droopL}.sotto-avatar [data-mood=sorry] .earR{animation:.6s ease-out both sotto-droopR}.sotto-avatar [data-mood=sorry] .sad{animation:.35s ease-out .15s both sotto-fadein}.sotto-avatar [data-mood=sorry] .lid{animation:5s linear 2s infinite sotto-sadblink}@keyframes sotto-sink{0%{transform:translateY(0)}to{transform:translateY(17%)}}@keyframes sotto-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(.6%)}}@keyframes sotto-droopL{to{transform:rotate(-4deg)}}@keyframes sotto-droopR{to{transform:rotate(4deg)}}@keyframes sotto-fadein{to{opacity:1}}@keyframes sotto-sadblink{0%,60%{clip-path:inset(0 0 100%)}62%{clip-path:inset(0)}66%,to{clip-path:inset(0 0 100%)}}@keyframes sotto-drop{0%{opacity:0;transform:translateY(0)}12%{opacity:1}70%{opacity:1;transform:translateY(160%)}85%,to{opacity:0;transform:translateY(200%)}}.sotto-avatar .sorryart{opacity:0}.sotto-avatar [data-mood=sorry] .dogwrap,.sotto-avatar [data-mood=sorry] .breathe,.sotto-avatar [data-mood=sorry] .sad,.sotto-avatar [data-mood=sorry] .lid{animation:none}.sotto-avatar [data-mood=sorry] .sorryart{animation:.45s ease-out both sotto-fadein}.sotto-avatar [data-mood=sorry] .drop{animation:none}.sotto-avatar [data-mood=sorry] .sorrydrop{animation:2.6s ease-in 1s infinite sotto-drop}@keyframes sotto-worry{0%,to{transform:translateY(.8%)rotate(-.6deg)}50%{transform:translateY(1.1%)rotate(.6deg)}}.sotto-avatar .sorrydrop{opacity:0;z-index:5;width:3.3%;position:absolute;top:15%;left:69%}.sotto-avatar .thinkart{opacity:0}.sotto-avatar [data-mood=thinking] .thinkart{animation:.18s ease-out both sotto-fadein}.sotto-avatar [data-mood=thinking] .body{animation:3.2s ease-in-out .5s infinite sotto-ponder}@keyframes sotto-ponder{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)translateY(-.3%)}}.sotto-avatar [data-mood=thinking] .rigpart,.sotto-avatar [data-mood=sorry] .rigpart{animation:.45s ease-out both sotto-fadeout!important}@keyframes sotto-fadeout{to{opacity:0}}.sotto-avatar .happyart,.sotto-avatar .sorryrig{opacity:0}.sotto-avatar .sorryrig,.sotto-avatar .sorrysink,.sotto-avatar .sorrybreathe{position:absolute;inset:0}.sotto-avatar [data-mood=happy] .rigpart{animation:.3s ease-out both sotto-fadeout!important}.sotto-avatar [data-mood=happy] .happyart,.sotto-avatar [data-mood=sorry] .sorryrig{animation:.18s ease-out both sotto-fadein}.sotto-avatar [data-mood=sorry] .sorrysink{animation:1.3s cubic-bezier(.5,0,.3,1) .6s both sotto-sink2}.sotto-avatar [data-mood=sorry] .sorrybreathe{animation:3s ease-in-out 2s infinite sotto-breathe}.sotto-avatar [data-mood=sorry] .body{animation:none}@keyframes sotto-sink2{0%{transform:translateY(0)}to{transform:translateY(19%)}}.sotto-avatar .sorryrim{opacity:0}.sotto-avatar [data-mood=sorry] .sorryrim{animation:.5s ease-in 1s both sotto-fadein}.sotto-avatar [data-mood=thinking] .rigpart,.sotto-avatar [data-mood=sorry] .rigpart,.sotto-avatar [data-mood=happy] .rigpart{animation:.12s linear .12s both sotto-fadeout!important}@media (prefers-reduced-motion:reduce){.sotto *{animation:none!important}}.sotto-avatar{vertical-align:middle;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.sotto-avatar.sotto-head{border-radius:50%}.sotto-avatar .sotto-head-art,.sotto-avatar .sotto-season-art{object-fit:contain;width:100%;height:100%}.sotto-avatar .sotto-idle-still{object-fit:contain;width:100%;height:100%;display:none}@media (prefers-reduced-motion:reduce){.sotto-avatar .sotto{display:none}.sotto-avatar .sotto-idle-still{display:block}}.sotto-avatar .breathe{animation:4.8s ease-in-out infinite sotto-breathe}.sotto-avatar .body{animation:6s ease-in-out infinite sotto-calm-float}.sotto-avatar .earL{animation:7.2s ease-in-out infinite sotto-ear-twitch-left}.sotto-avatar .earR{animation:8.6s ease-in-out infinite sotto-ear-twitch-right}.sotto-avatar .rigpart,.sotto-avatar .thinkart,.sotto-avatar .happyart{transition:opacity .6s ease-in-out}.sotto-avatar [data-mood] .rigpart{opacity:1;animation:none!important}.sotto-avatar [data-mood=thinking] .rigpart,.sotto-avatar [data-mood=happy] .rigpart,.sotto-avatar [data-mood=sorry] .rigpart{opacity:0}.sotto-avatar [data-mood] .thinkart,.sotto-avatar [data-mood] .happyart{opacity:0;animation:none}.sotto-avatar [data-mood=thinking] .thinkart,.sotto-avatar [data-mood=happy] .happyart{opacity:1}.sotto-avatar [data-mood=happy] .body{animation:4.8s ease-in-out infinite sotto-calm-float}.sotto-avatar.sotto-showcase{width:100%!important;height:100%!important}.sotto-avatar.sotto-showcase .heart{display:none}.sotto-avatar[data-paused=true] *{animation-play-state:paused!important}@keyframes sotto-calm-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-1.2%)rotate(.4deg)}}@keyframes sotto-ear-twitch-left{0%,72%,88%,to{transform:rotate(0)}77%{transform:rotate(-3deg)}82%{transform:rotate(1deg)}}@keyframes sotto-ear-twitch-right{0%,65%,81%,to{transform:rotate(0)}70%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}.home-sotto-stage{width:220px;height:220px}.home-sotto-welcome{animation:1.2s ease-out both sotto-welcome-rise}@keyframes sotto-welcome-rise{0%{transform:translateY(8px)}55%{transform:translateY(-3px)}to{transform:translateY(0)}}@media (width>=768px){.home-sotto-stage{width:280px;height:280px}}@media (prefers-reduced-motion:reduce){.sotto-avatar *,.home-sotto-welcome{transition:none!important;animation:none!important}.sotto-avatar .sotto{display:none}.sotto-avatar .sotto-idle-still{display:block}}.sotto-avatar{position:relative}.sotto-avatar .sotto-rive{width:100%;height:100%;position:absolute;inset:0}.sotto-avatar:not([data-rive=ready]) .sotto-rive{opacity:0}.sotto-avatar .sotto-season-art{z-index:1;position:relative}.sotto-avatar .sotto-season-bob{transform-origin:50% 90%;animation:4.5s ease-in-out infinite sotto-bob}@keyframes sotto-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5%)scale(1.008)}}.sotto-avatar .sotto-season-fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sotto-avatar .sotto-snow i{aspect-ratio:1;background:hsl(var(--background,0 0% 100%));opacity:.75;border-radius:50%;width:4%;animation:9s linear infinite sotto-snow;position:absolute;top:-6%;box-shadow:0 0 2px #b3b3b399}.sotto-avatar .sotto-snow i:first-child{animation-delay:0s;left:12%}.sotto-avatar .sotto-snow i:nth-child(2){width:3%;animation-delay:-3s;left:30%}.sotto-avatar .sotto-snow i:nth-child(3){animation-delay:-6s;left:55%}.sotto-avatar .sotto-snow i:nth-child(4){width:3%;animation-delay:-1.5s;left:75%}.sotto-avatar .sotto-snow i:nth-child(5){animation-delay:-4.5s;left:88%}@keyframes sotto-snow{0%{transform:translateY(0)}to{transform:translateY(1800%)}}.sotto-avatar .sotto-hearts i{color:#c2185b;opacity:0;font-size:max(8px,9%);font-style:normal;animation:6s ease-in-out infinite sotto-heart;position:absolute;bottom:30%}.sotto-avatar .sotto-hearts i:first-child{left:10%}.sotto-avatar .sotto-hearts i:nth-child(2){animation-delay:-3s;right:10%}.sotto-avatar[data-paused=true] .sotto-season-bob,.sotto-avatar[data-paused=true] .sotto-season-fx i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sotto-avatar .sotto-season-bob{animation:none}.sotto-avatar .sotto-season-fx{display:none}}