.status-motion{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:60px;flex:0 0 64px;vertical-align:middle;overflow:hidden;
  border:1px solid rgba(37,78,145,.08);border-radius:19px;
  background:radial-gradient(circle at 31% 24%,#fff 0 28%,rgba(255,255,255,.4) 29% 42%,transparent 43%),linear-gradient(145deg,#fceaf2 0%,#fff 43%,#eaf2ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);color:#254e91
}
.status-motion__art{display:block;width:64px;height:60px;overflow:visible}
.status-motion--compact{width:32px;height:32px;flex-basis:32px;border:0;border-radius:10px;background:transparent;box-shadow:none;overflow:visible}
.status-motion--compact .status-motion__art{width:34px;height:31px}

/* A shared soft palette and line language keeps all seven scenes in one family. */
.sm-ground,.sm-bed,.sm-door,.sm-home-roof,.sm-welcome-line{fill:none;stroke:#7897c9;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sm-shadow{fill:#254e91;opacity:.1}
.sm-skin{fill:#dda17b;stroke:#c9825b;stroke-width:.45}.sm-skin-stroke{fill:none;stroke:#dda17b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.sm-hair{fill:#553827;stroke:#42291d;stroke-width:.45;stroke-linejoin:round}.sm-hair-back{fill:#4b3023}.sm-ponytail{stroke-width:.65}.sm-boy-hair,.sm-boy-fringe,.sm-girl-fringe{stroke-linecap:round}.sm-face{stroke-width:.55}.sm-eye{fill:#263d64;stroke:none}.sm-eye-glint{fill:#fff;stroke:none}.sm-eye-stroke,.sm-mouth{fill:none;stroke:#563827;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sm-cheek{fill:#ed82ac;opacity:.46}
.sm-shirt{fill:#3263a5;stroke:#1f427b;stroke-width:.65}.sm-shirt-panel{fill:#8db2e8;opacity:.38}.sm-shirt-alt,.sm-guardian-shirt{fill:#ed82ac;stroke:#b8547d;stroke-width:.65}.sm-shirt-alt-panel,.sm-guardian-panel{fill:#f8bbd2;opacity:.52}
.sm-collar{fill:none;stroke:#fff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sm-trousers{fill:#1f3d70;stroke:#17315d;stroke-width:.5}
.sm-uniform-accent{stroke:#fff;stroke-width:.55;stroke-linecap:round;stroke-linejoin:round}.sm-uniform-bow path,.sm-uniform-bow circle{fill:#ed82ac}.sm-uniform-pocket path:first-child{fill:#fceaf2;stroke:#ed82ac}.sm-uniform-pocket .sm-pocket-line{fill:none;stroke:#254e91;stroke-width:.7}.sm-uniform-accent--reverse.sm-uniform-bow path,.sm-uniform-accent--reverse.sm-uniform-bow circle{fill:#254e91}.sm-uniform-accent--reverse.sm-uniform-pocket path:first-child{fill:#eaf2ff;stroke:#254e91}.sm-uniform-accent--reverse.sm-uniform-pocket .sm-pocket-line{stroke:#ed82ac}
.sm-name-disc{fill:#ed82ac;stroke:#fff;stroke-width:1}.sm-name-text{fill:#fff;font:700 5px Manrope,Arial,sans-serif;text-anchor:middle}
.sm-bowl{fill:#fff5f9;stroke:#d86d99;stroke-width:1.65}.sm-bowl-rim{fill:none;stroke:#b95780;stroke-width:1.25;stroke-linecap:round}.sm-metal{fill:none;stroke:#7897c9;stroke-width:1.4;stroke-linecap:round}.sm-metal-fill{fill:#edf4ff;stroke:#7897c9;stroke-width:.9}.sm-food{fill:#ed82ac}.sm-food--two{fill:#254e91}
.sm-mattress{fill:#eaf2ff;stroke:#7897c9;stroke-width:1.35}.sm-pillow{fill:#fff;stroke:#df78a2;stroke-width:1.35}.sm-blanket{fill:#ed82ac;stroke:#b95780;stroke-width:1.35}.sm-blanket-line{fill:none;stroke:#fff;stroke-width:1.35;stroke-linecap:round;opacity:.86}.sm-breath{fill:none;stroke:#7897c9;stroke-width:1.3;stroke-linecap:round}
.sm-book-left{fill:#3263a5;stroke:#1f427b;stroke-width:.45}.sm-book-right{fill:#ed82ac;stroke:#b95780;stroke-width:.45}.sm-book-spine,.sm-page-line{fill:none;stroke:#fff;stroke-width:1.15;stroke-linecap:round}.sm-page-paper{fill:#fff;stroke:#7897c9;stroke-width:.85}
.sm-leg{fill:none;stroke:#254e91;stroke-width:5;stroke-linecap:round}.sm-ball-fill{fill:#fff1f7;stroke:#d86d99;stroke-width:1.65}.sm-ball-line{fill:none;stroke:#254e91;stroke-width:1.1}.sm-block{stroke:#fff;stroke-width:.8}.sm-block--one{fill:#3263a5}.sm-block--two{fill:#ed82ac}
.sm-sink-basin{fill:#eef5ff;stroke:#7897c9;stroke-width:1.5}.sm-sink-stand,.sm-faucet,.sm-water{fill:none;stroke:#7897c9;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sm-water{stroke:#4a83cc}.sm-bubbles circle{fill:#fff;stroke:#6f98d4;stroke-width:.9}
.sm-backpack{fill:#ed82ac;stroke:#b95780;stroke-width:1.2}.sm-home{fill:#fff1f7;stroke:#d86d99;stroke-width:1.35}.sm-home-door{fill:#3263a5}.sm-together{fill:none;stroke:#ed82ac;stroke-width:1.7;stroke-linecap:round}

/* Every loop includes anticipation, action, settle and a long readable rest. */
.sm-cute-eyes,.sm-head--sleeping,.sm-spoon-arm,.sm-eating-mouth,.sm-blanket,.sm-breath,.sm-page,.sm-book-hand,.sm-play-arm,.sm-leg--kick,.sm-ball,.sm-wash-hands,.sm-water,.sm-bubbles circle,.sm-wave-arm,.sm-backpack,.sm-guardian-arm,.sm-child-wave{transform-box:fill-box}
.sm-cute-eyes{transform-origin:center;animation:sm-blink 5.2s linear infinite}
.sm-head--sleeping{transform-origin:50% 75%;animation:sm-sleep-head 4.8s ease-in-out infinite}

.status-motion[data-status=eating] .sm-spoon-arm{transform-origin:12% 86%;animation:sm-spoon 4.6s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=eating] .sm-eating-mouth{transform-origin:center;animation:sm-taste 4.6s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=napping] .sm-blanket{transform-origin:52% 100%;animation:sm-breathe 4.8s ease-in-out infinite}
.status-motion[data-status=napping] .sm-breath{animation:sm-dream 4.8s cubic-bezier(.4,0,.2,1) infinite}
.status-motion[data-status=learning] .sm-page{transform-origin:4% 96%;animation:sm-page-turn 5.1s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=learning] .sm-book-hand{transform-origin:center;animation:sm-read-hand 5.1s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=playing] .sm-ball{transform-origin:center;animation:sm-ball-roll 4.4s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=playing] .sm-play-arm{transform-origin:8% 8%;animation:sm-play-arm 4.4s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=playing] .sm-leg--kick{transform-origin:5% 5%;animation:sm-kick 4.4s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=toileting] .sm-wash-hands{transform-origin:center;animation:sm-wash 3.8s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=toileting] .sm-water{transform-origin:50% 0;animation:sm-water-flow 3.8s ease-in-out infinite}
.status-motion[data-status=toileting] .sm-bubbles circle{transform-origin:center;animation:sm-bubble 3.8s cubic-bezier(.4,0,.2,1) infinite}
.status-motion[data-status=toileting] .sm-bubbles circle:nth-child(2){animation-delay:.38s}.status-motion[data-status=toileting] .sm-bubbles circle:nth-child(3){animation-delay:.76s}
.status-motion[data-status=arrival] .sm-wave-arm{transform-origin:12% 88%;animation:sm-wave 4.2s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=arrival] .sm-backpack{transform-origin:50% 12%;animation:sm-pack 4.2s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=pickup] .sm-guardian-arm{transform-origin:12% 45%;animation:sm-reach 4.8s cubic-bezier(.45,0,.2,1) infinite}
.status-motion[data-status=pickup] .sm-child-wave{transform-origin:12% 88%;animation:sm-child-wave 4.8s cubic-bezier(.45,0,.2,1) infinite}

@keyframes sm-blink{0%,42%,45%,79%,82%,100%{transform:scaleY(1)}43.2%,80.2%{transform:scaleY(.18)}}
@keyframes sm-sleep-head{0%,100%{transform:translate(0,0) rotate(0)}46%,58%{transform:translate(.35px,.45px) rotate(.7deg)}}
@keyframes sm-spoon{0%,18%,74%,100%{transform:rotate(0deg) translate(0,0)}25%{transform:rotate(4deg) translate(1px,1px)}39%,49%{transform:rotate(-15deg) translate(-1px,-2px)}59%{transform:rotate(-4deg) translate(0,-1px)}}
@keyframes sm-taste{0%,38%,58%,100%{transform:scaleX(1) translateY(0)}44%,51%{transform:scaleX(.62) translateY(-.25px)}}
@keyframes sm-breathe{0%,100%{transform:scaleY(1) translateY(0)}42%,55%{transform:scaleY(1.035) translateY(-.35px)}}
@keyframes sm-dream{0%,16%{opacity:0;transform:translate(0,2px)}31%,56%{opacity:.9}72%,100%{opacity:0;transform:translate(4px,-4px)}}
@keyframes sm-page-turn{0%,18%,70%,100%{transform:rotate(0deg) translate(0,0)}27%{transform:rotate(3deg) translate(1px,0)}43%,50%{transform:rotate(-10deg) translate(-1.5px,-.5px)}61%{transform:rotate(-2deg) translate(-.3px,0)}}
@keyframes sm-read-hand{0%,22%,67%,100%{transform:translate(0,0)}31%{transform:translate(-.5px,.2px)}46%,53%{transform:translate(1.5px,-.5px)}60%{transform:translate(.4px,0)}}
@keyframes sm-ball-roll{0%,19%,73%,100%{transform:translateX(0) rotate(0deg)}29%{transform:translateX(-1px) rotate(-4deg)}46%,53%{transform:translateX(3px) rotate(18deg)}64%{transform:translateX(1px) rotate(7deg)}}
@keyframes sm-play-arm{0%,18%,72%,100%{transform:rotate(0deg)}28%{transform:rotate(4deg)}45%,53%{transform:rotate(-8deg)}63%{transform:rotate(-2deg)}}
@keyframes sm-kick{0%,20%,72%,100%{transform:rotate(0deg)}30%{transform:rotate(3deg)}46%,53%{transform:rotate(-9deg)}64%{transform:rotate(-2deg)}}
@keyframes sm-wash{0%,14%,75%,100%{transform:translateX(0) rotate(0)}24%{transform:translateX(-1px) rotate(-1deg)}34%{transform:translateX(1.2px) rotate(1deg)}44%{transform:translateX(-.8px) rotate(-.7deg)}55%{transform:translateX(1px) rotate(.7deg)}65%{transform:translateX(0) rotate(0)}}
@keyframes sm-water-flow{0%,14%,72%,100%{opacity:.45;transform:scaleY(.7)}25%,60%{opacity:1;transform:scaleY(1)}}
@keyframes sm-bubble{0%,18%{opacity:0;transform:translateY(2px) scale(.76)}33%,56%{opacity:.95}70%,100%{opacity:0;transform:translateY(-5px) scale(1.06)}}
@keyframes sm-wave{0%,17%,69%,100%{transform:rotate(-3deg)}25%{transform:rotate(-8deg)}36%{transform:rotate(8deg)}47%{transform:rotate(-5deg)}56%{transform:rotate(5deg)}63%{transform:rotate(0)}}
@keyframes sm-pack{0%,20%,71%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(0,-.5px) rotate(-1deg)}47%{transform:translate(.6px,.7px) rotate(1deg)}61%{transform:translate(0,.2px) rotate(0)}}
@keyframes sm-reach{0%,18%,72%,100%{transform:rotate(0deg) translate(0,0)}28%{transform:rotate(3deg) translate(-.4px,0)}44%,55%{transform:rotate(-6deg) translate(1px,-.3px)}64%{transform:rotate(-1deg) translate(.2px,0)}}
@keyframes sm-child-wave{0%,20%,70%,100%{transform:rotate(-2deg)}29%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}50%{transform:rotate(-4deg)}59%{transform:rotate(4deg)}65%{transform:rotate(0)}}

.quick-actions .status-motion--compact{margin:0 auto}.timeline-icon .status-motion__art{width:32px;height:32px}.status-item>.status-motion{float:left;width:46px;height:43px;flex-basis:46px;margin:-3px 8px 0 0}.status-item>.status-motion .status-motion__art{width:47px;height:43px}.status-item>.status-motion .sm-name{display:none}
@media(max-width:680px){.status-motion{width:56px;height:52px;flex-basis:56px}.status-motion__art{width:56px;height:52px}.status-motion--compact{width:32px;height:32px;flex-basis:32px}.status-motion--compact .status-motion__art{width:32px;height:30px}.status-item>.status-motion{float:none;display:flex;width:44px;height:40px;margin:3px 0 6px}.status-item>.status-motion .status-motion__art{width:44px;height:40px}}
@media(prefers-reduced-motion:reduce){.status-motion *{animation:none!important;transition:none!important;transform:none!important}}

/* Original status illustrations are presented above the existing status labels. */
.quick-actions .button{display:flex;flex-direction:column;gap:9px;flex:1 1 80px;min-width:80px;padding:12px 8px;font-size:10px}
@media(max-width:680px){.quick-actions .button{min-width:78px;font-size:10px;padding:12px 6px}}
.quick-actions .status-motion--compact{width:60px;height:56px;flex-basis:56px;background:transparent}.quick-actions .status-motion--compact .status-motion__art{width:60px;height:56px}