/* Typing animation over the app screen's "Describe your errand here..." box.
   Colours come from your own variables (--ink / --mustard) when they exist. */
.screen{position:relative;display:block;width:clamp(220px,27vw,300px);line-height:0;container-type:inline-size}
.screen .phone{display:block;width:100%;height:auto}
.typer{position:absolute;left:8.4%;top:31.9%;width:83.2%;height:17.8%;box-sizing:border-box;
  padding:2.6cqw 3.4cqw;background:#fff;border-radius:3cqw;overflow:hidden;
  font:500 3.8cqw/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink,#1A1A1A);
  text-align:left;pointer-events:none}
.typer.is-placeholder{color:#9A9A9A}
.typer .caret{display:inline-block;width:.12em;height:1.05em;margin-left:.08em;vertical-align:-.15em;
  background:var(--mustard,#D9A406);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.typer .caret{animation:none}}