html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;height:100%;margin:0;overflow:hidden}#app{touch-action:none;justify-content:center;align-items:center;height:100%;display:flex}.jhin-face{width:100%;height:100%}.jhin-face .eye-fill{fill:var(--eye-fill,#4be1ff);filter:drop-shadow(0 0 16px var(--eye-glow,#4be1ff8c)) drop-shadow(0 0 36px var(--eye-glow,#4be1ff4d));transform-box:fill-box;transform-origin:50%;transition:x .18s,y .18s,width .18s,height .18s,rx .18s,fill .5s linear,filter .5s linear}.jhin-face .lid{fill:#000;transform-box:fill-box;transform-origin:50%;transition:cx .3s,cy .32s cubic-bezier(.22,.61,.36,1),rx .3s,ry .32s cubic-bezier(.22,.61,.36,1),transform .3s}.jhin-face .eye{transform-box:fill-box;transform-origin:50%;transition:transform .18s}.jhin-face>g{transform-box:fill-box;transform-origin:50%;transition:transform .9s}.jhin-face.speaking>g{animation:.35s ease-in-out infinite alternate jhin-bob}.jhin-face.loving .eye-fill{animation:1.15s ease-in-out infinite jhin-lovepulse}@keyframes jhin-lovepulse{0%,to{scale:1}50%{scale:1.06}}@keyframes jhin-bob{0%{translate:0}to{translate:0 6px}}.jhin-face.gesture-wiggle>g{animation:1.2s ease-in-out jhin-wiggle}.jhin-face.gesture-stretch>g{animation:2.4s ease-in-out jhin-stretch}.jhin-face.gesture-look-around>g{animation:3.6s ease-in-out jhin-look-around}@keyframes jhin-wiggle{0%{translate:0}20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:4px}to{translate:0}}@keyframes jhin-stretch{0%{scale:1}30%{scale:1 1.25}60%{scale:1 1.25}to{scale:1}}@keyframes jhin-look-around{0%{translate:0}20%{translate:-14px}45%{translate:-14px}65%{translate:14px}85%{translate:14px}to{translate:0}}.jhin-overlays{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.jhin-hearts{width:0;height:0;position:absolute;top:38%;left:50%}.jhin-heart{opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;animation:1.5s ease-out forwards jhin-heartfloat;position:absolute;top:0;left:0}.jhin-heart svg{filter:drop-shadow(0 0 8px #ff6fa5aa);width:100%;height:100%}@keyframes jhin-heartfloat{0%{transform:translate(var(--dx), 0) scale(.5);opacity:0}22%{opacity:.95}to{transform:translate(var(--dx), -140px) scale(1.05);opacity:0}}.jhin-zzz{color:#7fb7c9;opacity:0;text-shadow:0 0 10px #7fb7c9aa;flex-direction:column;gap:2px;font-family:ui-monospace,monospace;transition:opacity .3s;display:flex;position:absolute;top:30%;left:calc(50% + 150px)}.jhin-zzz span:first-child{font-size:34px;font-weight:700}.jhin-zzz span:nth-child(2){margin-left:14px;font-size:24px;font-weight:700}.jhin-zzz span:nth-child(3){margin-left:24px;font-size:16px;font-weight:700}.jhin-zzz[data-on="1"]{opacity:1}.jhin-zzz[data-on="1"] span{animation:2.6s ease-in-out infinite jhin-zfloat}.jhin-zzz[data-on="1"] span:nth-child(2){animation-delay:.45s}.jhin-zzz[data-on="1"] span:nth-child(3){animation-delay:.9s}@keyframes jhin-zfloat{0%{opacity:0;transform:translateY(8px)scale(.9)}25%{opacity:.95}to{opacity:0;transform:translateY(-28px)scale(1.18)}}