.ten-layer{position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;--ten-size:4.8%}
.ten-lane{position:absolute;inset:0;pointer-events:none;transform-origin:0 0}
.ten-anchor{position:absolute;left:0;top:0;width:var(--ten-size);aspect-ratio:64/66;transform:translate(-50%,-94%);transform-origin:50% 94%}
.ten-shadow{position:absolute;left:21%;bottom:1%;width:58%;height:9%;background:#34412a35;border-radius:50%;filter:blur(1px)}
.ten-sprite{position:absolute;inset:0;display:block;transform-origin:50% 94%;filter:drop-shadow(0 2px 1px #503d3124)}
.ten-sprite svg{display:block;width:100%;height:100%;overflow:visible}
.ten-activate{position:absolute;inset:-5%;pointer-events:auto;cursor:pointer;padding:0;border:2px solid transparent;border-radius:38%;background:transparent;min-width:0;min-height:0}
.ten-activate:focus-visible{outline:3px solid #b82d3b;outline-offset:4px;background:#fff7}
.ten-lane[data-selected=true] .ten-shadow{background:#ba344733;box-shadow:0 0 0 2px #b82d3b}
.ten-lane[data-selected=true]{z-index:1000!important}
.ten-label{position:absolute;left:50%;top:104%;transform:translateX(-50%);color:#392d2d;background:#fffffff0;border:1px solid #e4c9c7;padding:4px 7px;border-radius:6px;white-space:nowrap;font:600 clamp(9px,.95vw,12px)/1.35 sans-serif;box-shadow:0 2px 5px #351f1810;opacity:0;pointer-events:none}
.ten-lane[data-selected=true] .ten-label,.ten-anchor:focus-within .ten-label,.ten-anchor:hover .ten-label{opacity:1}
.ten-talk{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);padding:6px 10px;border:1px solid #d2b9b0;border-radius:12px;background:#fffefa;color:#63483c;box-shadow:0 2px 5px #5e39201c;white-space:nowrap;font:700 clamp(10px,1vw,13px)/1.3 sans-serif;opacity:0;pointer-events:none}
.ten-talk::after{content:"";position:absolute;left:calc(50% - 4px);bottom:-5px;width:7px;height:7px;border-right:1px solid #d2b9b0;border-bottom:1px solid #d2b9b0;background:#fffefa;transform:rotate(45deg)}
.ten-lane[data-speaking=true] .ten-talk{animation:ten-talk-turn 8s ease-in-out infinite}
.ten-lane[data-speaking=true][data-speaker=second] .ten-talk{animation-delay:-4s}
.ten-lane[data-speaking=false] .ten-talk{display:none}
.ten-layer[data-reduced=true] .ten-lane[data-speaking=true][data-speaker=first] .ten-talk{opacity:1}
.ten-layer[data-reduced=true] .ten-lane[data-speaker=second] .ten-talk{opacity:0}
.ten-lane[data-facing=left] .ten-sprite{transform:scaleX(-1)}
.ten-layer .motion-character .motion-part{transform-box:view-box;transform-origin:32px 55px}
.ten-layer .motion-character [data-part=head]{transform-origin:var(--motion-head-pivot,32px 29px)}
.ten-layer .motion-character [data-part=arm-left]{transform-origin:var(--motion-left-shoulder,19px 37px)}
.ten-layer .motion-character [data-part=arm-right]{transform-origin:var(--motion-right-shoulder,45px 37px)}
.ten-layer .motion-character [data-part=leg-left],.ten-layer .motion-character [data-part=foot-left]{transform-origin:var(--motion-left-hip,26px 53px)}
.ten-layer .motion-character [data-part=leg-right],.ten-layer .motion-character [data-part=foot-right]{transform-origin:var(--motion-right-hip,38px 53px)}
.ten-layer .motion-eye{transform-box:fill-box;transform-origin:center;animation:ten-blink 7s linear var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=work] [data-part=arm-left]{animation:ten-type .7s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=work] [data-part=arm-right]{animation:ten-type .7s ease-in-out calc(var(--ten-delay) - .35s) infinite!important}
.ten-layer .ten-lane[data-motion=work] [data-part=head]{animation:ten-nod 4.7s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=think] [data-part=head],.ten-layer .ten-lane[data-motion=read] [data-part=head]{animation:ten-nod 5s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=wave] [data-part=arm-right]{animation:ten-wave 2.4s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=walk] [data-part=leg-left],.ten-layer .ten-lane[data-motion=walk] [data-part=foot-left]{animation:ten-step .6s linear var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=walk] [data-part=leg-right],.ten-layer .ten-lane[data-motion=walk] [data-part=foot-right]{animation:ten-step .6s linear calc(var(--ten-delay) - .3s) infinite!important}
.ten-layer .ten-lane[data-motion=walk] [data-part=arm-left]{animation:ten-arm .6s linear var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=walk] [data-part=arm-right]{animation:ten-arm .6s linear calc(var(--ten-delay) - .3s) infinite!important}
.ten-layer .ten-lane[data-motion=dance] [data-part=figure]{animation:ten-dance 1.2s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=dance] [data-part=arm-left]{animation:ten-dance-arm 1.2s ease-in-out var(--ten-delay) infinite!important}
.ten-layer .ten-lane[data-motion=dance] [data-part=arm-right]{animation:ten-dance-arm 1.2s ease-in-out calc(var(--ten-delay) - .6s) infinite!important}
.ten-layer .ten-lane[data-motion=dance] [data-part=head]{animation:ten-dance-head 1.2s ease-in-out var(--ten-delay) infinite!important}
.ten-back-head,.ten-back-mark{display:none;position:absolute;background:var(--ten-body);border:1px solid #273841;border-radius:2px;box-shadow:inset -2px -1px 0 #35424b15;pointer-events:none}
.ten-back-head{left:28%;top:20%;width:44%;height:24%}
.ten-back-mark{left:45%;top:61%;width:10%;height:7%;background:var(--ten-accent);border:0;opacity:.5}
.ten-lane[data-kind=pod] .ten-back-head{left:24%;top:25%;width:51%;height:25%;border-radius:9px}
.ten-lane[data-kind=step] .ten-back-head{left:31%;top:20%;width:38%;height:18%}
.ten-lane[data-kind^=f01] .ten-back-head{left:24%;top:20%;width:53%;height:27%;border-radius:9px}
.ten-lane[data-kind=f01-b] .ten-back-head{left:27%;top:30%;width:47%;height:41%;border-radius:45%}
.ten-lane[data-kind=f01-b] .ten-back-mark{top:74%;height:8%}
.ten-lane[data-kind=f01-c] .ten-back-head{left:29%;top:20%;width:42%;height:24%;border-radius:5px}
.ten-lane[data-facing=up] .ten-back-head,.ten-lane[data-facing=up] .ten-back-mark{display:block}
.ten-layer .ten-lane[data-facing=up] [data-part=head],.ten-layer .ten-lane[data-facing=up] [data-part=face]{animation:none!important;transform:none!important}
.ten-paper{display:none;position:absolute;left:36%;top:58%;width:28%;height:20%;border-radius:1px;background:linear-gradient(#ece4d5 0 20%,#faf9ee 20% 39%,#b4b2a8 39% 44%,#faf9ee 44% 60%,#b4b2a8 60% 65%,#faf9ee 65%);border:1px solid #756b60;transform:rotate(-8deg)}
.ten-lane[data-motion=read]:not([data-facing=up]) .ten-paper{display:block}
.ten-layer[data-paused=true] *, .ten-layer[data-paused=true] *::before,.ten-layer[data-paused=true] *::after{animation-play-state:paused!important}
.ten-layer[data-reduced=true] *{animation:none!important;transition:none!important}
@keyframes ten-type{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(8deg)}}
@keyframes ten-nod{0%,70%,100%{transform:rotate(0)}78%,87%{transform:rotate(4deg)}}
@keyframes ten-wave{0%,45%,100%{transform:rotate(-15deg)}10%,30%{transform:rotate(-70deg)}20%,40%{transform:rotate(-40deg)}}
@keyframes ten-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
@keyframes ten-arm{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes ten-dance{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-2px) rotate(0)}50%{transform:translateY(0) rotate(3deg)}75%{transform:translateY(-2px) rotate(0)}}
@keyframes ten-dance-arm{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(35deg)}}
@keyframes ten-dance-head{0%,100%{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}
@keyframes ten-blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}
@keyframes ten-talk-turn{0%,3%,42%,100%{opacity:0}8%,36%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ten-layer *{animation:none!important;transition:none!important}}