.qs-progress { margin-top: 28px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
    .qs-progress-label { font-size: 13px; color: var(--fg-muted); margin-right: 4px; }
    .qs-dot {
      width: 14px; height: 14px; border-radius: 50%;
      background: rgba(255,255,255,0.06);
      border: 1px solid var(--border);
      transition: all 0.2s;
    }
    .qs-dot.done {
      background: var(--accent-cyan); border-color: var(--accent-cyan);
      box-shadow: 0 0 12px rgba(79,172,254,0.45);
    }
    [data-ux-mode="cozy"] .qs-dot { background: rgba(0,0,0,0.04); border-color: rgba(182,151,99,0.30); }
    [data-ux-mode="cozy"] .qs-dot.done { background: #C66B6B; border-color: #C66B6B; box-shadow: 0 0 10px rgba(198,107,107,0.45); }
    .qs-skip {
      margin-left: auto; font-size: 13px;
      color: var(--fg-faded); cursor: pointer;
      background: none; border: 0;
      padding: 6px 10px; border-radius: 8px;
    }
    .qs-skip:hover { color: var(--fg-muted); background: rgba(255,255,255,0.04); }

    .day-meta {
      display: flex; gap: 14px; flex-wrap: wrap;
      font-size: 12px; color: var(--fg-faded);
      margin: 10px 0 14px;
    }
    .day-meta .pill { display: inline-flex; align-items: center; gap: 6px; }
    .day-doit {
      margin: 14px 0 4px;
      padding: 14px 16px;
      background: rgba(79,172,254,0.06);
      border-left: 3px solid var(--accent-cyan);
      border-radius: 10px;
    }
    [data-ux-mode="cozy"] .day-doit { background: rgba(198,107,107,0.07); border-left-color: #C66B6B; }
    .day-doit-label {
      display: block;
      font-size: 11px; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.10em;
      color: var(--accent-cyan); margin-bottom: 6px;
    }
    [data-ux-mode="cozy"] .day-doit-label { color: #C66B6B; }
    .day-doit ol { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.85; color: var(--fg); }
    .day-doit ol li { margin: 2px 0; }
    .day-outcome {
      margin: 8px 0 0;
      font-size: 13px; color: var(--fg-muted); line-height: 1.7;
    }
    .day-outcome::before { content: "→ "; color: var(--accent-cyan); font-weight: 700; }
    [data-ux-mode="cozy"] .day-outcome::before { color: #C66B6B; }
    .day-actions {
      display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
      margin-top: 14px;
    }
    .day-done-toggle {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: 13px; color: var(--fg-faded);
      cursor: pointer; user-select: none;
      padding: 6px 10px; border-radius: 8px;
    }
    .day-done-toggle:hover { color: var(--fg-muted); }
    .day-done-toggle input { width: 14px; height: 14px; accent-color: var(--accent-cyan); }
    [data-ux-mode="cozy"] .day-done-toggle input { accent-color: #C66B6B; }
    .journey-node.done { opacity: 0.72; }

    .later-card {
      max-width: 800px; margin: 0 auto;
      padding: 28px;
      border-radius: var(--radius-lg);
      background: var(--surface-2);
      border: 1px solid var(--border);
    }
    [data-ux-mode="cozy"] .later-card { background: var(--surface-raised, #FFFBF2); }
    .later-card h3 { font-size: 18px; margin: 0 0 8px; }
    .later-card p { font-size: 14px; color: var(--fg-muted); margin: 0 0 14px; line-height: 1.7; }
    .later-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
    .later-list li {
      display: flex; gap: 10px; align-items: start;
      font-size: 14px; color: var(--fg); line-height: 1.7;
    }
    .later-list a { color: var(--accent-cyan); }
    [data-ux-mode="cozy"] .later-list a { color: #C66B6B; }
  
      /* 50s overview video embed (2026-07-18) — the user-guide cut */
      .qs-overview-video { max-width: 860px; margin: 1.7rem auto 0.3rem; }
      .qs-overview-video video { display: block; width: 100%; border-radius: 14px;
        background: #0a0f1e; border: 1px solid rgba(148, 163, 184, 0.18);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45); }
      .qs-overview-video figcaption { margin-top: 0.55rem; text-align: center;
        font-size: 0.85rem; color: var(--fg-muted); }