.client-workout-choice-dialog,
.client-web-tour {
  width: min(92vw, 540px);
  max-height: min(86dvh, 740px);
  overflow: auto;
  margin: auto;
  border: 1px solid var(--line, #48504a);
  border-radius: 22px;
  background: var(--surface, #222723);
  color: var(--text, #f5f5ef);
  padding: clamp(20px, 5vw, 32px);
  box-shadow: 0 20px 70px #0008;
}
.client-workout-choice-dialog::backdrop,
.client-web-tour::backdrop { background: #070a08b9; }
.client-workout-choice-dialog-heading,
.client-web-tour-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.client-workout-choice-dialog-heading h3 { margin: 0 0 18px; }
.client-workout-choice-dialog-heading button,
.client-web-tour-header button { flex: none; min-width: 44px; min-height: 44px; border-radius: 50%; cursor: pointer; }
.client-workout-choice-dialog .workout-choice-list { display: grid; gap: 12px; }
.client-workout-choice-dialog .workout-choice-list[hidden] { display: none; }
.client-web-tour-kicker { font-size: .77rem; font-weight: 800; letter-spacing: .1em; color: var(--accent, #a5f20d); }
.client-web-tour-count { margin: 20px 0 8px; font-size: .9rem; opacity: .7; }
.client-web-tour h2 { margin: 0 0 14px; font-size: clamp(1.6rem, 5vw, 2.2rem); }
.client-web-tour h2:focus { outline: none; }
.client-web-tour-guide { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: start; gap: 12px; }
.client-web-tour-atari { position: relative; display: block; width: 82px; height: 86px; overflow: hidden; }
.client-web-tour-atari img { position: absolute; display: block; width: 200%; height: 200%; max-width: none; object-fit: fill; pointer-events: none; }
.client-web-tour-atari.is-greeting img { left: 0; top: 0; }
.client-web-tour-atari.is-celebrating img { left: -100%; top: 0; }
.client-web-tour-atari.is-encouraging img { left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.client-web-tour-atari.is-resting img { left: -100%; top: -100%; }
.client-web-tour-speech { min-width: 0; padding: 14px; border: 1px solid #476278; border-radius: 16px; background: #27333e; }
.client-web-tour-speech strong { color: #5aa9e8; font-size: .78rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.client-web-tour [data-client-web-tour-body] { margin: 6px 0 0; line-height: 1.5; overflow-wrap: anywhere; }
.client-web-tour-actions { display: flex; gap: 12px; justify-content: flex-end; margin-top: 20px; }
.client-web-tour-actions button { min-width: 92px; min-height: 44px; border-radius: 12px; padding: 8px 16px; font-weight: 700; cursor: pointer; }
.client-web-tour-actions [data-client-web-tour-next] { background: #a5f20d; color: #111; border: 0; }
.client-web-tour-actions [data-client-web-tour-back] { background: transparent; color: inherit; border: 1px solid currentColor; }
.client-web-tour-actions button:disabled { opacity: .4; cursor: default; }
html[data-client-theme="light"] .client-workout-choice-dialog,
html[data-client-theme="light"] .client-web-tour,
body[data-client-theme="light"] .client-workout-choice-dialog,
body[data-client-theme="light"] .client-web-tour { background: #f8f8f4; color: #1b211e; border-color: #bec8bf; }
html[data-client-theme="light"] .client-web-tour-speech,
body[data-client-theme="light"] .client-web-tour-speech { background: #e9f4fb; border-color: #afd5ee; }
html[data-client-theme="light"] .client-web-tour-speech strong,
body[data-client-theme="light"] .client-web-tour-speech strong { color: #176a9e; }
@media (max-width: 420px) {
  .client-web-tour-guide { grid-template-columns: 64px minmax(0, 1fr); gap: 8px; }
  .client-web-tour-atari { width: 64px; height: 67px; }
  .client-web-tour-speech { padding: 11px; }
}