/* Keep the main-page assistant static and responsive on phones. */
@media(max-width:800px){
  #lifeRobot,#lifeRobot *,#lifeRobot::before,#lifeRobot::after,
  #lifeRobot *::before,#lifeRobot *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
    will-change:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #lifeRobot .agent-robot__panel,#lifeRobot .agent-robot__bubble{
    transform:none!important;
    filter:none!important;
    background:#101725;
    box-shadow:0 8px 24px rgba(0,0,0,.3);
  }
  #lifeRobot .agent-robot__panel{max-height:min(72dvh,calc(100dvh - 140px))}
  #lifeRobot #lifeAssistantInput{font-size:16px}
  #lifeRobot .life-guide-robot,#lifeRobot .life-guide-robot *{filter:none!important}
}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  #lifeRobot[data-agent-appearance="cat"] .cat-eyes{animation:agentCatBlink 6.8s ease-in-out infinite!important}
  #lifeRobot[data-agent-appearance="cat"] .tail{animation:agentAppearanceTail 3.5s ease-in-out infinite!important}
}


/* Respect the same idle, occasional walk and music states on phones. */
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 #lifeRobot[data-agent-appearance="cat"] .agent-cat-sprite{animation:agentCatIdleFrames 30s steps(1,end) infinite!important}
 #lifeRobot[data-agent-appearance="cat"] .agent-cat-murmur{animation:agentCatMurmur 30s steps(1,end) infinite!important}
 #lifeRobot[data-agent-appearance="cat"].is-cat-walking:not(.open):not(.is-cat-dragging):not(.is-cat-resting):not(.is-cat-dancing){animation:agentCatRoam 12s linear 1!important}
 #lifeRobot[data-agent-appearance="cat"].is-cat-walking:not(.is-cat-dancing) .agent-cat-sprite{animation:agentCatWalkFrames .72s steps(1,end) infinite!important}
 #lifeRobot[data-agent-appearance="cat"].is-cat-walking:not(.is-cat-dancing) .agent-appearance__svg--cat{animation:agentCatFacing 12s steps(1,end) 1!important}
}