/* Responsive breakpoints and reduced motion. */
@media (max-width:720px){
  #hmi .hrow{padding:8px 12px;gap:10px}
  #hmi .temp{font-size:19px}
  #hmi .tag{display:none}
  button{font-size:13px;padding:9px 10px}
}
@media (max-width:520px){
  #hmi{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:var(--gl);right:var(--gr);width:auto}
  #hmi .evap{padding:8px 12px 10px;gap:8px}
}
@media (prefers-reduced-motion:reduce){#loader .tape{animation:none}*{transition:none!important}}