.my-indicator{display:none;}
.htmx-request .my-indicator{display:inline;}
.htmx-request.my-indicator{display:inline;}
.spinner {display: inline-block;animation: spin 1s linear infinite;}
#prompt {width: 100%;}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
#results {
  /* layout */
  display: block;
  width: 100%;
  clear: both;

  /* spacing */
  padding: 1rem;

  /* single-line behavior */
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;

  /* daisyUI theme integration */
  background-color: hsl(var(--b1));
  border: 1px solid hsl(var(--b3));
  border-radius: var(--rounded-box);

  /* optional polish */
  box-sizing: border-box;

  /* If #results sits inside a flex or grid parent and you still want to force a full row */
  flex-basis: 100%;
  grid-column: 1 / -1;
}