/* TellieToons: Steve's mascot, kept to a few surprising pages (404, /thanks,
   /after-10-days, /help, /rewards, the homepage's Apple-menu Sleep, and
   /install, where he walks in when it helps; his styles live on that page).
   One pose per page (/install walks in with one and talks with another).
   Art is /toons/<pose>.webp, trimmed to 480px. */
.toon{display:block;height:auto;margin:0 auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.toon-in{animation:toonIn .8s cubic-bezier(.3,1.35,.5,1) .1s both}
@keyframes toonIn{0%{opacity:0;transform:translateY(18px) scale(.85)}70%{opacity:1;transform:translateY(-4px) scale(1.02)}100%{opacity:1;transform:none}}
.toon-sway{animation:toonSway 4.5s ease-in-out infinite;transform-origin:50% 100%}
@keyframes toonSway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
/* on a dark page the black arms and legs need a faint light edge */
.toon-dark{filter:drop-shadow(0 0 1.2px rgba(255,255,255,.75)) drop-shadow(0 10px 28px rgba(255,122,0,.18))}
@media (prefers-reduced-motion:reduce){.toon-in,.toon-sway{animation:none}}