@layer components{[data-kc-char]{--kc-char-time:calc(var(--motion,1) * var(--kc-char-rate,1));--kc-char-ease:var(--ease-sway,cubic-bezier(.45,0,.55,1))}[data-kc-char] [data-kc-char-art]{transform-origin:50% 94%}[data-kc-char=bell] [data-kc-char-art]{transform-origin:50% 14%}[data-kc-char=top] [data-kc-char-art]{transform-origin:50% 68%}[data-kc-char=web] [data-kc-char-art],[data-kc-char=web] [data-kc-char-thread]{transform-box:view-box;transform-origin:52px 4px}[data-kc-char=reader] [data-kc-char-glint]{pointer-events:none;opacity:0;transform-origin:50%;width:53%;height:auto;position:absolute;top:0%;left:40%;overflow:visible}[data-kc-char=sleeping] [data-kc-char-zs]{pointer-events:none;align-items:end;gap:5px;display:flex;position:absolute;top:20%;left:34%}[data-kc-char] [data-kc-char-z]{opacity:0;color:var(--color-pencil,#5e4d42);font:italic 16px / 1 var(--font-hand,"Segoe Print", "Comic Sans MS", cursive);display:block}[data-kc-char] [data-kc-char-z="2"]{font-size:13px}[data-kc-char] [data-kc-char-z="3"]{font-size:11px}[data-kc-char=sleeping][data-kc-char-active]:not([data-kc-char-response]) [data-kc-char-art]{animation:kc-char-breathe calc(var(--kc-char-time) * 4s) var(--kc-char-ease) infinite}[data-kc-char-active][data-kc-char-response=reader] [data-kc-char-art]{animation:kc-char-reader calc(var(--kc-char-time) * .75s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=sleeping] [data-kc-char-art]{animation:kc-char-startle calc(var(--kc-char-time) * .6s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=hop] [data-kc-char-art]{animation:kc-char-hop calc(var(--kc-char-time) * .9s) var(--ease-hop,cubic-bezier(.3,.7,.4,1))}[data-kc-char-active][data-kc-char-response=stocking] [data-kc-char-art]{animation:kc-char-peek calc(var(--kc-char-time) * .8s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=words] [data-kc-char-art]{animation:kc-char-words calc(var(--kc-char-time) * .8s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=bell] [data-kc-char-art]{animation:kc-char-bell calc(var(--kc-char-time) * 1.2s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=top] [data-kc-char-art]{animation:kc-char-top calc(var(--kc-char-time) * 1.25s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=web] [data-kc-char-art]{animation:kc-char-spider calc(var(--kc-char-time) * 1.3s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-response=web] [data-kc-char-thread]{animation:kc-char-thread calc(var(--kc-char-time) * 1.3s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-fx=glint] [data-kc-char-glint]{animation:kc-char-glint calc(var(--kc-char-time) * .65s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-fx=zs] [data-kc-char-z]{animation:kc-char-z calc(var(--kc-char-time) * 1.15s) var(--kc-char-ease)}[data-kc-char-active][data-kc-char-fx=zs] [data-kc-char-z="2"]{animation-name:kc-char-z-two}[data-kc-char-active][data-kc-char-fx=zs] [data-kc-char-z="3"]{animation-name:kc-char-z-three}@keyframes kc-char-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.015)}}@keyframes kc-char-reader{0%,to{transform:none}33.333%{transform:rotate(-2deg)}66.667%{transform:rotate(.4deg)}}@keyframes kc-char-startle{0%,to{transform:none}33.333%{transform:translateY(-3px)scaleY(1.01)}66.667%{transform:translateY(1px)scaleY(.99)}}@keyframes kc-char-hop{0%,50%,to{transform:none}12.5%{transform:scale(1.018,.975)}25%{transform:translateY(-4px)scale(.995,1.015)}37.5%{transform:scale(1.02,.98)}62.5%{transform:scale(1.012,.98)}75%{transform:translateY(-3px)scale(.995,1.01)}87.5%{transform:scale(1.014,.985)}}@keyframes kc-char-peek{0%,to{transform:none}33.333%{transform:translateY(-2px)rotate(-2deg)}66.667%{transform:rotate(.3deg)}}@keyframes kc-char-words{0%,to{transform:none}33.333%{transform:translateY(-2px)rotate(-1deg)}66.667%{transform:rotate(.3deg)}}@keyframes kc-char-bell{0%,to{transform:rotate(0)}20%{transform:rotate(4deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}@keyframes kc-char-top{0%{transform:rotateY(0)rotate(0)}25%{transform:rotateY(180deg)rotate(1deg)}50%{transform:rotateY(360deg)rotate(-2deg)}75%{transform:rotateY(360deg)rotate(1deg)}to{transform:rotateY(360deg)rotate(0)}}@keyframes kc-char-spider{0%,to{transform:translateY(0)}33.333%,66.667%{transform:translateY(6px)}}@keyframes kc-char-thread{0%,to{transform:scaleY(1)}33.333%,66.667%{transform:scaleY(1.6)}}@keyframes kc-char-glint{0%,20%{opacity:0;transform:scale(.8)}45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes kc-char-z{0%,5%{opacity:0;transform:translate(0)}40%{opacity:.8;transform:translate(1px,-3px)}to{opacity:0;transform:translate(3px,-10px)}}@keyframes kc-char-z-two{0%,15%{opacity:0;transform:translate(0)}50%{opacity:.8;transform:translate(1px,-3px)}to{opacity:0;transform:translate(3px,-10px)}}@keyframes kc-char-z-three{0%,25%{opacity:0;transform:translate(0)}60%{opacity:.8;transform:translate(1px,-3px)}to{opacity:0;transform:translate(3px,-10px)}}:root[data-motion=off] [data-kc-char],:root[data-motion=off] [data-kc-char] *,[data-kc-char-still],[data-kc-char-still] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) [data-kc-char],:root:not([data-motion=on]) [data-kc-char] *{transition:none!important;animation:none!important}}}