I build the tools I needed

form.addEventListener("submit", async (event) => {
  event.preventDefault();

  if (!form.reportValidity()) return;

  const data = new FormData(form);
  const message = String(data.get("message") ?? "").trim();
  if (message.length < 10 || message.split(/\s+/).length < 2) {
    tell("bad", "The message is very short. Tell me a little more and I'll know how to reply.");
    (form.querySelector("[name=message]") as HTMLTextAreaElement).focus();
    return;
  }

  button.disabled = true;
  button.textContent = "Sending…";

/* the spring: stiff while a hand holds the glass, looser once it lets go */
const k = held ? 420 : 150;
const c = held ? 34 : 19;
vx += ((tx - x) * k - vx * c) * dt;
vy += ((ty - y) * k - vy * c) * dt;
x += vx * dt;
y += vy * dt;
const speed = Math.hypot(vx, vy);
const settled = speed < 4 && Math.hypot(tx - x, ty - y) < 0.4;
if (settled) {
  x = tx;
  y = ty;
  vx = vy = 0;
}
draw(settled ? 0 : speed);

.glass {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.66), rgb(232 238 247 / 0.4));
  -webkit-backdrop-filter: blur(14px) saturate(1.8);
  backdrop-filter: blur(14px) saturate(1.8);
  box-shadow:
    inset 0 1.5px 0 rgb(255 255 255 / 0.95),
    inset 0 -1.5px 1px rgb(255 255 255 / 0.7),
    inset 0 -12px 16px -10px rgb(40 72 124 / 0.24),
    inset 0 10px 14px -12px rgb(40 72 124 / 0.12),
    0 14px 30px -14px rgb(18 34 60 / 0.38);
}

/* ---------- the pill ---------- */

.pill {

http.HandleFunc("POST /mail", handleMail)

http.HandleFunc("GET /up", func(w http.ResponseWriter, r *http.Request) {
  fmt.Fprintf(w, "Server is up and running")
})

port := os.Getenv("PORT")
if port == "" {
  port = "8080"
}

slog.Info(fmt.Sprintf("Server starting on port %s...", port))
if err := http.ListenAndServe(":"+port, nil); err != nil {
  log.Fatal(err)
}