Warm up queue copy: overhug subline + funnier at-capacity modal

- Add a sentence-case reassurance line under the queued position ("Sorry,
we overhugged! ..."), shown only while waiting in line. New
#circle-subcaption element + style; toggled in setState.
- Rework the at-capacity modal copy to the same tone ("Hugged to the
limit").

index.html

@@ -131,6 +131,7 @@
         </div>
 
         <p id="circle-caption" class="circle-caption" role="status">Tap to start</p>
+        <p id="circle-subcaption" class="circle-subcaption" hidden></p>
 
         <div id="queue-actions" class="queue-actions" hidden>
           <button id="join-queue-btn" class="join-queue-btn" type="button" hidden>

main.js

@@ -180,6 +180,8 @@ const LIVE_STATES = new Set(["listening", "user-speaking", "processing", "ai-spe
 const circleBtn = $("#main-circle");
 /** @type {HTMLParagraphElement} */
 const circleCaption = $("#circle-caption");
+/** @type {HTMLParagraphElement} */
+const circleSubcaption = $("#circle-subcaption");
 /** @type {HTMLElement} */
 const orbWrap = $(".orb-wrap");
 /** @type {HTMLButtonElement} */
@@ -360,6 +362,15 @@ function setState(next) {
   leaveQueueBtn.tabIndex = inLine ? 0 : -1;
   if (!yourTurn) stopJoinCountdown();
 
+  // Warm reassurance under the terse position, only while waiting in line.
+  if (next === "queued") {
+    circleSubcaption.textContent =
+      "Sorry, we overhugged! 🤗 Every slot is busy, so we saved you a spot. Hang tight, you're moving up.";
+    circleSubcaption.hidden = false;
+  } else {
+    circleSubcaption.hidden = true;
+  }
+
   updateRestartAvailability();
 }
 

style.css

@@ -847,6 +847,20 @@ a:hover {
   letter-spacing: 0.08em;
 }
 
+/* Warm, human line under the mono caption — sentence case, only while queued.
+ * The caption keeps the terse position; this reassures. */
+.circle-subcaption {
+  margin: 8px 0 0;
+  max-width: 32ch;
+  font-size: 13.5px;
+  line-height: 1.5;
+  color: var(--text-dim);
+  text-align: center;
+  text-wrap: balance;
+  transition: opacity 0.25s ease;
+}
+.circle-subcaption[hidden] { display: none; }
+
 /* Queue actions sit under the caption: "Join now" (primary, only when it's your
  * turn) stacked above the quiet "Leave queue" escape hatch. */
 .queue-actions {

ui/account.js

@@ -179,9 +179,9 @@ export class Account {
   /** Show a warm "we're at capacity" message when even the waiting line is full.
    *  Reuses the limit modal shell; no call-to-action, just reassurance. */
   showBusy() {
-    this._modalTitle.textContent = "We're at capacity right now";
+    this._modalTitle.textContent = "Hugged to the limit 🤗";
     this._modalMsg.textContent =
-      "Lots of people are trying the demo, so every spot and the whole waiting line are full. Please give it a minute and try again. Thanks so much for your patience!";
+      "Every slot and the whole line are full right now. Too much love! Grab a coffee and pop back in a minute.";
     this._modalNote.textContent = "A spot usually opens up within a few minutes.";
     this._modalCta.hidden = true;
     if (!this._modal.open) this._modal.showModal();