/* saved sessions on the stage: one prompt line, one status line, and the breathing ring behind the heart.
   The prompt speaks in Helvetica like the alert; the status line is mono like the viewer's; theme colors only. */
.session {
  position: absolute; left: 0; right: 0; top: clamp(18px, 3vh, 34px); z-index: 4; pointer-events: none;
  display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 var(--gutter);
}
.session-prompt { margin: 0; font-size: clamp(26px, 3.4vh, 36px); font-weight: 700; letter-spacing: -0.015em; line-height: 1.1; color: var(--ink); }
.session-sub { margin: 0; font-family: var(--mono); font-size: clamp(13px, 1.7vh, 16px); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); }
.session-sub:empty { display: none; }
.session-ring {
  position: absolute; left: 50%; top: 50%; z-index: 0; pointer-events: none;
  width: min(72vh, 94%); aspect-ratio: 1; border-radius: 50%;   /* the breathing guide is the one round shape; at full size it stays under the prompt */
  border: 2px solid var(--line-strong);
  transform: translate(-50%, -50%) scale(0.7);
}