<!--
  ============================================================================
  치과 불안·공포 심리 지원 챗봇 (연구용 프로토타입) — IDAF-4C+ 기반
  캐릭터: '미루(Miru)' — 마음을 미리 준비하도록 돕는 동반자
  ============================================================================
  설계 원칙 (근거: Vitalk/Viki, Woebot, Wysa 등 디지털 치료 동맹 연구)
   · 이름·캐릭터 부여 + 감정에 따라 바뀌는 아바타 표정 (인격화)
   · 시작 시 소요시간·전체 분량 안내 (이탈 방지)
   · 강조된 진행바 + 단계 라벨 (진행감)
   · 반복 답변 방지: 반영·공감 표현을 여러 개 두고 번갈아 사용
   · 규칙 기반 — 모든 문구 사전 작성·검증 (생성형 AI 아님)

  ▶ 수정: CONFIG 텍스트만 고치면 됩니다.
  ============================================================================
  v10 변경 내역 — 전문가 내용타당도 평정(김현정 교수) 수정 제안 전수 반영
   [제1부 콘텐츠 블록]
   B01 의인화 완화 — '친구 같은 존재'·'말하기 어려웠던 마음도 꺼내 두셔도'
       → 안내 도구 표현 / '답하고 싶은 범위에서 선택'
   B02 '저도 마음이 놓여요'·'제가 옆에 있을게요'·'용기가 필요했을지 알아요' 삭제,
       정서 검증은 유지하되 의인화 축소 (reflectPools 포함)
   B03 IDAF-4C 네 영역(인지·정서·신체·회피) 수집 지점을 주석으로 명시
   B04 '불안 곡선' 블록을 실제 곡선(강도의 시간적 변화) 설명으로 재작성하고,
       네 가지 발현 교육(curveEducation)과 분리 (curveExplain 신설)
   B05 '다음번 두려움은 더 커집니다' → 가능성 표현, '굴레' 표현 축소
   B06 '불안은 정점을 지나면 반드시 내려옵니다' 삭제 → 강도 변화·연습 효과로 대체,
       '정상적이고 건강한 반응' → '흔한 보호 반응이지만 부담이 될 수 있음'
   B07 혈관미주신경 분기 표현 완화 — '위험한 건 아니지만' 삭제, 실신 시 낙상 위험 명시,
       '막아 줘요/예방' → '도움이 될 수 있는 방법', 심혈관 위험군은 시행 금지로 강화
   B08 '마취가 제대로 되고 있다는 신호' 완화(통증 조절 보장 아님),
       '반드시 풀립니다/두세 시간' → '대부분 수 시간 내 회복, 오래가면 치과 문의'
   B09 '압박감은 통증이 아니라 접촉 감각' 단정 완화 → 개인차 인정 + 즉시 알리기
   B10 '스케일링 소리는 통증과 거의 무관' 일반화 삭제,
       이어폰은 설명·중단 신호를 들을 수 있는 범위에서 사전 상의 후 사용
   B11 구역반사 조절 효과 단정 완화, 핵심 대처를 코호흡·사전 고지·손 신호·자세 조절로 단순화
   B12 '손을 드는 순간 치료가 멈춰요' 삭제 → '가능한 한 안전한 시점에 멈추고 상태 확인',
       '대부분 손을 들지 않게 된다' 삭제, 신호의 의미를 사전에 합의하도록 안내
   B13 표면마취 일반화 완화('필요한 경우 사용할 수 있습니다'),
       '마취가 덜 된 채로 진행하지 않아요' → '효과를 확인하며 진행, 불편 시 추가 조절 요청'
   B14 느린 호흡 적용 범위를 진료 전·대기 중·치료가 멈춘 상태로 제한
   B15 '어느 시점에 아플 수 있나요' → '어느 단계에서 불편감이 있을 수 있나요'
   B16 두 선택지가 모두 '떠오른 생각'임을 화면에 표시, '참을 수 없이' → '많이'
   B17 '아프면 바로 말씀드리겠습니다' → '아프거나 불편하면 손 신호로 알려드리겠습니다'
   B18 공용기기 저장·캡처 주의 문구 신설, '꼭 저장' → 선택,
       '도움이 될 거예요/잘 해내실 거예요' → 가능성·확인 표현
   [제2부 안전 문구]
   S04 '24시간 연결되는 상담 창구' → '상담창구 연락처 정보를 안내' (실제 동작에 일치)
   S07 호흡 중단 후 상향 대응 경로 추가 (의료진 도움 · 필요 시 119)
   S08 '위급한 순간에 곁에 있어 드릴 수 없어요' 의인화 완화
   S09 '어떤 이야기든 들어드립니다' → 창구 기능의 중립적 표기
   S10 '진료 속도와 방식을 조절해 드릴 수 있습니다' → '조절 가능한 방법을 함께 상의'
   S14 IDAF-P 양성만으로 자살예방 상담전화 일괄 제시 → 정신건강 상담 우선,
       위기 연락처는 '안전이 걱정될 때' 조건부 + '도움이 필요해요' 경로로 분리
   S15 비적격자 안내도 동일 원칙으로 조건부화 (완료 화면 문구 포함)
   [제3부 전반 의견]
   · 누락 ① 익명 저장·실시간 모니터링 없음 안내를 시작 고지에 신설
   · 누락 ② 요약카드 공용기기 주의 (B18)
   · 누락 ③ 멈춤 신호의 한계와 사전 합의 (B12·정지신호 블록·치료 중 대처 모듈)
   · 누락 ④ 마취 감각 지속 시 치과 문의 (B08)
   · '항상/반드시/대부분/즉시/절대' 등 절대 표현 전면 점검
   · 반복 표현('괜찮아요·천천히·함께·훨씬') 축소
  ============================================================================
  v9 변경 내역 (지도교수 코멘트 반영)
   1. [신설] 치료 도중 갑작스러운 불안 악화에 대한 대처 모듈
      · 대처 준비 3단계 → 4단계 (둘 — 치료 도중에 갑자기 불안이 커질 때)
      · 손 들기 → 앉은 자세로 복귀 → 긴 날숨 호흡 → 그라운딩 → 재개 판단
      · 즉시 알려야 할 신체 증상(흉통·호흡곤란·심한 현기·감각이상) 명시
      · 대처 계획을 선택하게 하여 요약 카드에 출력 (rescuePlan 기록)
   2. [신설] 불안으로 인한 치료 중단 가능성 안내
      · 중단은 실패가 아님(정상화) + 중단 시 실제 절차(임시 수복·재예약)
      · 분할 진료·휴식 시간 사전 합의·진정치료 상담 경로 제시
      · 요약 카드 하단과 마무리 문구, 의료진 요청 선택지에 반영
   3. [수정] 주사 관련 중재 — 혈관미주신경 반응 중심 → 혈압 상승 중심
      · 국소마취 전후에는 대부분 혈압·맥박이 일시적으로 상승함을 본문화
      · 원인(불안·통증의 스트레스 반응 + 혈관수축제)과 임상적 의미,
        복약 유지·카페인/흡연·사전 고지·혈압 측정 요청 등 준비 안내 추가
      · 통증 감소 요청(표면마취 충분히·천천히 주입)이 혈압 상승 폭을
        줄인다는 경로를 명시
      · 근육 긴장법(applied tension)은 과거 현기·실신 경험이 있는 대상자
        에게만 제시되도록 분기로 이동 (needleFaintHx 기록)
  ============================================================================
  v5 변경 내역
   1. 주사 공포 근육긴장법 — 고혈압·심혈관 질환 주의 안내 추가
   2. 선별 판정 = 1부(IDAF-4C) 평균 ≥ 3.0 만 사용 (확정)
      · 2부(공포)·3부(자극)는 판정에서 제외, 응답만 문항별로 수집
   3. 문항별 원점수 저장 — core_1..n / phobia_1..n / stim_1..n / sus_1..10
      (이전에는 평균과 총점만 남고 문항별 응답이 버려졌습니다)
   4. 죽은 중복 CONFIG 키 제거 (4-7-8 breathing, 중복 curveRecap)
   5. 구글 시트 전송 — 성공/실패를 실제로 확인하고, 실패분은 기기에
      보관했다가 자동 재전송. 완료 화면에 참여번호와 저장 상태 표시
  ============================================================================
-->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>미루 — 치과 불안, 함께 돌봐요</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=IBM+Plex+Sans+KR:wght@300;400;500;600&display=swap" rel="stylesheet">
<script>
/* ============================================================================
   CONFIG
   ============================================================================ */
const CONFIG = {
  // ── 캐릭터 ──────────────────────────────────────────────────────────
  botName: "미루",
  botTagline: "치과가 두려운 마음, 함께 돌봐요",
  // 감정 상태별 아바타 표정 (사람처럼 반응하는 시각 장치)
  faces: { default:"🌿", warm:"🙂", care:"🤍", cheer:"✨", listen:"👂", brave:"💪" },
  estimateText: "15분 내외, 언제든 멈출 수 있어요",

  // ── 대화 속도 (가독성) ────────────────────────────────────────────────
  //  메시지가 뜬 뒤 다음 메시지까지의 '읽는 시간'을 글자 수에 비례해 줍니다.
  //  paceOptions 로 참가자가 직접 속도를 고를 수 있고, 선택값은 기록됩니다.
  pace: {
    prePause: 500,          // 말하기 전 뜸 (ms)
    typingPerChar: 16,      // 타이핑 표시 시간 = 글자수 × 이 값
    typingMin: 800, typingMax: 2200,
    msPerChar: 62,          // 읽는 시간 = 글자수 × 이 값  (약 16자/초)
    minGap: 1800, maxGap: 9000,
    defaultMode: "normal",  // slow | normal | quick
    modes: {
      slow:   { label:"천천히", mult:1.5 },
      normal: { label:"보통",   mult:1.0 },
      quick:  { label:"빠르게", mult:0.55 }
    },
    toggleHint: "읽는 속도"
  },

  // ── 도움 요청 경로 (상시 노출) ────────────────────────────────────────
  crisis: {
    enabled: true,
    // [S09 운영 절차] 아래 상담창구의 번호·운영시간은 변경될 수 있습니다.
    //  연구 시작 및 재배포 직전에 공공기관(보건복지부·자살예방센터 등) 최신 정보로
    //  반드시 재확인하고, 확인일자를 hotlineVerifiedOn 에 YYYY-MM-DD 로 갱신하십시오.
    //  확인일로부터 hotlineRecheckDays 가 지나면 #admin 화면과 콘솔에 경고가 표시됩니다.
    //  (참가자 화면에는 표시되지 않습니다.)
    hotlineVerifiedOn: "2026-08-18",
    hotlineRecheckDays: 90,
    buttonLabel: "도움이 필요해요",
    title: "지금 많이 힘드신가요?",
    lead: "이 챗봇은 위급한 순간에 도움을 드릴 수 없습니다. 지금 많이 힘드시다면 아래 창구로 직접 연락해 주세요. 아래 창구는 24시간 운영됩니다.",
    lines: [
      { name:"자살예방 상담전화", num:"109", tel:"109",
        desc:"24시간 · 무료 · 자살예방 및 정신적 위기 상담" },
      { name:"정신건강 상담전화", num:"1577-0199", tel:"15770199",
        desc:"24시간 · 지역 정신건강복지센터 연결" },
      { name:"응급 상황", num:"119", tel:"119",
        desc:"당장 위험하다고 느껴지신다면 주저하지 마세요" }
    ],
    sns: "문자·카카오톡 상담을 원하시면 '마들랜'을 검색해 보세요.",
    dental: "치과 진료 자체가 힘드신 것이라면, 담당 치과 의료진에게 그대로 말씀해 주세요. 조절 가능한 방법을 함께 상의하실 수 있습니다.",
    closeLabel: "돌아가기",
    // 대화 중 불편이 커졌을 때 미루가 먼저 건네는 말
    checkIn: { t:"혹시 지금 마음이 많이 무거우시면, 화면 위쪽 '도움이 필요해요'를 눌러 주세요. 상담창구 연락처 정보를 안내해 드립니다.", face:"care" }
  },

  disclaimer: "이 대화는 전문적인 심리치료가 아니라, 치과에 대한 불안을 스스로 다스리도록 돕는 짧은 심리 지원입니다. 진단·치료를 대신하지 않으며, 응답은 익명으로 처리됩니다.",

  // ── 시작 전 고지 (연구용 보조도구 안내 · 중단 가능 · 소요시간) ─────────
  consentNotice: {
    title: "시작하기 전에 알려드려요",
    items: [
      { icon:"🔬", head:"연구용 보조도구입니다",
        body:"본 챗봇은 진단이나 치료를 제공하지 않는 연구용 보조도구입니다. 치과의사나 심리 전문가를 대체하지 않습니다." },
      { icon:"✋", head:"언제든 멈추실 수 있어요",
        body:"참여는 자유이며, 대화 도중 언제든지 중단하실 수 있습니다. 답하고 싶지 않은 질문은 건너뛰셔도 됩니다." },
      { icon:"⏱", head:"15분 내외면 충분해요",
        body:"예상 소요시간은 15분 내외입니다. 고르신 내용과 읽는 속도에 따라 조금 달라질 수 있고, 편안한 속도로 천천히 진행하셔도 괜찮습니다." },
      { icon:"🔒", head:"응답은 익명으로 저장됩니다",
        body:"선택하신 내용과 진행 기록은 개인을 알아볼 수 없는 형태로 저장되며, 연구 목적으로만 사용됩니다. 이름·연락처 등 식별정보는 수집하지 않습니다. 대화 내용을 실시간으로 지켜보는 사람은 없으며, 위급한 상황에 즉시 개입하지 못합니다. 그런 상황에서는 아래 안내에 따라 직접 연락해 주세요." },
      { icon:"🤝", head:"많이 힘드실 땐 도움을 받으세요",
        body:"대화 중 마음이 많이 힘들어지시면, 화면 위쪽 '도움이 필요해요' 버튼을 눌러 주세요. 24시간 운영되는 상담창구의 연락처 정보를 안내해 드립니다." }
    ],
    buttonLabel: "확인했어요, 시작할게요"
  },

  // ── 첫 자기기록: 지금 긴장 정도 (마지막에 비교) ──────────────────────
  moodMeter: {
    startPrompt:{ t:"시작하기 전에 하나만 여쭤볼게요. 치과에 내원한다고 생각하면 느껴지는 긴장을 0에서 10 사이로 표시해 주시겠어요? 0은 아주 편안함, 10은 최고로 긴장된 상태예요.", face:"listen" },
    endPrompt:{ t:"마지막으로, 지금 다시 치과에 내원한다고 떠올려 보면 긴장은 몇 점일까요? 처음과 비교해 볼게요.", face:"warm" }
  },

  // ※ breathing / curveRecap 설정은 아래쪽(느린 호흡 6-6 블록)에 한 번만 정의되어 있습니다.
  //    예전에 여기 있던 4-7-8 중복 정의는 뒤 정의에 덮어써져 동작하지 않아 제거했습니다.

  // ── 도입: 라포 + 소요시간 안내 (이탈 방지) ───────────────────────────
  greeting: [
    { t:"안녕하세요, 저는 미루예요. 만나서 반가워요.", face:"warm" },
    { t:"치과불안을 이해하고, 진료에서 쓸 수 있는 대처 방법을 함께 정리하는 안내 도구예요.", face:"care" },
    { t:"지금 치과에 계시든 아니든 상관없습니다. 답하고 싶은 범위에서 편하게 선택하셔도 됩니다.", face:"default" },
    { t:"길지 않습니다 — 15분 내외면 충분하고, 몇 가지만 여쭤볼게요. 중간에 언제든 멈추실 수 있습니다.", face:"default" }
  ],

  // 반영 표현 풀 — 같은 감정이라도 매번 다른 문장 (반복 방지)
  reflectPools: {
    fear:   ["무섭게 느껴지실 수 있어요.","두려움이 크셨을 것 같습니다.","그렇게 느끼시는 분들이 많습니다."],
    pain:   ["아플까 봐 걱정되는 그 마음이 느껴져요.","아픔에 대한 걱정, 정말 자연스러운 거예요.","아플까 봐 조마조마하셨겠어요."],
    needle: ["주사 생각만으로도 긴장되셨겠어요.","바늘이라는 말만 들어도 움츠러들 수 있어요.","주사가 떠오르면 몸이 먼저 반응하죠, 그럴 수 있어요."],
    avoid:  ["가기 싫은 그 마음, 충분히 그럴 수 있어요.","피하고 싶었던 마음, 하나도 이상하지 않아요.","미루고 싶으셨던 그 마음도 이해가 돼요."],
    tense:  ["지금 마음이 많이 긴장되어 있다는 게 전해져요.","몸도 마음도 잔뜩 힘이 들어가 있으셨겠어요.","긴장으로 가득했던 하루였겠어요."],
    calm:   ["담담하게 바라보고 계시는군요.","차분히 살펴보시는 것도 도움이 됩니다.","그렇게 느끼신다니 다행입니다."],
    other:  ["말씀해 주셔서 감사합니다.","적어 주신 내용을 확인했습니다. 이어서 진행해 볼게요.","그 부분을 짚어 주셔서 감사합니다."]
  },
  bridge:{ t:"그럼 치과에 대해 지금 어떤 마음이신지 살펴볼게요. 해당하는 것을 골라 주시면 됩니다.", face:"warm" },

  moodPrompt:{ t:"치과를 떠올릴 때의 마음은, 셋 중에 어디에 가장 가까우세요?", face:"listen" },
  moodOptions: [
    { key:"calm",   label:"생각보다 괜찮아요",  face:"cheer", reply:"그러시군요. 그래도 진료에서 쓸 수 있는 방법을 몇 가지 정리해 두면 도움이 될 수 있어요." },
    { key:"nervous",label:"솔직히 좀 긴장돼요",  face:"care",  reply:"그렇게 느끼실 수 있어요. 부담 갖지 마시고 천천히 진행해 볼게요." },
    { key:"scared", label:"많이 두렵고 떨려요",  face:"care",  reply:"그렇게 느끼시는 분들이 적지 않습니다. 답하기 어려운 질문은 건너뛰셔도 되니, 편한 속도로 진행해 볼게요." }
  ],

  scaleIntro:{ t:"부담 갖지 마시고, 지금 느낌과 가장 가까운 것을 골라 주시면 됩니다. 맞고 틀리고는 없습니다.", face:"warm" },
  // [B03] IDAF-4C 구성개념(인지·정서·신체·회피) 대응:
  //   a1 정서(예기불안) / a2 인지(부정적 예상) / a3 신체반응
  //   회피·행동 영역은 아래 phobiaQuestion(p1)에서 별도로 수집합니다.
  //   따라서 네 영역이 모두 확인되며, 이 대응은 연구계획서에도 동일하게 기술합니다.
  anxietyQuestions: [
    { id:"a1", text:"치과에 내원하기 전을 상상해보세요. 곧 치과에 가게 된다면, 얼마나 불안하신가요?" },
    { id:"a2", text:"'치과에서 안 좋은 일이 생길지도 모른다'는 생각이 자주 드시나요?" },
    { id:"a3", text:"치과에 오면 심장이 두근거리거나 몸이 긴장되나요?" }
  ],
  phobiaQuestion: { id:"p1",
    text:"혹시 치과가 무서워서 진료를 미루거나 피한 적이 있으세요?",
    yes:"피하고 싶은 마음이 들 만큼 힘드셨군요. 그런 분들이 적지 않습니다. 지금 이렇게 살펴보시는 것도 의미가 있습니다.",
    no:"그렇군요. 확인해 주셔서 감사합니다." },
  stimulusQuestion: {
    id:"s1",
    text:"치과 치료에서 특히 어떤 순간이 가장 두렵게 느껴지세요? 해당되는 걸 모두 골라 주세요.",
    options:[
      { key:"needle",  label:"주사·주사바늘" },
      { key:"numb",    label:"마취 후 얼얼한 느낌" },
      { key:"control", label:"내가 통제할 수 없다는 느낌" },
      { key:"unknown", label:"무슨 치료를 할지 모르는 것" },
      { key:"gag",     label:"치료 중 불쾌하고 매스꺼운 느낌·구역질" },
      { key:"pain",    label:"치과 치료 시의 통증" },
      { key:"sound",   label:"기계 소리·드릴 소리" }
    ]
  },
  scaleOptions: [
    { score:1, label:"전혀 아니에요" },
    { score:2, label:"조금 그래요" },
    { score:3, label:"보통이에요" },
    { score:4, label:"꽤 그래요" },
    { score:5, label:"매우 그래요" }
  ],

  interventions: {
    // ── 주사·주사바늘 ────────────────────────────────────────────────
    //  [v9 수정]  기존에는 '혈압이 떨어지는 혈관미주신경 반응'을 기본 설명으로
    //  두었으나, 치과 국소마취 상황에서 실제로 흔한 것은 혈압·맥박의 '상승'입니다.
    //  따라서 상승에 관한 의학적 설명과 그에 대한 준비를 본문으로 두고,
    //  혈관미주신경 반응(소수)과 근육 긴장법은 과거 실신·현기 경험이 있는
    //  대상자에게만 제시되도록 분기(branch)로 옮겼습니다.
    needle: { title:"주사가 특히 두려우신 분께", cope:"주사 전 긴장 낮추기·혈압 관리 준비", face:"brave",
      lines:["주사바늘이 가장 두렵다고 하셨죠. 먼저 말씀드리고 싶은 건, 그 두려움이 결코 유별난 게 아니라는 거예요. 치과를 찾는 분들이 가장 흔하게 꼽는 두려움이 바로 주사예요.",
        "주사를 앞두고 몸에서 무슨 일이 일어나는지 알아두시면 도움이 돼요. 긴장하면 교감신경이 활발해지면서 심장이 빨라지고 혈압이 올라갑니다. 실제로 치과에서 국소마취 주사를 맞는 전후에는 대부분 혈압과 맥박이 일시적으로 올라가요.",
        "여기에는 두 가지가 함께 작용해요. 하나는 불안과 통증 자체가 일으키는 스트레스 반응이고, 다른 하나는 마취제에 함께 들어 있는 혈관수축제예요. 다만 치과에서 쓰는 양은 매우 적어서, 혈압이 오르는 데에는 마취제보다 긴장과 통증 쪽 영향이 더 큰 것으로 알려져 있습니다.",
        "건강한 분이라면 이 상승은 대개 몇 분 안에 원래대로 돌아오고 문제가 되지 않아요. 다만 고혈압이나 심장·혈관 질환이 있으시다면 이 일시적인 상승이 부담이 될 수 있어서, 미리 알리고 준비하는 것이 중요합니다.",
        "그래서 진료 전에 이런 것들이 도움이 됩니다. 첫째, 평소 드시는 혈압약이나 심장약은 진료 당일에도 거르지 말고 그대로 드세요. 임의로 거르시면 오히려 혈압이 더 올라갈 수 있어요. 둘째, 진료 전 커피와 담배는 줄이시고 전날 잠을 충분히 주무세요. 셋째, 접수하실 때 '고혈압이 있고 이런 약을 먹고 있습니다'라고 꼭 알려 주세요. 진료 전에 혈압을 재달라고 요청하셔도 전혀 이상하지 않습니다.",
        "그리고 도움이 되는 또 한 가지는, 주사를 덜 아프고 덜 무섭게 만드는 것입니다. 이건 요청하실 수 있어요. '표면마취를 사용할 수 있는지', '마취액을 천천히 넣어 주실 수 있는지' 여쭤보세요. 천천히 주입하면 통증이 줄어드는 경우가 많고, 통증과 긴장이 줄면 혈압이 오르는 폭도 함께 줄어들 수 있습니다.",
        "주사를 놓는 동안에는 눈을 감고 숨을 길게 내쉬면서 다른 감각에 주의를 두시면 도움이 돼요. 그 호흡은 잠시 뒤에 한 번 연습해 볼게요."],
      // ── 분기: 과거 주사 시 현기·실신 경험 여부 ──
      branch: {
        question:"그런데 한 가지만 여쭤볼게요. 대부분은 혈압이 올라가지만, 일부 분들은 반대로 주사를 맞을 때 혈압이 뚝 떨어지면서 아찔해지기도 하거든요. 혹시 예전에 주사를 맞다가 어지럽거나 식은땀이 나고, 정신이 아득해진 적이 있으세요?",
        yes: { key:"yes", label:"네, 그런 적이 있어요", face:"care",
          lines:["말씀해 주셔서 감사합니다. 그런 반응을 '혈관미주신경 반응'이라고 부르기도 합니다. 주사나 피를 볼 때 맥박과 혈압이 일시적으로 떨어지면서 어지럽거나 아찔해질 수 있어요. 대부분은 잠시 뒤 회복되지만, 실신으로 이어지면 넘어져 다칠 수 있어 미리 대비해 두는 것이 좋습니다.",
            "이런 경우에 시도해 볼 수 있는 방법이 있습니다. 주사를 앞두고 팔·다리·몸통에 15~20초 정도 힘을 줬다가 푸는 것을 몇 번 반복하는 것인데, 어지러움이나 실신을 줄이는 데 도움이 될 수 있는 방법으로 알려져 있어요. 다만 모든 분에게 같은 효과가 있는 것은 아닙니다.",
            "시작하기 전에 꼭 확인해 주실 것이 있습니다. 고혈압이나 심장·혈관 질환이 있으시거나 관련 약을 드시고 계시다면, 이 방법은 하지 마시고 먼저 주치의나 치과 의료진과 상의해 주세요. 힘을 주는 동안 혈압이 일시적으로 더 올라갈 수 있습니다. 해당되지 않더라도, 진행 중에 가슴이 답답하거나 머리가 아프거나 어지러우시면 곧바로 멈추십시오.",
            "위 주의사항에 해당하지 않으신다면, 지금 한 번 해보셔도 좋습니다. 셋을 세는 동안 팔·다리·몸통에 힘을 주고, 다시 셋을 세는 동안 천천히 풉니다. 하나, 둘, 셋 — 그리고 천천히 풀기. 이 감각을 기억해 두셨다가 실제 주사 전에 써보실 수 있어요. 해당되시는 분은 지금은 하지 마시고, 다음 진료 때 의료진과 먼저 상의해 주세요.",
            "그리고 진료 전에 '저는 주사 맞을 때 어지러웠던 적이 있습니다'라고 꼭 알려 주세요. 자세를 조절하는 등 상황에 맞게 대비할 방법을 의료진과 상의하실 수 있습니다."],
          cope:"주사 전 근육 긴장·이완법" },
        no: { key:"no", label:"아니요, 그런 적은 없어요", face:"warm",
          lines:["그러시군요. 그렇다면 조금 전에 말씀드린 대로, 긴장 자체를 낮추는 쪽에 집중하시면 됩니다.",
            "주사 직전에 6초 들이쉬고 6초 내쉬는 느린 호흡을 두세 번 하시고, 주먹을 가볍게 쥐었다 펴면서 어깨와 턱의 힘을 빼 보세요. 잠시 뒤에 연습할 호흡이 바로 그것입니다.",
            "그리고 진료 전에 '주사가 무섭습니다'라고 한마디만 전해 주세요. 표면마취를 사용할 수 있는지, 천천히 주입해 주실 수 있는지 함께 상의하시면 한결 편해질 수 있습니다."],
          cope:"주사 전 느린 호흡·긴장 풀기" }
      },
      confirm:"네, 확인했습니다" },

    numb: { title:"마취 후 감각이 낯설게 느껴지는 분께", cope:"마취 후 감각은 일시적임을 기억하기", face:"care",
      lines:["마취 후의 얼얼하고 둔한 느낌이 낯설고 불편하게 느껴지시는군요. 입술이나 볼이 '내 것이 아닌 것 같은' 그 감각이 당황스러우셨을 거예요.",
        "감각이 무뎌지는 것은 국소마취가 작용하는 동안 흔히 나타나는 현상이에요. 신경의 통증 신호 전달을 잠시 막고 있기 때문입니다. 다만 이 느낌이 있다고 해서 통증이 완전히 조절된다는 뜻은 아니어서, 치료 중 아프면 그때 바로 알려 주셔야 해요.",
        "가장 걱정되시는 것은 아마 '이 느낌이 안 풀리면 어쩌지' 하는 마음일 거예요. 국소마취의 감각 저하는 대부분 수 시간 안에 서서히 회복됩니다. 다만 부위와 약제, 사람에 따라 차이가 있어서, 예상보다 오래 지속되거나 얼얼함 외의 이상감각이 심하면 치과에 문의해 주세요.",
        "한 가지 더 말씀드리면, 마취가 풀리는 동안 입술이나 볼을 무심코 깨물지 않도록 조심하시고, 뜨거운 음식은 감각이 돌아온 뒤에 드시는 것이 좋습니다. 미리 알아두시면 그 시간이 덜 불안하게 느껴질 수 있어요."],
      confirm:"이해했습니다" },

    control: { title:"통제할 수 없다는 느낌이 힘드신 분께", cope:"손 들어 멈추는 신호 약속하기", face:"brave",
      lines:["치료 중에 '내가 어떻게 할 수 없다', '입을 벌린 채 그냥 맡겨야 한다'는 그 느낌이 가장 힘드시군요. 사실 이게 치과 불안의 가장 깊은 뿌리인 경우가 많아요. 아픈 것보다 통제할 수 없다는 그 무력감이 더 무섭거든요.",
        "그 통제감을 되찾는 데 도움이 되는 방법이 있습니다. 진료 전에 '멈춤 신호'를 미리 정해 두는 것입니다.",
        "치료를 시작하기 전에 의료진에게 이렇게 말해 두세요. '불편하거나 멈추고 싶으면 왼손을 들겠습니다.' 이렇게 신호를 정해 두면, 의료진이 가능한 한 안전한 시점에 멈추고 상태를 확인할 수 있습니다.",
        "다만 시술 단계에 따라서는 곧바로 멈추기 어려운 순간도 있습니다. 그래서 이 신호를 어떤 의미로 쓸지, 손을 들면 어떻게 해주실지를 진료 전에 의료진과 함께 정해 두는 것이 중요합니다. '멈출 수 있다'는 것을 알고 있는 것만으로도 불안이 줄어드는 데 도움이 될 수 있어요. 이 신호는 뒤에서 한 번 더 정리해 드릴게요."],
      confirm:"네, 다음 진료 때 써보겠습니다" },

    unknown: { title:"무슨 치료를 할지 몰라 불안하신 분께", cope:"치료 순서를 미리 알고 가기", face:"warm",
      lines:["무슨 일이 일어날지 모를 때, 우리 마음은 최악을 상상하곤 합니다. 그래서 '모른다'는 것 자체가 불안을 키우죠. 반대로 미리 알아 두면 불안이 줄어드는 데 도움이 될 수 있습니다.",
        "국소마취가 대체로 어떤 순서로 진행되는지 알려드릴게요. 먼저 마취할 부위를 확인합니다. 필요한 경우 잇몸 표면에 젤 형태의 표면마취를 사용할 수 있는데, 바늘이 들어갈 때의 따끔함을 줄이는 데 도움이 됩니다. 모든 경우에 사용하는 것은 아니어서, 원하시면 진료 전에 요청해 보셔도 좋습니다.",
        "그다음 가는 바늘로 천천히 마취액을 넣습니다. 이때 잠시 뻐근하거나 따끔할 수 있는데, 느껴지는 정도와 지속 시간은 사람마다 다릅니다. 그리고 마취 효과를 확인하면서 치료를 진행하게 됩니다. 진행 중에 불편하거나 아프면 그때 바로 알려 주시고, 추가로 조절해 달라고 요청하실 수 있어요.",
        "그리고 이것은 기억해 두세요. 진료 중에 '지금 뭘 하시는 건가요?', '다음엔 뭘 하나요?'라고 물어보셔도 전혀 이상하지 않습니다. 단계마다 미리 알려달라고 요청하시면 한결 마음 놓고 치료받으시는 데 도움이 될 수 있어요."],
      confirm:"네, 이해했습니다" },

    gag: { title:"매스껍고 구역질 나는 느낌이 두려우신 분께", cope:"코호흡과 사전 고지로 구역반사 다루기", face:"care",
      lines:["치료 중 입안 깊숙이 기구나 물, 인상 재료가 닿을 때 올라오는 그 매스껍고 욱- 하는 느낌이 두려우시군요. 이걸 '구역반사'라고 하는데, 목 안쪽을 보호하려는 몸의 아주 자연스러운 방어 반응이에요.",
        "이 반사는 긴장하거나 '또 그러면 어쩌지' 하고 걱정할 때 더 예민해지는 경향이 있습니다. 그래서 긴장을 줄이는 것이 도움이 될 수 있어요.",
        "시도해 보실 수 있는 것은 두 가지입니다. 첫째, 코로 천천히 숨을 들이쉬고 입으로 길게 내쉬는 데 주의를 두세요. 둘째, 진료 전에 '구역감이 심한 편입니다'라고 미리 알려 두세요. 이 두 가지가 가장 도움이 될 수 있습니다.",
        "그리고 불편하실 때 쓸 손 신호를 진료 전에 정해 두세요. 미리 알려 두시면 의료진이 자세를 조금 세우거나 진행 속도와 기구 위치를 조절하는 등, 가능한 방법을 함께 상의할 수 있습니다. 혼자 참지 않으셔도 됩니다."],
      confirm:"천천히 내쉬어 봤습니다" },

    pain: { title:"치료 중의 통증이 두려우신 분께", cope:"압박감과 통증 구분하고 바로 알리기", face:"brave",
      lines:["치료가 아플까 봐 걱정되시는군요. 통증에 대한 두려움은 치과 불안에서 가장 흔하고, 또 가장 이해가 되는 부분이에요. 과거에 아팠던 경험이 있으시면 더욱 그렇죠.",
        "먼저 알아두시면 도움이 되는 것이 있어요. 국소마취가 충분히 되면 치료 중의 날카로운 통증은 대부분 조절됩니다. 마취 효과를 확인한 뒤에 치료를 시작하기 때문에, '아픈 것을 참아야 하는' 상황은 생각보다 드뭅니다.",
        "다만 마취가 된 상태에서도 '압박감'이나 '진동', '미는 느낌'은 남아 있을 수 있어요. 이런 감각은 통증과는 다른 감각으로 느껴지는 경우가 많지만, 불편하거나 아프게 느껴지신다면 그대로 바로 알려 주세요. 참고 계실 필요가 없습니다.",
        "그리고 가장 중요한 것은, 아픔이 느껴진다면 참지 마시고 알리는 것입니다. 손 신호로 알리시면 마취를 추가하거나 잠시 쉬어가는 등 조절 가능한 방법을 의료진과 상의하실 수 있어요. 시작 전에 '아프거나 불편하면 손을 들어 알리겠습니다'라고 정해 두시면 마음이 조금 놓일 수 있습니다."],
      confirm:"네, 잘 기억해두겠습니다" },

    sound: { title:"기계 소리가 무서우신 분께", cope:"음악 듣기·소리의 의미 다시 보기", face:"warm",
      lines:["드릴이나 스케일러의 '위이잉-' 하는 소리가 두려우시군요. 사실 그 소리 자체가 아픈 건 아닌데, 우리 뇌가 그 소리를 '이제 아플 거야'라는 신호로 학습해 버려서 몸이 먼저 긴장하게 돼요.",
        "그래서 소리와 통증을 분리해 두는 것이 도움이 됩니다. 소리 자체가 통증을 의미하는 것은 아니에요. 다만 치료 부위와 개인의 민감도에 따라 불편감이 함께 느껴질 수 있으니, 불편하시면 그때 알려 주시면 됩니다.",
        "시도해 볼 수 있는 방법도 있어요. 이어폰으로 음악이나 팟캐스트를 들으면 소리가 어느 정도 가려집니다. 다만 진료 중에는 의료진의 설명과 중단 신호를 들으실 수 있어야 하므로, 사용 여부와 소리 크기는 진료 전에 의료진과 미리 상의해 주세요. 소리에 집중하는 대신 숨을 천천히 세어 보는 것도 방법입니다.",
        "그리고 미리 의료진에게 '기계 소리가 무섭습니다'라고 말해 두시면, 어떤 소리가 날지 미리 알려주는 등 가능한 방법을 상의하실 수 있어요. 무슨 소리인지 알고 들으면 같은 소리도 덜 위협적으로 느껴질 수 있습니다."],
      confirm:"네, 시도해 보겠습니다" }
  },

  // ── 호흡 이후: 실제로 쓸 수 있는 대처 준비 3단계 ───────────────────
  coping: {
    intro:[
      { t:"호흡으로 몸을 가라앉히셨으니, 이제 실제 진료에서 쓸 수 있는 준비를 함께 정리해 볼게요.", face:"warm" },
      { t:"네 가지예요. 하나씩 천천히 가 봅시다.", face:"default" }
    ],
    // (1) 정지 신호와 질문 목록
    stopSignal: {
      head:"하나 — 멈춤 신호와 물어볼 말 정하기",
      lines:[
        "치료 중 통제감을 되찾는 데 도움이 되는 방법은, 멈추고 싶을 때 쓸 신호를 진료 전에 미리 정해 두는 것입니다.",
        "치료를 시작하기 전에 이렇게 말씀해 보세요. \"불편하면 왼손을 들겠습니다. 그때 잠시 멈춰 주세요.\" 시술 단계에 따라 곧바로 멈추기 어려운 순간도 있으니, 손을 들면 어떻게 해주실지를 의료진과 미리 정해 두시면 더 좋습니다.",
        "그리고 궁금한 것을 미리 물어보면 '무슨 일이 일어날지 모르는 불안'을 줄이는 데 도움이 됩니다. 아래 중에서 여쭤보고 싶은 것을 골라 두세요."
      ],
      question:"진료 전에 어떤 걸 물어보고 싶으세요? 해당되는 걸 모두 골라 주세요.",
      options:[
        { key:"q_step",  label:"지금부터 무엇을 하시는지 단계마다 알려주세요" },
        { key:"q_time",  label:"오늘 치료는 얼마나 걸리나요?" },
        { key:"q_pain",  label:"어느 단계에서 불편감이 있을 수 있나요?" },
        { key:"q_stop",  label:"중간에 쉬고 싶으면 어떻게 하면 되나요?" },
        { key:"q_after", label:"치료 후에 어떤 느낌이 남을 수 있나요?" }
      ],
      ack:"좋습니다. 고르신 질문은 진료실에서 그대로 물어보셔도 되고, 접수할 때 미리 말씀하셔도 됩니다. 질문을 준비해 가는 것만으로도 마음의 준비가 달라집니다."
    },
    // ── (2) 치료 중 갑작스러운 불안 악화에 대한 대처 + 중단 가능성 ────────
    //  [v9 신설] 기존 설계는 '진료 전 준비'에만 초점이 있어, 치료 도중
    //  불안이 급격히 심해지는 상황과 그로 인한 치료 중단 가능성을 다루지
    //  않았습니다. 통제불가능성·예측불가능성 지각에 모두 대응하는 요소로
    //  추가하였습니다.
    rescue: {
      head:"둘 — 치료 도중에 갑자기 불안이 커질 때",
      lines:[
        "치료를 시작할 때는 괜찮다가도, 중간에 갑자기 불안이 훅 올라오는 일은 실제로 자주 있습니다. 기계 소리가 나거나, 입안에 물이 고이거나, 예상하지 못한 느낌이 들면 순식간에 심해질 수 있어요.",
        "이럴 때 '조금만 더 참자'는 도움이 되지 않을 수 있습니다. 참을수록 몸이 굳고, 굳은 몸이 다시 '역시 위험해'라는 생각을 키우면서 불안이 더 커지기도 하거든요. 그래서 그 순간에 무엇을 할지 미리 순서로 정해 두는 것이 도움이 됩니다.",
        "먼저, 앞에서 정한 대로 왼손을 듭니다. 신호를 확인하면 의료진이 가능한 한 안전한 시점에 치료를 멈추고 기구를 빼줍니다. 지금 하던 처치를 마무리해야 해서 몇 초 정도 기다려야 할 때도 있으니, 손을 든 뒤 잠시 기다려 주세요.",
        "그다음 \"잠깐 쉬고 싶어요\"라고 말하고, 의자를 조금 세워 달라고 하세요. 누운 자세 자체가 통제감을 떨어뜨리기 때문에, 상체를 세우고 앉는 것만으로도 한결 나아집니다.",
        "치료가 멈추고 기구가 입에서 빠진 뒤에, 코로 천천히 들이쉬고 입으로 길게 내쉬기를 몇 번 반복하세요. 기구가 입안에 있는 동안에는 하지 마시고, 멈춘 뒤에 하시는 것이 안전합니다. 이때 숨을 빠르고 얕게 몰아쉬면 오히려 손발이 저리고 더 어지러워질 수 있으니, 들이쉬는 것보다 내쉬는 숨을 길게 한다고 생각하시면 됩니다.",
        "동시에 주의를 몸 바깥으로 돌려 보세요. 발바닥이 바닥에 닿는 느낌, 손에 쥔 물건의 감촉, 천장의 한 지점처럼 지금 확인할 수 있는 것에 감각을 두는 겁니다. 그리고 어깨와 턱, 주먹에 들어간 힘을 의식적으로 풀어 주세요.",
        "물로 입을 헹구고 잠시 쉬면 몇 분 안에 가라앉는 경우가 많습니다. 가라앉으면 \"이제 계속해도 될 것 같아요\"라고 말하고 이어가시면 되고, 남은 치료가 얼마나 되는지 먼저 물어보셔도 좋아요.",
        "다만 가슴이 답답하거나 아프고, 숨이 잘 쉬어지지 않거나, 심하게 어지럽고 식은땀이 나거나, 손발이 저린 느낌이 있으면 참지 마시고 곧바로 알려 주세요. 그건 견뎌야 할 일이 아니라 의료진이 바로 확인해야 할 일입니다."
      ],
      // 불안으로 인한 치료 중단 가능성 — 정상화 + 이후 절차의 예측가능성 제공
      stopLines:[
        "그리고 꼭 말씀드리고 싶은 것이 하나 더 있어요. 이렇게 해봐도 도저히 견디기 어렵다면, 오늘 치료를 여기서 중단하셔도 됩니다.",
        "불안 때문에 치료를 중간에 멈추는 일은 드물지 않고, 실패도 아닙니다. 무리해서 끝까지 진행하는 것보다 나은 선택일 수 있어요. 불안이 심하면 몸이 긴장해 통증을 더 크게 느끼기도 하고, 그렇게 힘들었던 경험이 다음 치료를 더 어렵게 만들기도 하거든요.",
        "중단하면 어떻게 되는지 미리 알아 두시면 도움이 됩니다. 대개는 그날 치료하던 부위를 정리하고 필요하면 임시로 막아 둔 다음 마무리하며, 다음 예약을 다시 잡습니다. 다만 진행 상황에 따라 마무리에 시간이 걸릴 수 있어서, 멈추고 싶다는 뜻을 알리신 뒤 의료진의 안내를 함께 확인해 주세요.",
        "다음 진료를 잡으실 때는 이렇게 요청해 보세요. 한 번에 하는 양을 줄여 짧게 여러 번 나누어 받기, 중간에 쉬는 시간을 미리 정해 두기, 그리고 진정치료(수면치료)나 아산화질소 흡입진정에 대해 상담받기. 중단이 반복된다면 진정치료 상담을 한번 받아 보시길 권해 드려요.",
        "중요한 건, 중단하더라도 치료를 포기하는 것이 아니라 방법을 바꾸는 것이라는 점입니다."
      ],
      question:"치료 중에 갑자기 힘들어지면 무엇을 하시겠어요? 미리 정해 두고 싶은 것을 모두 골라 주세요.",
      options:[
        { key:"r_hand",   label:"왼손을 들어 잠시 멈춰 달라고 한다" },
        { key:"r_sit",    label:"의자를 세워 앉은 자세로 쉰다" },
        { key:"r_breath", label:"내쉬는 숨을 길게 하는 호흡을 몇 번 한다" },
        { key:"r_ground", label:"발바닥·손의 감각으로 주의를 돌린다" },
        { key:"r_tell",   label:"지금 많이 힘들다고 그대로 말한다" },
        { key:"r_stop",   label:"오늘은 여기까지 하고 다음에 이어서 받겠다고 말한다" }
      ],
      ack:"좋습니다. 미리 정해 두면 막상 그 순간이 왔을 때 덜 당황하는 데 도움이 됩니다. 고르신 내용은 마지막 카드에 함께 담아 드릴게요."
    },
    // (3) 예상과 사실 구분
    factCheck: {
      head:"셋 — '아직 일어나지 않은 예상'과 '확인된 사실' 구분하기",
      lines:[
        "불안할 때 마음은 '심한 일이 생길 것'이라고 앞서 달려가곤 합니다. 그런데 그것은 아직 일어나지 않은 예상이지, 확인된 사실은 아닙니다.",
        "이 둘을 구분해 보면 불안의 크기가 달라질 수 있습니다. 아래 두 문장은 모두 치과를 앞두고 머릿속에 떠오르는 생각입니다. 이 중 확인된 사실에 해당하는 것이 무엇인지 나눠 볼까요?"
      ],
      question:"아래 두 생각 중 '확인된 사실'에 해당하는 것은 무엇일까요?",
      options:[
        { key:"fact", label:"[떠오른 생각] 국소마취를 하면 치료 중 통증은 대부분 조절된다", correct:true },
        { key:"pred", label:"[떠오른 생각] 이번에는 분명히 많이 아플 것이다", correct:false }
      ],
      correctReply:"맞습니다. 이것은 임상 근거로 확인된 내용입니다. 반면 '이번에는 분명히 많이 아플 것이다'는 아직 일어나지 않은 예상이지요.",
      wrongReply:"함께 살펴볼까요? '이번에는 분명히 많이 아플 것이다'는 아직 일어나지 않은 예상입니다. 반면 '국소마취를 하면 치료 중 통증은 대부분 조절된다'는 임상 근거로 확인된 내용이에요.",
      close:"불안이 올라올 때 스스로에게 이렇게 물어봐 주세요. \"이건 내가 확인한 사실일까, 아니면 아직 일어나지 않은 예상일까?\" 이 질문 하나가 생각의 속도를 늦춰 줍니다."
    },
    // (4) 의료진에게 알릴 사항 한 가지
    tellStaff: {
      head:"넷 — 치료 전 의료진에게 알릴 것 한 가지 정하기",
      lines:[
        "마지막으로 하나만 정해 두시겠어요? 진료 전에 의료진에게 알리고 싶은 것 한 가지입니다.",
        "짧게 한마디 전해 두면, 의료진과 함께 조절 가능한 방법을 상의하실 수 있습니다. 말하기 어려우시면 접수 시 적어서 전달하셔도 됩니다."
      ],
      question:"어떤 것을 알리고 싶으세요? 가장 가까운 것을 하나 골라 주세요.",
      options:[
        { key:"t_fear",   label:"제가 치과가 많이 무섭다는 걸 알아주세요" },
        { key:"t_needle", label:"주사가 특히 두렵습니다" },
        { key:"t_pain",   label:"아프거나 불편하면 손 신호로 알려드리겠습니다" },
        { key:"t_break",  label:"중간에 쉬어가고 싶을 수 있습니다" },
        { key:"t_split",  label:"많이 힘들면 오늘은 여기까지만 하고 나눠서 받고 싶습니다" },
        { key:"t_explain",label:"무엇을 하시는지 미리 알려주세요" }
      ],
      ack:"좋습니다. 그 한마디를 기억해 두세요. 자신의 상태를 알리는 것은 치료를 방해하는 일이 아니라, 더 안전한 치료로 이어지는 일입니다."
    }
  },

  closing:[
    { t:"이렇게 미리 정리해 두신 것은 스스로를 돌보는 준비에 해당합니다.", face:"cheer" },
    { t:"긴장이 조금 남아 있어도 괜찮습니다. 오늘 정리한 내용을 필요할 때 다시 확인해 보세요.", face:"brave" }
  ],

  curve:{
    intro:{ t:"그 전에, 불안의 강도가 시간에 따라 어떻게 변하는지 그림으로 잠깐 보여드릴게요.", face:"warm" },
    title:"불안의 강도는 시간에 따라 변합니다",
    peakLabel:"가장 높은 지점", downLabel:"차차 낮아질 수 있어요",
    caption:"불안은 한 번 오르면 그대로 머무는 것이 아니라, 시간이 지나면서 강도가 변합니다."
  },
  // [B04] 불안 곡선 자체(강도의 시간적 변화)에 대한 설명 — 네 가지 발현 교육과 분리
  curveExplain: [
    { t:"그림의 선이 불안의 강도예요. 두려운 상황이 다가오면 올라가고, 가장 높은 지점을 지나면 대체로 조금씩 낮아집니다.", face:"warm" },
    { t:"가장 높은 지점이 언제 오는지, 얼마나 오래 가는지는 사람마다 다릅니다. 다만 그 강도가 계속 같은 크기로 유지되지는 않는다는 점이 중요해요.", face:"default" },
    { t:"안전한 환경에서 대처 방법을 연습해 두면, 이 강도가 서서히 낮아질 수 있습니다. 오늘 함께 정리할 것이 바로 그 대처 방법이에요.", face:"default" }
  ],
  // 불안곡선과 함께 제공하는 심리교육 (네 가지 표현 · 정상화 · 도구의 위치)
  curveEducation: [
    { t:"이번에는 그 불안이 실제로 어떤 모습으로 나타나는지 살펴볼게요.", face:"warm" },
    { t:"치과 불안은 마음속에만 머무르지 않습니다. 보통 네 가지 모습, 그러니까 생각·감정·몸의 반응·행동으로 함께 나타납니다.", face:"warm" },
    { t:"먼저 생각이에요. '많이 아플 것 같다', '마취가 안 들으면 어쩌지', '뭔가 잘못될 것 같다' 같은 예상이 머릿속을 채웁니다. 대부분 실제로 겪기도 전에 미리 떠오르는 것들이죠.", face:"default" },
    { t:"그 생각은 곧 감정으로 번져요. 두려움, 초조함, 때로는 '도망치고 싶다'는 마음까지요. 이건 아주 자연스러운 반응이에요.", face:"default" },
    { t:"몸도 함께 반응합니다. 심장이 빨라지고, 손에 땀이 나고, 어깨와 턱에 힘이 들어가지요. 진료 의자에 앉기도 전에 이미 온몸이 긴장하는 분도 많아요.", face:"care" },
    { t:"그리고 마지막으로 행동이에요. 예약을 자꾸 미루거나, 진료 당일 취소하거나, 아파도 참고 치과를 피하게 됩니다.", face:"default" },
    { t:"이 네 가지는 서로 영향을 주고받습니다. 무서운 생각이 몸을 긴장시키고, 긴장한 몸이 '역시 위험해'라는 생각을 키우고, 그래서 피하게 되기도 합니다.", face:"care" },
    { t:"피하면 그 순간은 편해집니다. 다만 회피가 반복되면 '역시 치과는 무서운 곳'이라는 생각이 굳어져서, 다음 치과 방문의 두려움이 더 커질 수 있습니다.", face:"care" },
    { t:"여기서 중요한 것이 있습니다. 앞서 보신 것처럼 불안의 강도는 시간에 따라 변하고, 안전한 환경에서 대처를 연습하면 서서히 낮아질 수 있습니다. 이 연결 고리는 느슨해질 수 있어요.", face:"warm" },
    { t:"그리고 이 말씀은 꼭 드리고 싶습니다. 불안을 느끼는 것은 부끄러운 일이 아닙니다. 위험을 미리 감지해 자신을 지키려는 흔한 보호 반응이에요. 다만 그 반응이 강하거나 오래 지속되면 진료와 일상에 부담이 될 수 있어서, 다루는 방법을 익혀 두는 것이 도움이 됩니다.", face:"care" },
    { t:"이 도구가 불안을 없애 드리지는 못합니다. 대신 불안이 올라왔을 때 쓸 수 있는 방법을 지금부터 하나씩 정리해 볼게요.", face:"warm" }
  ],

  // ── 미션형 호흡·이완 (시각 애니메이션 + 즉각 피드백) ──────────────────
  // 어떤 자극이든 공통으로 한 번 제안. 4-7-8 호흡을 기본으로.
  breathing: {
    invite:{ t:"이제 긴장을 가라앉히는 데 도움이 될 수 있는 호흡을 하나 익혀볼게요. 6초간 편안히 들이쉬고 6초간 천천히 내쉬는 느린 호흡입니다. 이 호흡은 진료 전이나 대기 중, 또는 치료가 잠시 멈춘 상태에서 사용하시는 방법이에요. 기구가 입안에 있는 동안에는 하지 마시고, 필요하시면 먼저 손 신호로 알린 뒤 의료진과 상의해 주세요. 그런 순간을 대비해서 지금 세 번만 연습해 둘까요? 화면의 원을 따라 천천히 숨을 쉬어 보세요.", face:"cheer" },
    // 안전 안내 — 시작 직전에 항상 제시합니다
    safety:{ t:"시작하기 전에 하나만 말씀드릴게요. 호흡을 하시다가 어지럽거나 숨이 답답한 느낌이 들면, 바로 멈추고 평소대로 편안하게 숨을 쉬시면 됩니다. 화면의 초에 억지로 맞추지 않으셔도 괜찮아요. 진행 중에는 언제든 '불편해요, 멈출게요'를 누르실 수 있습니다.", face:"care" },
    startLabel:"미루와 함께 호흡하기",
    skipLabel:"지금은 넘어갈래요",
    // 진행 중 즉시 중단
    stopLabel:"불편해요, 멈출게요",
    stopHint:"어지럽거나 답답하면 즉시 멈추고 평소 호흡으로 돌아오세요",
    stopFeedback:{ t:"멈추신 것, 잘하셨습니다. 이제 숨을 세거나 맞추려 하지 마시고 평소대로 편하게 쉬어 보세요. 앉거나 기댄 자세로 잠시 계시는 것이 좋습니다. 증상이 지속되거나 심해지면 연구자에게 알리는 데 그치지 마시고, 곁에 있는 의료진의 도움을 받으시고, 숨쉬기가 힘들거나 의식이 흐려지는 느낌이 들면 즉시 119에 연락해 주세요.", face:"care" },
    // 한 사이클: 들이쉬기 6초 → 내쉬기 6초 (느린 호흡)
    phases:[
      { key:"in",  label:"코로 편안히 들이쉬어요", sec:6 },
      { key:"out", label:"천천히 길게 내쉬어요",   sec:6 }
    ],
    cycles:3,
    feedback:{ t:"잘 하셨습니다. 몸이 조금 느슨해진 것이 느껴지셨을 수도 있고, 아직이어도 괜찮습니다. 이 호흡은 진료 전이나 대기 중, 또는 치료가 잠시 멈춘 상태에서 사용해 보세요.", face:"brave" },
    skipFeedback:{ t:"지금 하지 않으셔도 됩니다. 이런 방법이 있다는 것만 알아 두셨다가 필요할 때 쓰시면 됩니다.", face:"warm" }
  },

  // 세션 끝, 불안곡선 다시 보여주며 마무리 (자기 기록 시각화)
  curveRecap:{ t:"처음에 보여드린 그림입니다. 지금 느끼시는 불안의 강도도 시간에 따라 변하고, 대처를 연습해 두면 서서히 낮아질 수 있습니다.", face:"care" },

  // 마무리 요약 카드
  summary: {
    lead:{ t:"오늘 함께 정리한 내용을, 진료 때 그대로 쓰실 수 있도록 한 장으로 모아 드릴게요.", face:"cheer" },
    title:"나의 치과 준비 카드",
    labels:{ stim:"내가 두려운 순간", cope:"내가 연습한 대처", ask:"의료진에게 할 요청", rescue:"치료 중 힘들어지면", signal:"멈춤 신호" },
    signalText:"왼손 들기 — \"불편하면 왼손을 들겠습니다. 그때 잠시 멈춰 주세요.\" (손을 들면 어떻게 해주실지 진료 전에 의료진과 미리 정해 두세요.)",
    stopNote:"그래도 견디기 어려우면, 오늘은 여기까지만 하고 다음에 이어서 받아도 됩니다. 중단은 실패가 아니라 방법을 바꾸는 것입니다. 멈추고 싶다는 뜻을 알린 뒤에는 의료진의 안내를 함께 확인해 주세요.",
    breathText:"6초 들이쉬고 6초 내쉬는 느린 호흡",
    emptyStim:"특별히 고르지 않으셨어요",
    emptyAsk:"진료 시 편하게 말씀하셔도 좋아요",
    emptyRescue:"왼손을 들어 잠시 멈춰 달라고 하기",
    close:{ t:"원하시면 이 카드를 저장하거나 화면을 캡처해 두셔도 됩니다. 진료를 앞두고 다시 보시면 오늘 정리한 방법을 확인하시는 데 도움이 될 수 있어요.", face:"warm" },
    privacy:{ t:"다만 카드에는 어떤 상황이 두려운지 등 민감할 수 있는 내용이 담겨 있습니다. 공용 컴퓨터나 다른 사람과 함께 쓰는 기기에서는 저장이나 캡처를 하지 마시고, 화면만 확인한 뒤 닫아 주세요.", face:"care" },
    close2:{ t:"방금 연습한 6초 들이쉬고 6초 내쉬는 호흡은 진료 전이나 대기 중에 써보세요. 치료 중에 갑자기 힘들어지면 먼저 왼손을 들어 알리고, 치료가 멈춘 뒤 앉은 자세에서 길게 내쉬는 호흡을 하시면 됩니다. 그래도 어려우면 오늘은 여기까지만 하셔도 됩니다.", face:"care" },
    close3:{ t:"오늘 이렇게 정리해 두신 것 자체가 의미 있는 준비입니다. 진료 전에 필요할 때 다시 확인해 보세요.", face:"cheer" }
  },

  // 진행 단계 라벨 (강조된 진행바에 표시)
  stageLabels:["시작","마음 나누기","지금 상태","특히 두려운 것","함께 준비하기","마무리"],

  // ══════════════════════════════════════════════════════════════
  //  선별 단계 설정 (한국어판 IDAF-4C+)
  //  ※ 아래 문항 자리에 허락받으신 한국어판 원문을 그대로 붙여넣으세요.
  //     타당도 유지를 위해 문구를 임의로 바꾸지 마십시오.
  // ══════════════════════════════════════════════════════════════
  screening: {
    enabled: true,
    title: "치과 불안·공포 고위험자 선별 설문",
    intro: [
      "본 설문은 서울대학교 치의학대학원 학생학술경연대회 연구의 일부로 진행됩니다. 이 연구는 치과에 대한 불안과 공포가 높은 성인을 돕기 위해 개발된 규칙 기반 디지털 심리 지원 챗봇의 사용성과 실현가능성을 평가하는 것을 목적으로 합니다.",
      "연구에 참여하시면, 먼저 치과에 대한 불안·공포 정도를 확인하는 짧은 선별 설문에 응답하시게 됩니다. 이 설문 결과에 따라 연구 참여 대상에 해당하시는 경우, 이어서 간단한 사전 설문과 함께 약 15분 내외의 디지털 심리 지원 챗봇을 사용하시고, 마지막으로 사용 경험에 대한 평가에 응답하시게 됩니다. 전체 과정은 약 25~30분 정도 소요됩니다.",
      "모든 응답은 익명으로 처리되며, 이름·연락처·주민등록번호 등 개인을 식별할 수 있는 정보는 일절 수집하지 않습니다. 수집된 자료는 연구 목적으로만 사용되고 안전하게 관리됩니다.",
      "참여는 전적으로 자발적이며, 참여 도중 언제든지 중단하실 수 있습니다. 중단하시더라도 어떠한 불이익도 없습니다. 연구에 대한 자세한 설명과 동의 절차는 별도의 설명문·동의서를 통해 안내됩니다.",
      "아래 내용에 동의하시면, 선별 설문을 시작하겠습니다."
    ],
    agreeLabel: "위 연구 안내를 읽고 이해하였으며, 선별 설문 참여에 동의합니다.",
    startLabel: "동의하고 선별 설문 시작하기",

    // ── 1부. 치과 불안 및 두려움 (IDAF-4C, 6문항 · 5점 척도) ──
    core: {
      heading: "1부. 치과 불안 및 두려움",
      guide: "각 문항에 대해 평소 자신과 가장 가까운 것을 골라 주세요.",
      // ↓↓↓ 여기에 한국어판 IDAF-4C+ 핵심 모듈 8문항을 순서대로 입력 ↓↓↓
      items: [
        "나는 치과에 가기 직전에 불안하다.",
        "나는 치과에서 받은 안 좋은 경험(불쾌함, 고통스러움) 때문에 치과 방문이 대체적으로 꺼려진다.",
        "나는 치과 예약이 잡혀 있으면 신경이 쓰이고 초조해진다.",
        "나는 치과에 갈 때 걱정과 무서움을 느낀다.",
        "나는 치과에 갈 때 심장이 두근거린다.",
        "나는 치과 가기가 무서워서, 혹은 불안해서 치과 예약을 자주 미루는 편이다."
      ],
      // 5점 척도 라벨 — 원본 척도 라벨로 교체하세요
      scale: [
        { v:1, label:"전혀 그렇지 않다" },
        { v:2, label:"그렇지 않다" },
        { v:3, label:"보통이다" },
        { v:4, label:"그렇다" },
        { v:5, label:"매우 그렇다" }
      ],
      cutoff: 3.0            // 핵심 모듈 평균 ≥ 3.0 → 높은 치과불안
    },

    // ── 2부. 치과 공포 (IDAF-Phobia, 2문항 · 예/아니오) ──
    phobia: {
      heading: "2부. 치과 공포",
      guide: "각 문항에 대해 '예' 또는 '아니오'로 답해 주세요.",
      items: [
        "나는 치과 방문을 최대한 피하거나, 방문하는 경우는 심하게 두려워하거나 걱정한다.",
        "치과에 가는 것에 대한 두려움과 걱정 때문에, 또는 치과에 가는 것을 기피했기 때문에 실제로 손해를 입었다. (예: 치통이 발생하거나 지속됨, 특정 음식을 먹지 못함, 좋지 못한 외모 등)"
      ],
      yesLabel: "예", noLabel: "아니오"
      // 판정에는 사용하지 않습니다. 응답은 문항별로 그대로 기록됩니다(phobiaAns).
    },

    // ── 3부. 불안 자극 (IDAF-Stimulus, 6문항 · 프로파일 수집) ──
    // 선별 통과 여부에는 반영하지 않고, 두려운 자극 프로파일로만 기록
    stimulus: {
      heading: "3부. 특히 불안한 순간",
      guide: "치과 치료 과정에서 특히 불안하거나 두렵게 느껴지는 것을 각각 표시해 주세요.",
      items: [
        "당혹스러운 느낌 또는 수치스러운 느낌",
        "치과치료 과정 중 현재 일어나고 있는 일에 대해 통제할 수 없음",
        "치과치료 과정 중의 불쾌하고 매스꺼운 느낌",
        "마취제로 인한 얼얼함",
        "치과의사가 어떤 치료를 할지 모른다는 불안감",
        "치과치료 과정 중 숨 막히는 느낌 또는 토하는 것"
      ],
      // 각 문항을 챗봇 자극 키에 매핑 (4점 이상이면 두려운 자극으로 전달)
      // 문항0 당혹/수치는 챗봇 자극에 대응 항목이 없어 null
      mapKeys: [ null, "control", "gag", "numb", "unknown", "gag" ],
      passScore: 4,   // 4점 이상을 두려운 자극으로 간주
      scale: [
        { v:1, label:"전혀 그렇지 않다" },
        { v:2, label:"그렇지 않다" },
        { v:3, label:"보통이다" },
        { v:4, label:"그렇다" },
        { v:5, label:"매우 그렇다" }
      ]
    },

    // ══════════════════════════════════════════════════════════════
    //  판정 기준 (확정)
    //   · 1부 IDAF-4C 핵심 모듈 평균 ≥ core.cutoff (3.0) → 참여 대상
    //   · 2부(공포)·3부(자극)는 판정에 일절 반영하지 않으며, 응답만 수집합니다.
    // ══════════════════════════════════════════════════════════════
    // 판정 결과 안내
    eligibleMsg: {
      title: "참여 대상에 해당합니다",
      body: "응답해 주셔서 감사합니다. 이어서 디지털 심리 지원 챗봇을 사용하시게 됩니다. 15분 내외로 진행되며, 언제든 중단하실 수 있습니다.",
      button: "챗봇 시작하기"
    },
    // ── 2부(IDAF-P) 두 문항 모두 '예'인 선별자용 추가 안내 ─────────────
    //  선별 판정에는 영향을 주지 않습니다. 참여 대상에는 그대로 해당하며,
    //  챗봇을 시작하기 전에 이 안내를 한 번 더 제시한 뒤 진행합니다.
    phobiaAdvisory: {
      requireAllYes: true,          // 두 문항 모두 '예'일 때만 노출
      title: "시작하기 전에 꼭 전해드릴 말씀이 있어요",
      body: "응답해 주신 내용을 보면, 치과에 대한 두려움 때문에 실제로 어려움을 겪어 오신 것으로 보입니다. 그 시간이 결코 가볍지 않았을 것 같습니다. 연구 참여와는 별개로, 도움받으실 수 있는 방법을 먼저 안내해 드리고 싶습니다.",
      points: [
        { icon:"🌿", head:"이 챗봇은 치료가 아닙니다",
          body:"앞으로 만나실 챗봇은 진단이나 치료를 제공하지 않는 연구용 보조도구입니다. 치과불안에 대한 전문적인 치료를 대신할 수 없으며, 그것을 목표로 하지도 않습니다." },
        { icon:"💡", head:"치과 공포는 치료받을 수 있는 어려움입니다",
          body:"두려움 때문에 치과를 오래 미루셨다면, 그건 의지의 문제가 아닙니다. 치과 공포는 잘 알려진 어려움이고 실제로 도움받을 수 있는 방법들이 마련되어 있습니다. 혼자 견디지 않으셔도 됩니다." }
      ],

      // ── 치과 공포에 대해 실제로 도움을 받을 수 있는 곳 ────────────
      helpTitle: "도움받으실 수 있는 곳",
      helpLead: "아래는 연구와 무관하게, 치과 공포로 어려움을 겪는 분들이 이용하실 수 있는 경로입니다.",
      help: [
        { icon:"🦷", head:"치과 진료가 두렵다면 — 진정치료(수면치료) 상담",
          body:"두려움이 심해 진료 자체가 어려우신 경우, 의식하진정 또는 아산화질소 흡입진정을 이용해 편안한 상태에서 치료받는 방법이 있습니다. 치과대학병원 치과마취과 또는 진정치료가 가능한 치과에 문의해 보세요. 치료 의자에 앉지 않고 상담만 받아 보셔도 됩니다.",
          tag:"치과대학병원 치과마취과 · 진정치료 가능 치과" },
        { icon:"💬", head:"두려움 자체를 다루고 싶다면 — 심리 상담",
          body:"치과 공포는 특정공포증에 해당하며, 인지행동치료나 점진적 노출 같은 심리적 접근이 효과가 있는 것으로 알려져 있습니다. 거주지 정신건강복지센터에서 상담과 연계를 받으실 수 있습니다.",
          tag:"정신건강 상담전화 1577-0199 (24시간, 지역 센터 연결)", tel:"15770199" },
        { icon:"🗣", head:"지금 다니는 치과가 있다면 — 의료진에게 말하기",
          body:"“제가 치과가 많이 무섭습니다”라고 한마디만 전해도, 조절 가능한 방법을 의료진과 함께 상의하실 수 있습니다. 불편할 때 쓸 손 신호를 미리 정하거나, 단계마다 설명을 요청하실 수도 있습니다. 이런 요청은 전혀 이상한 일이 아닙니다.",
          tag:"담당 치과 의료진" },
        { icon:"☎️", head:"마음이 매우 힘들거나 스스로의 안전이 걱정되신다면",
          body:"위 경로와 별개로, 마음이 매우 힘들거나 스스로의 안전이 걱정될 정도라면 24시간 이용하실 수 있는 위기 상담창구가 있습니다. 화면 위쪽 '도움이 필요해요'에서도 언제든 다시 확인하실 수 있습니다.",
          tag:"정신건강 상담전화 1577-0199 (24시간)", tel:"15770199" }
      ],

      note: "이 안내는 연구 참여에 영향을 주지 않으며, 확인하신 뒤 그대로 이어서 진행하시면 됩니다. 위 내용은 대화가 끝난 뒤에도 화면 위쪽 '도움이 필요해요'에서 다시 보실 수 있습니다.",
      button: "확인했습니다, 시작할게요"
    },
    ineligibleMsg: {
      title: "참여해 주셔서 감사합니다",
      body: "응답해 주셔서 감사합니다. 이번 연구는 치과에 대한 불안과 공포가 특히 높은 분들을 대상으로 설계되어, 아쉽게도 이번에는 참여 대상에 해당하지 않으셨습니다.\n\n이는 좋고 나쁨의 문제가 아니며, 연구 대상 조건에 따른 구분일 뿐입니다. 시간 내어 응답해 주셔서 진심으로 감사드립니다.",
      note: "치과 진료와 관련해 불편한 점이 있으시면 담당 치과 의료진과 상의하시기를 권합니다. 두려움 때문에 진료를 미루게 되신다면 진정치료가 가능한 치과나 치과대학병원 치과마취과에 상담을 요청하실 수 있습니다.\n\n마음이 매우 힘들거나 스스로의 안전이 걱정되신다면, 정신건강 상담전화 1577-0199(24시간)로 연락하실 수 있고, 긴급한 상황이라면 자살예방 상담전화 109 또는 119를 이용하실 수 있습니다."
    }
  },

  // ── 연구 참여 전 사전평가 ─────────────────────────────────────────
  //  선별 통과 후, 챗봇 시작 전에 진행합니다.
  baseline: {
    enabled: true,
    // (1) 동의
    consent: {
      title: "연구 참여 동의",
      guide: "아래 내용을 읽으신 후, 동의 여부를 선택해 주세요.",
      body: [
        "본 연구는 치과불안·공포 고위험군 성인을 위한 규칙 기반 디지털 심리 지원 챗봇의 사용성과 실현가능성을 평가합니다.",
        "참여 중 수집되는 모든 자료는 익명으로 처리되며, 연구 목적으로만 사용됩니다. 참여는 자발적이고 언제든 중단하실 수 있으며, 중단하셔도 어떠한 불이익도 없습니다.",
        "연구에 대한 자세한 설명과 동의는 별도의 설명문·동의서로 안내됩니다."
      ],
      agreeLabel: "위 내용을 이해하였으며, 연구 참여에 동의합니다.",
      confirmText: "동의하고 계속하기",
      declineText: "동의하지 않습니다",
      declineMsg: "동의하지 않으셨습니다. 참여해 주셔서 감사합니다. 이 창을 닫으셔도 됩니다."
    },
    // (2) 일반사항
    demographics: {
      title: "일반 사항",
      guide: "통계 분석을 위한 기본 정보입니다. 개인을 식별하는 정보는 포함되지 않습니다.",
      fields: [
        { key:"age",   label:"연령대", type:"single",
          options:["20–29세","30–39세","40–49세","50–59세","60세 이상"] },
        { key:"sex",   label:"성별", type:"single",
          options:["여성","남성","응답하지 않음"] },
        { key:"visit", label:"가장 최근 치과 방문 시기", type:"single",
          options:["최근 6개월 이내","6개월~1년 전","1~3년 전","3년 이상 전","기억나지 않음"] }
      ]
    },
    // (3) 주관적 치과불안 · 지각된 통제감 (NRS 0–10)
    nrs: {
      title: "현재 상태",
      guide: "지금 이 순간의 상태를 0에서 10 사이 숫자로 표시해 주세요.",
      items: [
        { key:"anxiety", label:"지금 치과에 간다고 생각하면 얼마나 불안하신가요?",
          left:"0 · 전혀 불안하지 않아요", right:"매우 불안해요 · 10" },
        // (분석 변수명은 control 그대로 — 지각된 통제감)
        { key:"control", label:"치과가 두렵거나 불안해질 때, 그 마음을 스스로 다룰 수 있다고 느끼시나요?",
          left:"0 · 전혀 다룰 수 없어요", right:"잘 다룰 수 있어요 · 10" }
      ]
    },
    startLabel: "챗봇 시작하기"
  },

  // ── 사용 직후 설문(구글폼) 링크 ─────────────────────────────────
  // ── 챗봇 사용 직후 평가 (내장) ──────────────────────────────────
  postAssessment: {
    enabled: true,
    intro: {
      title: "사용 후 평가",
      guide: "챗봇 사용 경험에 대한 짧은 평가입니다. 3~5분 정도 걸리며, 응답은 익명으로 처리됩니다."
    },
    // (1) 사후 NRS
    nrs: {
      title: "현재 상태",
      guide: "지금 이 순간의 상태를 0에서 10 사이 숫자로 표시해 주세요.",
      items: [
        { key:"anxiety", label:"지금 치과에 간다고 생각하면 얼마나 불안하신가요?",
          left:"0 · 전혀 불안하지 않아요", right:"매우 불안해요 · 10" },
        // (분석 변수명은 control 그대로 — 지각된 통제감)
        { key:"control", label:"치과가 두렵거나 불안해질 때, 그 마음을 스스로 다룰 수 있다고 느끼시나요?",
          left:"0 · 전혀 다룰 수 없어요", right:"잘 다룰 수 있어요 · 10" }
      ]
    },
    // (2) SUS 10문항 (표준)
    sus: {
      title: "시스템 사용성 평가",
      guide: "방금 사용하신 챗봇에 대해, 각 문항에 얼마나 동의하시는지 골라 주세요.",
      scale: [
        { v:1, label:"전혀 그렇지 않다" },
        { v:2, label:"그렇지 않다" },
        { v:3, label:"보통이다" },
        { v:4, label:"그렇다" },
        { v:5, label:"매우 그렇다" }
      ],
      items: [
        "이 챗봇을 자주 사용하고 싶다.",
        "이 챗봇은 불필요하게 복잡하다고 느꼈다.",
        "이 챗봇은 사용하기 쉬웠다.",
        "이 챗봇을 사용하려면 다른 사람의 도움이 필요할 것 같다.",
        "이 챗봇의 여러 기능이 서로 잘 어우러져 있다고 느꼈다.",
        "이 챗봇에는 일관성이 없는 부분이 많다고 느꼈다.",
        "대부분의 사람들이 이 챗봇 사용법을 빠르게 익힐 수 있을 것이다.",
        "이 챗봇은 사용하기에 번거로웠다.",
        "이 챗봇을 사용하는 동안 자신감이 있었다.",
        "이 챗봇을 사용하기 전에 많은 것을 배워야 했다."
      ]
    },
    // (3) 만족도·수용성·재사용 의향 (1~5)
    likert: {
      title: "사용 경험",
      guide: "각 문항에 대해 가장 가까운 것을 골라 주세요.",
      scale: [
        { v:1, label:"전혀 그렇지 않다" },
        { v:2, label:"그렇지 않다" },
        { v:3, label:"보통이다" },
        { v:4, label:"그렇다" },
        { v:5, label:"매우 그렇다" }
      ],
      items: [
        { key:"satisfaction", text:"나는 이 챗봇에 전반적으로 만족한다." },
        { key:"comprehension", text:"챗봇이 제공한 설명은 이해하기 쉬웠다." },
        { key:"trust", text:"챗봇이 제공한 정보는 믿을 만하다고 느꼈다." },
        { key:"acceptability", text:"이 챗봇은 치과 진료 상황에서 사용하기에 적절하다고 느꼈다." },
        { key:"reuse", text:"앞으로 치과 진료를 앞두고 이 챗봇을 다시 사용할 의향이 있다." },
        { key:"recommend", text:"치과가 두렵거나 불안한 다른 분에게 이 챗봇을 추천할 의향이 있다." }
      ]
    },
    // (4) 이상반응 (예/아니오)
    adverse: {
      title: "사용 중 불편",
      guide: "챗봇을 사용하는 동안이나 사용한 뒤에 아래 반응을 경험하셨는지 표시해 주세요.",
      items: [
        { key:"emotional", text:"정서적 불편(불안이 오히려 심해짐, 마음이 불편해짐 등)" },
        { key:"dizziness", text:"어지럼증" },
        { key:"other", text:"그 밖의 신체적·정서적 이상반응" }
      ],
      yesLabel:"예", noLabel:"아니오",
      otherPrompt:"이상반응이 있으셨다면, 어떤 반응이었는지 적어 주세요. (선택)"
    },
    // (5) 자유 의견
    freeText: {
      title: "자유 의견",
      guide: "챗봇에 대해 좋았던 점, 개선이 필요한 점 등 자유롭게 적어 주세요. (선택)",
      placeholder: "자유롭게 적어 주세요…"
    },
    doneMsg: {
      title: "모든 과정을 마쳤습니다",
      body: "소중한 시간을 내어 참여해 주셔서 진심으로 감사합니다. 여러분의 응답은 치과가 두려운 분들을 돕는 연구에 큰 도움이 됩니다."
    }
  },

  // ── 사용성 지표 수집 설정 ─────────────────────────────────────────
  telemetry: {
    enabled: true,
    // 원격 수집 주소 (Google Apps Script 웹앱 URL 등). 비워두면 기기 내 저장만 사용.
    // ⚠ IRB 승인 전에는 반드시 빈 문자열로 두십시오.
    //   값이 있으면 접속자의 응답이 구글 시트로 전송됩니다.
    //   승인 후 자료수집을 시작할 때 아래 줄의 주소를 되살려 사용하십시오.
    //   보관용: https://script.google.com/macros/s/AKfycbyqKUTshZUEt0bRtc8ZggarG3ZprSVVtIJdn3ly1P6y-NNOOTJ4J6GmQhOj6zI5KhiZ/exec
    endpoint: "",
    // [S03 운영 절차] 예상 소요시간(15분 내외) 고지는 실측으로 검증합니다.
    //  #admin 대시보드의 '소요시간 중앙값·평균'과 아래 stepTimes 를 파일럿에서 확인하고,
    //  상한이 고지값을 넘으면 consentNotice·greeting·eligibleMsg·screening.intro 의
    //  소요시간 문구를 함께 갱신하십시오.
    // 단계 정의 — 이탈 단계 분석의 기준
    steps: [
      { key:"phobia_advisory", label:"0. 공포 모듈 추가 안내" },
      { key:"notice",      label:"1. 시작 고지" },
      { key:"greeting",    label:"2. 인사" },
      { key:"tension_pre", label:"3. 사전 긴장도" },
      { key:"mood",        label:"4. 마음 상태" },
      { key:"anxiety",     label:"5. 불안 문항" },
      { key:"phobia",      label:"6. 회피 경험" },
      { key:"stimuli",     label:"7. 두려운 자극" },
      { key:"education",   label:"8. 불안곡선 교육" },
      { key:"intervention",label:"9. 자극별 대처" },
      { key:"breathing",   label:"10. 느린 호흡" },
      { key:"coping_stop",   label:"11. 멈춤 신호·질문" },
      { key:"coping_rescue", label:"12. 치료 중 대처·중단 안내" },
      { key:"coping_fact",   label:"13. 예상과 사실" },
      { key:"coping_tell",   label:"14. 의료진 요청" },
      { key:"tension_post",  label:"15. 사후 긴장도" },
      { key:"summary",       label:"16. 요약 카드" },
      { key:"complete",      label:"17. 완료" }
    ]
  }
};
</script>
<style>
  :root{
    --bg:#eef4f4; --surface:#fff; --ink:#1f3538; --ink-soft:#5b7377;
    --line:#d6e3e2; --accent:#3f8f86; --accent-deep:#2c6b64; --accent-wash:#e3efec;
    --user-bubble:#3f8f86; --user-ink:#fff; --warn:#c98a3a; --warn-wash:#f6ecdd;
    --shadow:0 1px 2px rgba(31,53,56,.04),0 8px 30px rgba(31,53,56,.06); --radius:20px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{ font-family:"IBM Plex Sans KR",system-ui,sans-serif;
    background:radial-gradient(120% 80% at 50% -10%,#f6faf9 0%,var(--bg) 55%) fixed;
    color:var(--ink); display:flex; justify-content:center; -webkit-font-smoothing:antialiased;}
  .app{ width:100%; max-width:520px; min-height:100vh; display:flex; flex-direction:column;}

  /* ── Header: 캐릭터 정체성 (아바타 + 이름 + 소요시간) ── */
  header{ padding:18px 20px 12px; display:flex; align-items:center; gap:12px; position:sticky; top:0; z-index:5;
    background:linear-gradient(180deg,var(--bg) 74%,rgba(238,244,244,0));}
  .hero{ width:52px;height:52px;border-radius:50%;flex:none;position:relative;overflow:hidden;
    background:radial-gradient(circle at 38% 30%, #eaf5f2, #cfe7e1 78%);
    border:1px solid var(--line);
    display:grid;place-items:center; box-shadow:var(--shadow);}
  .hero svg{ width:100%;height:100%;display:block; }
  .hero .pulse{ position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent);opacity:.35;animation:pulse 2.6s ease-out infinite;}
  @keyframes pulse{0%{transform:scale(1);opacity:.4}100%{transform:scale(1.35);opacity:0}}
  .titles{ flex:1; min-width:0; }
  .titles h1{ font-family:"Gowun Batang",serif;font-weight:700;font-size:18px;line-height:1.15;}
  .titles p{ font-size:12px;color:var(--ink-soft);margin-top:2px;font-weight:300;}
  .titles .est{ display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:var(--accent-deep);
    background:var(--accent-wash);padding:2px 8px;border-radius:20px;font-weight:500;}

  /* ── 도움 요청 · 읽는 속도 ── */
  .head-tools{ display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none; }
  .help-btn{ font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;
    color:#a4512f;background:#fdeee5;border:1px solid #f0cdb8;border-radius:20px;padding:6px 11px;transition:.18s;}
  .help-btn:hover{ background:#fbe2d3;border-color:#e3b394; }
  .pace-btn{ font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;
    color:var(--accent-deep);background:var(--accent-wash);border:1px solid transparent;border-radius:20px;padding:5px 10px;transition:.18s;}
  .pace-btn:hover{ border-color:var(--accent); }

  .crisis{ position:fixed;inset:0;background:rgba(31,53,56,.45);backdrop-filter:blur(3px);
    display:none;place-items:center;z-index:10000;padding:20px; }
  .crisis.on{ display:grid; }
  .crisis-card{ background:var(--surface);border-radius:22px;max-width:420px;width:100%;
    padding:24px 22px;box-shadow:0 18px 50px rgba(31,53,56,.28);max-height:88vh;overflow:auto; }
  .crisis-card h3{ font-family:"Gowun Batang",serif;font-size:19px;margin-bottom:10px; }
  .crisis-card .lead{ font-size:14px;line-height:1.8;color:var(--ink-soft);word-break:keep-all;margin-bottom:16px; }
  .crisis-line{ display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;
    border:1px solid var(--line);border-radius:16px;padding:13px 14px;margin-bottom:9px;transition:.18s; }
  .crisis-line:hover{ border-color:var(--accent);background:var(--accent-wash); }
  .crisis-line .num{ font-size:19px;font-weight:700;color:var(--accent-deep);font-variant-numeric:tabular-nums;flex:none; }
  .crisis-line .meta b{ display:block;font-size:14px;font-weight:600; }
  .crisis-line .meta span{ display:block;font-size:11.5px;color:var(--ink-soft);margin-top:2px;word-break:keep-all; }
  .crisis-note{ font-size:12px;line-height:1.75;color:var(--ink-soft);word-break:keep-all;
    background:var(--accent-wash);border-radius:13px;padding:11px 13px;margin-top:12px; }
  .crisis-sub{ font-family:"Gowun Batang",serif;font-size:15px;font-weight:700;color:#a4512f;
    margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line); }
  .crisis-help{ margin-bottom:11px; }
  .crisis-help b{ display:block;font-size:13.5px;font-weight:600;line-height:1.6;word-break:keep-all; }
  .crisis-help .gt-tag{ margin-top:6px;font-size:11.5px;padding:5px 10px; }
  .crisis-close{ width:100%;margin-top:16px;font-family:inherit;font-size:14px;font-weight:500;
    background:var(--accent);color:#fff;border:none;border-radius:15px;padding:13px;cursor:pointer; }
  /* 설문 화면(#gate)에서는 헤더가 가려지므로 떠 있는 버튼으로 대신합니다 */
  .help-float{ position:fixed;right:14px;bottom:14px;z-index:950;display:none;
    font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
    color:#a4512f;background:#fdeee5;border:1px solid #f0cdb8;border-radius:22px;
    padding:10px 15px;box-shadow:0 4px 14px rgba(31,53,56,.16); }
  .help-float.on{ display:block; }

  /* ── 강조된 진행바 + 단계 라벨 ── */
  .progress-wrap{ padding:2px 20px 8px; }
  .progress-top{ display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
  .progress-top .stagename{ font-size:11.5px;color:var(--accent-deep);font-weight:600;}
  .progress-top .pct{ font-size:11px;color:var(--ink-soft);font-weight:500;font-variant-numeric:tabular-nums;}
  .stagebar{ height:7px;background:#dfeae8;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(31,53,56,.06);}
  .stagebar>i{ display:block;height:100%;width:0;border-radius:20px;
    background:linear-gradient(90deg,#5fb0a6,var(--accent-deep));
    background-size:200% 100%; transition:width .55s cubic-bezier(.4,0,.2,1);
    box-shadow:0 0 8px rgba(63,143,134,.4);}
  .stagebar>i.moving{ animation:shine 1.1s ease; }
  @keyframes shine{0%{background-position:100% 0}100%{background-position:0 0}}

  .chat{ flex:1; overflow-y:auto; padding:16px 18px 10px; display:flex; flex-direction:column; gap:18px; scroll-behavior:smooth;}
  .row{ display:flex;gap:11px;align-items:flex-end;}
  .row.bot{justify-content:flex-start;} .row.user{justify-content:flex-end;}
  .avatar{ width:38px;height:38px;border-radius:50%;flex:none;margin-bottom:2px;overflow:hidden;
    background:radial-gradient(circle at 38% 30%, #eaf5f2, #cfe7e1 78%);
    border:1px solid var(--line); box-shadow:0 1px 3px rgba(31,53,56,.10);
    display:grid;place-items:center;transition:transform .3s;}
  .avatar svg{ width:100%;height:100%;display:block; }
  .row.bot:last-child .avatar{ transform:scale(1.06); }
  /* 연속 발화일 때는 아바타를 숨겨 시선 부담을 줄입니다 */
  .avatar.ghost{ visibility:hidden; }
  .bubble{ padding:15px 17px;font-size:16px;line-height:1.9;border-radius:18px;max-width:78%;
    letter-spacing:-.1px;
    animation:rise .42s cubic-bezier(.2,.7,.3,1) both;word-break:keep-all;white-space:pre-wrap;}
  .bot .bubble{ background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px;box-shadow:var(--shadow);}
  .user .bubble{ background:var(--user-bubble);color:var(--user-ink);border-bottom-right-radius:6px;}
  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .typing{display:flex;gap:4px;padding:14px 15px;}
  .typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:blink 1.2s infinite both;}
  .typing i:nth-child(2){animation-delay:.2s} .typing i:nth-child(3){animation-delay:.4s}
  @keyframes blink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}

  .dock{ padding:12px 16px calc(14px + env(safe-area-inset-bottom));
    background:linear-gradient(0deg,var(--bg) 82%,rgba(238,244,244,0));position:sticky;bottom:0;}
  .choices{display:flex;flex-direction:column;gap:7px;}
  .choice{ text-align:left;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);
    border:1px solid var(--line);border-radius:14px;padding:12px 15px;cursor:pointer;transition:.18s;
    box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;}
  .choice:hover{border-color:var(--accent);transform:translateY(-1px);}
  .choice.sel{border-color:var(--accent);background:var(--accent-wash);}
  .choice .dot{ width:22px;height:22px;border-radius:50%;flex:none;border:1.5px solid var(--line);
    display:grid;place-items:center;font-size:11px;color:var(--ink-soft);font-weight:600;}
  .choice:hover .dot,.choice.sel .dot{border-color:var(--accent);color:var(--accent);}
  .choice .chk{margin-left:auto;color:var(--accent);opacity:0;font-size:15px;}
  .choice.sel .chk{opacity:1;}
  .multi-done{ width:100%;margin-top:8px;font-family:inherit;font-size:14px;font-weight:500;
    background:var(--accent);color:#fff;border:none;border-radius:14px;padding:12px;cursor:pointer;box-shadow:var(--shadow);}
  .multi-done:disabled{opacity:.4;cursor:default;}
  .textbar{display:flex;gap:8px;align-items:flex-end;}
  .textbar textarea{ flex:1;resize:none;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--surface);
    border:1px solid var(--line);border-radius:16px;padding:12px 15px;max-height:120px;line-height:1.5;box-shadow:var(--shadow);outline:none;transition:.18s;}
  .textbar textarea:focus{border-color:var(--accent);}
  .send{ width:44px;height:44px;border-radius:14px;flex:none;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:17px;box-shadow:var(--shadow);transition:.18s;}
  .send:hover{background:var(--accent-deep);} .send:disabled{opacity:.4;cursor:default;}
  .continue{ width:100%;font-family:inherit;font-size:14px;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:15px;padding:13px;cursor:pointer;box-shadow:var(--shadow);transition:.18s;}
  .continue:hover{background:var(--accent-deep);}
  .skip{ width:100%;margin-top:6px;background:none;border:none;color:var(--ink-soft);font-family:inherit;font-size:12px;cursor:pointer;padding:6px;text-decoration:underline;}
  .disclaimer{font-size:11px;color:var(--ink-soft);text-align:center;padding:2px 24px 4px;line-height:1.5;font-weight:300;}

  .breath-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;border-bottom-left-radius:6px;
    padding:20px 16px 16px;max-width:82%;box-shadow:var(--shadow);animation:rise .42s both;
    display:flex;flex-direction:column;align-items:center;gap:10px;}
  .breath-stage{ width:180px;height:180px;display:grid;place-items:center;position:relative;}
  .breath-ring{ position:absolute;width:64px;height:64px;border-radius:50%;
    background:radial-gradient(circle at 40% 35%, #7cc2b9, var(--accent) 72%);
    transition:transform linear; will-change:transform; }
  .breath-halo{ position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid var(--accent-wash);opacity:.7;transition:transform linear; }
  .breath-phase{ font-size:14px;font-weight:600;color:var(--accent-deep);min-height:20px;text-align:center; }
  .breath-count{ font-size:24px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums; }
  .breath-hint{ font-size:11.5px;color:var(--ink-soft);text-align:center;word-break:keep-all;line-height:1.6; }
  .breath-stop{ display:block;margin:12px auto 0;font-family:inherit;font-size:12.5px;font-weight:600;
    cursor:pointer;color:#a4512f;background:#fdeee5;border:1px solid #f0cdb8;border-radius:20px;
    padding:9px 16px;transition:.18s; }
  .breath-stop:hover{ background:#fbe2d3;border-color:#e3b394; }

  .curve-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;border-bottom-left-radius:6px;padding:15px 16px 13px;max-width:82%;box-shadow:var(--shadow);animation:rise .42s both;}
  .curve-title{font-family:"Gowun Batang",serif;font-size:14px;margin-bottom:10px;}
  .curve-svg{width:100%;height:105px;display:block;overflow:visible;}
  .axis{stroke:var(--line);stroke-width:1.5;}
  .curve-area{fill:var(--accent-wash);opacity:0;transition:opacity 1.4s ease .5s;}
  .curve-card.done .curve-area{opacity:.7;}
  .curve-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;}
  .curve-peak{fill:var(--warn);opacity:0;transition:opacity .3s;} .curve-peak.lit{opacity:1;}
  .curve-dot{fill:var(--accent-deep);} .curve-dot.calm{fill:var(--accent);}
  .curve-labels{position:relative;height:18px;margin-top:2px;font-weight:500;}
  .curve-labels span{position:absolute;font-size:10.5px;color:var(--ink-soft);}
  .lbl-start{left:0;} .lbl-peak{left:46%;transform:translateX(-50%);color:var(--warn);} .lbl-down{right:0;color:var(--accent-deep);}
  .curve-cap{font-size:12.5px;line-height:1.55;margin-top:8px;padding-top:9px;border-top:1px dashed var(--line);}

  /* 0~10 슬라이더 */
  .slider-wrap{ background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:var(--shadow);}
  .slider-val{ text-align:center;font-size:30px;font-weight:600;color:var(--accent-deep);font-variant-numeric:tabular-nums;line-height:1;}
  .slider-val .slider-max{ font-size:14px;color:var(--ink-soft);font-weight:400;margin-left:4px;}
  .slider{ -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:20px;margin:12px 0 6px;
    background:linear-gradient(90deg,#8fcac2,var(--accent),var(--warn));outline:none;}
  .slider::-webkit-slider-thumb{ -webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;
    border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px rgba(31,53,56,.2);}
  .slider::-moz-range-thumb{ width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;}
  .slider-ends{ display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-bottom:12px;}

  /* 시작 vs 지금 비교 카드 */
  .compare-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;border-bottom-left-radius:6px;padding:15px 16px;max-width:84%;box-shadow:var(--shadow);animation:rise .42s both;}
  .compare-title{ font-family:"Gowun Batang",serif;font-size:14px;margin-bottom:12px;}
  .cmp-row{ display:flex;align-items:center;gap:9px;margin-bottom:9px;}
  .cmp-lbl{ font-size:12px;color:var(--ink-soft);width:28px;flex:none;}
  .cmp-track{ flex:1;height:14px;background:#eef4f3;border-radius:20px;overflow:hidden;}
  .cmp-fill{ height:100%;border-radius:20px;transition:width .9s cubic-bezier(.2,.7,.3,1);}
  .cmp-fill.start{ background:#b8ccc9;}
  .cmp-fill.now{ background:linear-gradient(90deg,#5fb0a6,var(--accent-deep));}
  .cmp-num{ font-size:13px;font-weight:600;color:var(--ink);width:16px;text-align:right;flex:none;font-variant-numeric:tabular-nums;}
  .compare-msg{ font-size:12.5px;line-height:1.55;margin-top:8px;padding-top:9px;border-top:1px dashed var(--line);color:var(--ink);}

  .done-badge{ text-align:center;padding:18px 10px;animation:rise .5s both;}
  .done-badge .seal{ width:56px;height:56px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;font-size:26px;
    background:radial-gradient(circle at 40% 35%,#7cc2b9,var(--accent));box-shadow:var(--shadow);}
  .done-badge p{ font-size:14px;color:var(--ink);font-weight:500;}
  /* 선별 화면 */
  #gate{ position:fixed;inset:0;z-index:900;overflow:auto;
    background:radial-gradient(120% 80% at 50% -10%,#f6faf9 0%,var(--bg) 55%);
    padding:26px 18px 44px;display:none;}
  #gate.on{display:block;}
  .gt-wrap{ max-width:520px;margin:0 auto;}
  .gt-title{ font-family:"Gowun Batang",serif;font-size:22px;font-weight:700;color:var(--ink);
    text-align:center;margin-bottom:8px;}
  .gt-sub{ font-size:13px;color:var(--ink-soft);text-align:center;margin-bottom:22px;line-height:1.7;}
  .gt-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;
    padding:18px 17px;box-shadow:var(--shadow);margin-bottom:14px;animation:rise .4s both;}
  .gt-card p{ font-size:13.5px;line-height:1.75;color:var(--ink);margin-bottom:9px;}
  .gt-card p:last-child{margin-bottom:0;}
  .gt-head{ font-size:15px;font-weight:700;color:var(--accent-deep);margin-bottom:5px;}
  .gt-guide{ font-size:12.5px;color:var(--ink-soft);margin-bottom:14px;line-height:1.6;}
  .gt-q{ padding:14px 0;border-top:1px dashed var(--line);}
  .gt-q:first-of-type{border-top:none;padding-top:2px;}
  .gt-qt{ font-size:13.6px;line-height:1.68;color:var(--ink);margin-bottom:10px;font-weight:500;}
  .gt-qt .num{ display:inline-block;min-width:20px;color:var(--accent);font-weight:700;}
  .gt-opts{ display:flex;flex-wrap:wrap;gap:6px;}
  .gt-opt{ flex:1 1 auto;min-width:64px;padding:9px 6px;border-radius:11px;cursor:pointer;
    border:1px solid var(--line);background:#fff;font-family:inherit;font-size:12px;
    color:var(--ink-soft);text-align:center;line-height:1.4;transition:.15s;}
  .gt-opt.sel{ background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
  .gt-opt .n{ display:block;font-size:14px;font-weight:700;margin-bottom:2px;}
  .gt-yn{ display:flex;gap:8px;}
  .gt-yn .gt-opt{ flex:1;padding:11px;font-size:13.5px;}
  .gt-prog{ height:6px;border-radius:3px;background:var(--accent-wash);overflow:hidden;margin-bottom:18px;}
  .gt-prog i{ display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-deep));
    width:0;transition:width .4s;}
  .gt-btn{ width:100%;padding:14px;border:none;border-radius:14px;cursor:pointer;font-family:inherit;
    font-size:14.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,#5fb0a6,var(--accent-deep));
    box-shadow:var(--shadow);margin-top:6px;}
  .gt-btn:disabled{ opacity:.4;cursor:default;box-shadow:none;}
  .gt-note{ font-size:12px;color:var(--ink-soft);text-align:center;margin-top:14px;line-height:1.65;}
  /* 고위험 대상자용 도움 안내 */
  .gt-help-head{ margin:22px 2px 10px; }
  .gt-help-head b{ display:block;font-family:"Gowun Batang",serif;font-size:17px;color:#a4512f;margin-bottom:5px; }
  .gt-help-head span{ display:block;font-size:12.5px;line-height:1.7;color:var(--ink-soft);word-break:keep-all; }
  .gt-card.gt-help{ border-left:3px solid #e3b394; }
  .gt-tag{ display:inline-block;margin-top:9px;font-size:12px;font-weight:600;line-height:1.5;
    color:#a4512f;background:#fdeee5;border:1px solid #f0cdb8;border-radius:14px;padding:6px 11px;word-break:keep-all; }
  a.gt-tag-tel{ text-decoration:none; }
  a.gt-tag-tel:hover{ background:#fbe2d3;border-color:#e3b394; }
  .gt-result{ text-align:center;padding:12px 4px;}
  .gt-result .ic{ width:60px;height:60px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;
    font-size:27px;background:var(--accent-wash);}
  .gt-result h3{ font-size:18px;font-weight:700;color:var(--ink);margin-bottom:10px;}
  .gt-result p{ font-size:13.5px;line-height:1.8;color:var(--ink-soft);white-space:pre-line;text-align:left;}

  /* 사전평가 */
  .bl-body{ background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:14px;}
  .bl-body p{ font-size:12.8px;line-height:1.72;color:var(--ink-soft);margin-bottom:8px;}
  .bl-body p:last-child{margin-bottom:0;}
  .bl-agree{ display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--accent);
    border-radius:12px;background:var(--accent-wash);cursor:pointer;margin-bottom:6px;}
  .bl-agree .bx{ flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--accent-deep);
    background:#fff;display:grid;place-items:center;font-size:13px;color:#fff;margin-top:1px;}
  .bl-agree.on .bx{ background:var(--accent-deep);}
  .bl-agree span{ font-size:13px;line-height:1.6;color:var(--ink);}
  .bl-field{ margin-bottom:16px;}
  .bl-flabel{ font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:9px;}
  .bl-opts{ display:flex;flex-wrap:wrap;gap:7px;}
  .bl-opt{ padding:9px 14px;border-radius:20px;border:1px solid var(--line);background:#fff;cursor:pointer;
    font-family:inherit;font-size:12.5px;color:var(--ink-soft);transition:.15s;}
  .bl-opt.sel{ background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
  .bl-nrs{ margin-bottom:20px;}
  .bl-nrs .nlabel{ font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:12px;}
  .bl-nrs .nval{ text-align:center;font-size:26px;font-weight:700;color:var(--accent-deep);margin-bottom:6px;
    font-family:ui-monospace,monospace;}
  .bl-nrs input[type=range]{ width:100%;accent-color:var(--accent-deep);height:6px;}
  .bl-ends{ display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--ink-soft);}
  .bl-decline{ text-align:center;padding:20px 8px;font-size:13.5px;line-height:1.8;color:var(--ink-soft);}

  /* 사후평가 — SUS/리커트 문항 행 */
  .pa-q{ padding:13px 0;border-top:1px dashed var(--line);}
  .pa-q:first-of-type{border-top:none;padding-top:2px;}
  .pa-qt{ font-size:13.4px;line-height:1.6;color:var(--ink);margin-bottom:10px;}
  .pa-qt .num{ display:inline-block;min-width:20px;color:var(--accent);font-weight:700;}
  .pa-scale{ display:flex;gap:5px;}
  .pa-opt{ flex:1;padding:8px 3px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;
    font-family:inherit;font-size:10.5px;line-height:1.3;color:var(--ink-soft);text-align:center;
    white-space:pre-line;transition:.15s;}
  .pa-opt .n{ display:block;font-size:14px;font-weight:700;margin-bottom:2px;color:var(--ink);}
  .pa-opt.sel{ background:var(--accent);border-color:var(--accent);color:#fff;}
  .pa-opt.sel .n{ color:#fff;}
  /* 예/아니오 */
  .pa-yn{ display:flex;gap:8px;}
  .pa-yn .pa-opt{ padding:11px;font-size:13px;}
  .pa-other{ width:100%;margin-top:10px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;
    font-family:inherit;font-size:13px;color:var(--ink);resize:vertical;min-height:60px;box-sizing:border-box;}
  .pa-free{ width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;
    font-family:inherit;font-size:13.5px;color:var(--ink);resize:vertical;min-height:110px;box-sizing:border-box;}

  /* 완료 후 설문 안내 */
  .survey-card{ background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:16px;margin:10px 0 4px;box-shadow:var(--shadow);animation:rise .45s both;text-align:center;}
  .survey-card p{ font-size:13px;line-height:1.7;color:var(--ink);margin-bottom:12px;}
  .survey-id{ background:var(--accent-wash);border-radius:11px;padding:11px;margin-bottom:12px;}
  .survey-id .lb{ font-size:11px;color:var(--ink-soft);margin-bottom:4px;}
  .survey-id .vl{ font-size:17px;font-weight:700;color:var(--accent-deep);letter-spacing:.5px;
    font-family:ui-monospace,monospace;}
  .survey-btn{ display:inline-block;width:100%;padding:13px;border:none;border-radius:12px;cursor:pointer;
    font-family:inherit;font-size:14px;font-weight:600;color:#fff;text-decoration:none;
    background:linear-gradient(135deg,#5fb0a6,var(--accent-deep));}

  /* 연구자 대시보드 */
  #admin{ position:fixed;inset:0;background:#f4f7f7;z-index:9999;overflow:auto;padding:18px 16px 40px;
    font-family:"IBM Plex Sans KR",system-ui,sans-serif;display:none;}
  #admin.on{display:block;}
  .adm-h{ font-size:19px;font-weight:700;color:var(--ink);margin-bottom:4px;}
  .adm-sub{ font-size:12px;color:var(--ink-soft);margin-bottom:16px;}
  .adm-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin-bottom:16px;}
  .adm-kpi{ background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 13px;}
  .adm-kpi .k{ font-size:11px;color:var(--ink-soft);margin-bottom:4px;}
  .adm-kpi .v{ font-size:21px;font-weight:700;color:var(--accent-deep);}
  .adm-kpi .u{ font-size:12px;font-weight:500;color:var(--ink-soft);margin-left:2px;}
  .adm-sec{ background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:14px;}
  .adm-sec h4{ font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:10px;}
  .adm-bar{ display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;}
  .adm-bar .nm{ flex:none;width:120px;color:var(--ink-soft);}
  .adm-bar .tr{ flex:1;height:16px;background:var(--accent-wash);border-radius:5px;overflow:hidden;}
  .adm-bar .fl{ height:100%;background:var(--warn);}
  .adm-bar .ct{ flex:none;width:26px;text-align:right;font-weight:600;color:var(--ink);}
  .adm-tbl{ width:100%;border-collapse:collapse;font-size:11.5px;}
  .adm-tbl th{ background:var(--accent-wash);color:var(--accent-deep);padding:7px 6px;text-align:left;font-weight:600;
    position:sticky;top:0;}
  .adm-tbl td{ padding:6px;border-top:1px solid var(--line);color:var(--ink);}
  .adm-tbl tr.done td{ background:#f4fbf9;}
  .adm-wrap{ max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px;}
  .adm-btns{ display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .adm-btn{ padding:10px 14px;border-radius:11px;border:none;cursor:pointer;font-family:inherit;
    font-size:13px;font-weight:600;color:#fff;background:var(--accent-deep);}
  .adm-btn.ghost{ background:#fff;color:var(--ink);border:1px solid var(--line);}
  .adm-btn.danger{ background:#b9503f;}
  .adm-empty{ text-align:center;color:var(--ink-soft);font-size:13px;padding:30px 10px;}

  /* 마무리 요약 카드 */
  .sum-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;border-bottom-left-radius:6px;
    padding:16px 16px 14px;max-width:86%;box-shadow:var(--shadow);animation:rise .45s both;}
  .sum-title{ font-family:"Gowun Batang",serif;font-size:14.5px;font-weight:700;color:var(--accent-deep);
    margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line);}
  .sum-sec{ padding:9px 0;border-top:1px dashed var(--line);}
  .sum-sec:first-of-type{border-top:none;padding-top:0;}
  .sum-lbl{ font-size:11px;font-weight:600;color:var(--ink-soft);letter-spacing:.3px;margin-bottom:5px;}
  .sum-val{ font-size:12.8px;line-height:1.62;color:var(--ink);}
  .sum-val .pill{ display:inline-block;background:var(--accent-wash);color:var(--accent-deep);
    border-radius:9px;padding:3px 9px;margin:2px 4px 2px 0;font-size:12px;font-weight:500;}
  .sum-signal{ margin-top:11px;background:var(--warn-wash);border-radius:12px;padding:10px 12px;
    font-size:12.5px;line-height:1.6;color:var(--ink);}
  .sum-signal b{ display:block;font-size:11px;color:var(--warn);margin-bottom:3px;letter-spacing:.3px;}
  .sum-stop{ margin-top:8px;font-size:12px;line-height:1.6;color:var(--ink-soft);word-break:keep-all;
    border-left:3px solid var(--accent);padding-left:9px;}
  .restart{background:none;border:none;color:var(--ink-soft);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:8px;width:100%;}

  /* 시작 전 고지 카드 */
  .notice-card{ background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 17px 16px;
    box-shadow:var(--shadow);animation:rise .45s both;margin:2px 0 4px;}
  .notice-card h3{ font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:13px;letter-spacing:-.2px;}
  .notice-item{ display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--line);}
  .notice-item:first-of-type{ border-top:none;padding-top:2px;}
  .notice-ic{ font-size:17px;line-height:1.35;flex:none;width:22px;text-align:center;}
  .notice-tx{ flex:1;}
  .notice-tx b{ display:block;font-size:13.2px;font-weight:600;color:var(--ink);margin-bottom:3px;}
  .notice-tx span{ display:block;font-size:12.6px;line-height:1.62;color:var(--ink-soft);}
  .notice-ok{ width:100%;margin-top:14px;padding:12px 14px;border:none;border-radius:13px;cursor:pointer;
    font-family:inherit;font-size:13.5px;font-weight:600;color:#fff;
    background:linear-gradient(135deg,#5fb0a6,var(--accent-deep));box-shadow:var(--shadow);}
  .notice-ok:active{ transform:translateY(1px);}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto;}}
</style>
</head>
<body>
<div id="gate"><div class="gt-wrap" id="gateWrap"></div></div>
<div class="app">
  <header>
    <div class="hero" id="hero"><span class="pulse"></span><span id="heroFace"></span></div>
    <div class="titles">
      <h1 id="bt"></h1>
      <p id="bs"></p>
      <span class="est" id="est">⏱ <span id="estText"></span></span>
    </div>
    <div class="head-tools">
      <button id="helpBtn" class="help-btn" type="button">🤝 <span id="helpBtnLabel"></span></button>
      <button id="paceBtn" class="pace-btn" type="button" aria-label="읽는 속도 바꾸기"></button>
    </div>
  </header>
  <div class="progress-wrap">
    <div class="progress-top"><span class="stagename" id="stageName"></span><span class="pct" id="pct">0%</span></div>
    <div class="stagebar"><i id="stage"></i></div>
  </div>
  <main class="chat" id="chat" aria-live="polite"></main>
  <div class="dock" id="dock"></div>
  <p class="disclaimer" id="dc"></p>
</div>
<button id="helpFloat" class="help-float" type="button">🤝 도움이 필요해요</button>
<div id="crisis" class="crisis" role="dialog" aria-modal="true"><div class="crisis-card" id="crisisCard"></div></div>

<script>
/* ============================================================================
   ENGINE
   ============================================================================ */
const chat=document.getElementById('chat'), dock=document.getElementById('dock');
const stage=document.getElementById('stage'), stageName=document.getElementById('stageName'), pctEl=document.getElementById('pct');
const heroFace=document.getElementById('heroFace');
const crisisBox=document.getElementById('crisis'), crisisCard=document.getElementById('crisisCard');
const helpBtn=document.getElementById('helpBtn'), paceBtn=document.getElementById('paceBtn');
document.getElementById('bt').textContent=CONFIG.botName+" — "+CONFIG.botTagline.split(",")[0];
document.getElementById('bs').textContent=CONFIG.botTagline;
document.getElementById('estText').textContent=CONFIG.estimateText;
document.getElementById('dc').textContent=CONFIG.disclaimer;
document.getElementById('helpBtnLabel').textContent=(CONFIG.crisis&&CONFIG.crisis.buttonLabel)||"도움이 필요해요";
if(!(CONFIG.crisis&&CONFIG.crisis.enabled)) helpBtn.style.display='none';

const S={ opening:"", mood:null, anxiety:{}, phobia:null, stimuli:[], worry:"", usedReflect:{}, copingQuestions:[], branch:{}, rescuePlan:[], factCheck:null, tellStaff:null, didBreathing:false, screenStimuli:null, screenStimScores:null };

/* ============================================================
   사용성 지표 수집 (Telemetry)
   - 소요시간 / 완료율 / 중도 이탈률 / 이탈 단계
   - 개인식별정보 없음. 임의 세션번호만 사용.
   ============================================================ */
const T = (function(){
  const CFG = CONFIG.telemetry || {enabled:false, steps:[]};
  const LS_KEY = "miru_usability_logs";
  const Q_KEY  = "miru_pending_sync";     // 전송 실패분 보관함 (sessionId → payload)
  const stepKeys = (CFG.steps||[]).map(s=>s.key);
  let rec = null;
  let saveTimer = null;
  let syncState = "idle";                 // idle | pending | ok | fail
  const syncListeners = [];

  /* ---- 전송 대기함: 네트워크가 끊겨도 기록을 잃지 않도록 ---- */
  function readPending(){
    try { return JSON.parse(localStorage.getItem(Q_KEY) || "{}"); } catch(e){ return {}; }
  }
  function writePending(m){
    try { localStorage.setItem(Q_KEY, JSON.stringify(m)); } catch(e){}
  }
  function setPending(sid, body){ const m=readPending(); m[sid]=body; writePending(m); }
  function clearPending(sid){ const m=readPending(); delete m[sid]; writePending(m); }
  function pendingCount(){ return Object.keys(readPending()).length; }
  function setSync(state){
    syncState = state;
    syncListeners.forEach(fn=>{ try{ fn(state); }catch(e){} });
  }
  function onSync(fn){ syncListeners.push(fn); fn(syncState); }

  function uid(){
    return "S" + Date.now().toString(36).slice(-6) + Math.random().toString(36).slice(2,6);
  }
  function readAll(){
    try { return JSON.parse(localStorage.getItem(LS_KEY) || "[]"); }
    catch(e){ return []; }
  }
  function writeAll(arr){
    try { localStorage.setItem(LS_KEY, JSON.stringify(arr)); } catch(e){}
  }
  function persist(){
    if(!rec) return;
    const all = readAll();
    const i = all.findIndex(r=>r.sessionId===rec.sessionId);
    if(i>=0) all[i]=rec; else all.push(rec);
    writeAll(all);
  }
  function elapsed(){
    return rec ? Math.round((Date.now()-rec.startMs)/1000) : 0;
  }

  function init(){
    if(!CFG.enabled) return;
    if(rec) return;              // 이미 초기화됨 (선별 단계에서 호출된 경우)
    rec = {
      sessionId: uid(),
      startedAt: new Date().toISOString(),
      startMs: Date.now(),
      durationSec: 0,
      completed: false,
      lastStep: null,
      lastStepLabel: null,
      stepTimes: {},          // {stepKey: 경과초}
      dropoutStep: null,
      dropoutStepLabel: null,
      device: /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent) ? "mobile" : "desktop",
      // 선별 결과 (개인식별정보 아님)
      screened:false, coreMean:null, coreAns:null, phobiaAns:null,
      eligible:null, screeningSec:null, stimScores:null,
      // 사전평가
      consent:null, ageGroup:null, sex:null, lastVisit:null,
      baselineAnxiety:null, baselineControl:null,
      // 사후평가
      postAnxiety:null, postControl:null, susScore:null, susRaw:null,
      satisfaction:null, comprehension:null, trust:null, acceptability:null, reuse:null, recommend:null,
      aeEmotional:null, aeDizziness:null, aeOther:null, aeOtherText:null,
      feedback:null, postDone:false,
      // 연구용 응답 요약
      stimuli: [], phobia:null, tensionPre:null, tensionPost:null,
      // 안전·사용성 보조 지표
      helpOpened: 0, helpOpenedAtStep: null, paceMode: paceMode,
      phobiaAdvisoryShown: 0, phobiaAdvisoryAck: 0, breathingStopped: 0, tensionRise: 0
    };
    persist();
    // 이전 세션에서 전송에 실패한 기록이 있으면 먼저 재전송
    retryPending();
    // 이탈 감지 — 창을 닫거나 탭을 벗어날 때 마지막 상태 저장
    window.addEventListener("visibilitychange", ()=>{ if(document.hidden) flush(); else retryPending(); });
    window.addEventListener("pagehide", flush);
    window.addEventListener("beforeunload", flush);
    window.addEventListener("online", retryPending);
    // 30초마다 자동 저장 (이탈 대비) + 미전송분 재시도
    saveTimer = setInterval(()=>{
      if(rec && !rec.completed){ rec.durationSec = elapsed(); persist(); syncThrottled(); }
      retryPending();
    }, 30000);
  }

  function recordScreening(o){
    if(!rec) init();
    if(!rec) return;
    rec.screened = true;
    rec.coreMean = o.coreMean;
    rec.coreAns = o.coreAns || null;
    rec.phobiaAns = o.phobiaAns || null;
    rec.eligible = o.eligible;
    rec.screeningSec = o.screeningSec;
    rec.stimScores = o.stimScores || null;
    if(!o.eligible){
      rec.lastStep = "screen_out";
      rec.lastStepLabel = "0. 선별 미해당";
      rec.dropoutStep = "screen_out";
      rec.dropoutStepLabel = "0. 선별 미해당";
    }
    rec.durationSec = elapsed();
    persist();
    send(rec);
  }

  function recordConsent(agreed){
    if(!rec) init();
    if(!rec) return;
    rec.consent = agreed ? "동의" : "미동의";
    if(!agreed){
      rec.lastStep = "consent_declined";
      rec.lastStepLabel = "0. 동의 거부";
      rec.dropoutStep = "consent_declined";
      rec.dropoutStepLabel = "0. 동의 거부";
    }
    rec.durationSec = elapsed();
    persist(); send(rec);
  }
  function recordBaseline(o){
    if(!rec) return;
    var d = o.demo || {}, nr = o.nrs || {};
    rec.ageGroup = d.age || null;
    rec.sex = d.sex || null;
    rec.lastVisit = d.visit || null;
    rec.baselineAnxiety = (nr.anxiety==null)?null:nr.anxiety;
    rec.baselineControl = (nr.control==null)?null:nr.control;
    rec.durationSec = elapsed();
    persist(); send(rec);
  }

  function markStep(key){
    if(!rec) return;
    const def = (CFG.steps||[]).find(s=>s.key===key);
    if(rec.stepTimes[key]==null) rec.stepTimes[key] = elapsed();
    rec.lastStep = key;
    rec.lastStepLabel = def ? def.label : key;
    rec.durationSec = elapsed();
    if(key !== "complete"){
      rec.dropoutStep = key;
      rec.dropoutStepLabel = def ? def.label : key;
    }
    persist();
    syncThrottled();
  }

  function markComplete(){
    if(!rec) return;
    rec.completed = true;
    rec.lastStep = "complete";
    rec.lastStepLabel = "17. 챗봇 완료";
    rec.dropoutStep = null;
    rec.dropoutStepLabel = null;
    rec.stimuli = (S.stimuli||[]).slice();
    rec.phobia = S.phobia;
    rec.tensionPre = S.startTension ?? null;
    rec.tensionPost = S.endTension ?? null;
    rec.rescuePlan = (S.rescuePlan||[]).join("|");
    if(S.branch && S.branch.needle) rec.needleFaintHx = (S.branch.needle==="yes")?1:0;
    rec.durationSec = elapsed();
    persist();
    send(rec);
  }
  function recordPost(o){
    if(!rec) return;
    Object.keys(o).forEach(k=>{ rec[k]=o[k]; });
    rec.postDone = true;
    rec.durationSec = elapsed();
    persist();
    send(rec);
  }
  function complete(){ markComplete(); }

  function flush(){
    if(!rec) return;
    rec.durationSec = elapsed();
    rec.stimuli = (S.stimuli||[]).slice();
    rec.phobia = S.phobia;
    rec.tensionPre = S.startTension ?? null;
    rec.tensionPost = S.endTension ?? null;
    rec.rescuePlan = (S.rescuePlan||[]).join("|");
    if(S.branch && S.branch.needle) rec.needleFaintHx = (S.branch.needle==="yes")?1:0;
    persist();
    if(!rec.completed) send(rec, true);
  }

  // 원격 전송 (endpoint 설정 시에만)
  //  · 응답을 실제로 확인해서 성공/실패를 구분합니다 (기존에는 조용히 실패했음)
  //  · 실패하면 기기에 보관해 두었다가 다음 기회에 자동 재전송합니다
  let lastSentMs = 0;
  function postOnce(url, body){
    // Apps Script는 text/plain 이면 preflight 없이 통과합니다.
    return fetch(url, {
      method:"POST", redirect:"follow",
      headers:{"Content-Type":"text/plain;charset=UTF-8"}, body
    });
  }
  function send(payload, useBeacon){
    const url = CFG.endpoint;
    if(!url) return;
    const sid = payload && payload.sessionId;
    const body = JSON.stringify(payload);
    lastSentMs = Date.now();

    // 페이지가 닫히는 순간에는 확인할 겨를이 없으므로 beacon으로 던집니다.
    if(useBeacon && navigator.sendBeacon){
      try{ navigator.sendBeacon(url, new Blob([body], {type:"text/plain;charset=UTF-8"})); }catch(e){}
      return;
    }

    setSync("pending");
    postOnce(url, body)
      .then(r=>{
        if(r && (r.ok || r.type==="opaqueredirect")){ if(sid) clearPending(sid); setSync("ok"); }
        else { if(sid) setPending(sid, body); setSync("fail"); }
      })
      .catch(()=>{
        // CORS 등으로 응답을 못 읽는 경우 — 일단 보관하고 무응답 방식으로 한 번 더 시도
        if(sid) setPending(sid, body);
        setSync("fail");
        try{
          fetch(url, { method:"POST", mode:"no-cors",
            headers:{"Content-Type":"text/plain;charset=UTF-8"}, body });
        }catch(e){}
      });
  }

  // 보관해 둔 실패분 재전송 — 앱을 다시 열거나 네트워크가 돌아오면 자동 실행
  function retryPending(){
    const url = CFG.endpoint;
    if(!url) return;
    const m = readPending();
    const ids = Object.keys(m);
    if(!ids.length) return;
    ids.forEach(sid=>{
      postOnce(url, m[sid])
        .then(r=>{ if(r && (r.ok || r.type==="opaqueredirect")){ clearPending(sid); setSync("ok"); } })
        .catch(()=>{});
    });
  }
  // 진행 중에도 주기적으로 동기화 — 모바일에서 앱이 갑자기 종료돼도 기록이 남도록
  function syncThrottled(){
    if(!CFG.endpoint || !rec || rec.completed) return;
    if(Date.now() - lastSentMs < 20000) return;   // 최소 20초 간격
    rec.durationSec = elapsed();
    rec.stimuli = (S.stimuli||[]).slice();
    rec.phobia = S.phobia;
    rec.tensionPre = S.startTension ?? null;
    send(rec);
  }

  /* ---- 연구자용 집계 ---- */
  function all(){ return readAll(); }
  function stats(){
    const rows = readAll();
    const screened = rows.filter(r=>r.screened);
    const eligible = rows.filter(r=>r.eligible===true);
    // 챗봇을 실제 시작한 사람 = 선별 통과자 (또는 선별 없이 진입)
    const entered = rows.filter(r=>r.eligible!==false);
    const started = entered.length;
    const done = rows.filter(r=>r.completed);
    const dropped = entered.filter(r=>!r.completed);
    const durs = done.map(r=>r.durationSec).sort((a,b)=>a-b);
    const median = durs.length ? (durs.length%2 ? durs[(durs.length-1)/2]
                    : Math.round((durs[durs.length/2-1]+durs[durs.length/2])/2)) : 0;
    const mean = durs.length ? Math.round(durs.reduce((a,b)=>a+b,0)/durs.length) : 0;
    // 이탈 단계 분포
    const byStep = {};
    dropped.forEach(r=>{
      const k = r.dropoutStepLabel || "(시작 전)";
      byStep[k] = (byStep[k]||0)+1;
    });
    return {
      screened: screened.length,
      eligible: eligible.length,
      eligibleRate: screened.length ? Math.round(eligible.length/screened.length*1000)/10 : 0,
      started,
      completed: done.length,
      dropped: dropped.length,
      completionRate: started ? Math.round(done.length/started*1000)/10 : 0,
      dropoutRate: started ? Math.round(dropped.length/started*1000)/10 : 0,
      medianSec: median, meanSec: mean,
      minSec: durs[0]||0, maxSec: durs[durs.length-1]||0,
      dropoutByStep: byStep,
      postDone: rows.filter(r=>r.postDone).length,
      susMean: (function(){ var a=rows.filter(r=>r.susScore!=null).map(r=>r.susScore); return a.length?Math.round(a.reduce((x,y)=>x+y,0)/a.length*10)/10:0; })(),
      adverseCount: rows.filter(r=>r.aeEmotional==='yes'||r.aeDizziness==='yes'||r.aeOther==='yes').length
    };
  }
  function toCSV(){
    const rows = readAll();
    const stepCols = stepKeys;
    // 문항 수는 CONFIG를 그대로 따라갑니다 (문항을 늘리거나 줄여도 열이 자동으로 맞습니다)
    const nCore = ((CONFIG.screening&&CONFIG.screening.core&&CONFIG.screening.core.items)||[]).length;
    const nPhob = ((CONFIG.screening&&CONFIG.screening.phobia&&CONFIG.screening.phobia.items)||[]).length;
    const nStim = ((CONFIG.screening&&CONFIG.screening.stimulus&&CONFIG.screening.stimulus.items)||[]).length;
    const idx = (n,p)=>Array.from({length:n},(_,i)=>p+(i+1));
    const head = ["sessionId","startedAt","screeningSec","coreMean","eligible"]
                 .concat(idx(nCore,"core_"))      // 1부 문항별 원점수
                 .concat(idx(nPhob,"phobia_"))    // 2부 문항별 예/아니오
                 .concat(idx(nStim,"stim_"))      // 3부 문항별 점수
                 .concat([
                  "consent","ageGroup","sex","lastVisit","baselineAnxiety","baselineControl",
                  "durationSec","completed","lastStep","dropoutStep",
                  "device","phobia","tensionPre","tensionPost","stimuli",
                  "needleFaintHx","rescuePlan",
                  "helpOpened","helpOpenedAtStep","paceMode",
                  "phobiaAdvisoryShown","phobiaAdvisoryAck","breathingStopped","tensionRise",
                  "postDone","postAnxiety","postControl","susScore"])
                 .concat(idx(10,"sus_"))          // SUS 문항별 원점수
                 .concat([
                  "satisfaction","comprehension","trust","acceptability","reuse","recommend",
                  "aeEmotional","aeDizziness","aeOther","aeOtherText","feedback"])
                 .concat(stepCols.map(k=>"t_"+k));
    const lines = [head.join(",")];
    rows.forEach(r=>{
      const cell = (arr,n,i)=> (arr && arr[i]!=null) ? arr[i] : "";
      const base = [ r.sessionId, r.startedAt,
        r.screeningSec??"", r.coreMean??"", (r.eligible===null||r.eligible===undefined)?"":(r.eligible?1:0) ]
        .concat(Array.from({length:nCore},(_,i)=>cell(r.coreAns,nCore,i)))
        .concat(Array.from({length:nPhob},(_,i)=>cell(r.phobiaAns,nPhob,i)))
        .concat(Array.from({length:nStim},(_,i)=>cell(r.stimScores,nStim,i)))
        .concat([
        r.consent??"", r.ageGroup??"", r.sex??"", r.lastVisit??"",
        r.baselineAnxiety??"", r.baselineControl??"",
        r.durationSec, r.completed?1:0,
        r.lastStepLabel||"", r.dropoutStepLabel||"", r.device||"",
        r.phobia||"", r.tensionPre??"", r.tensionPost??"",
        '"'+(r.stimuli||[]).join("|")+'"',
        r.needleFaintHx??"", '"'+(r.rescuePlan||"")+'"',
        r.helpOpened??0, r.helpOpenedAtStep||"", r.paceMode||"",
        r.phobiaAdvisoryShown??0, r.phobiaAdvisoryAck??0, r.breathingStopped??0, r.tensionRise??0 ]);
      const post = [
        r.postDone?1:0, r.postAnxiety??"", r.postControl??"", r.susScore??"" ]
        .concat(Array.from({length:10},(_,i)=>cell(r.susRaw,10,i)))
        .concat([
        r.satisfaction??"", r.comprehension??"", r.trust??"", r.acceptability??"", r.reuse??"", r.recommend??"",
        r.aeEmotional??"", r.aeDizziness??"", r.aeOther??"",
        '"'+((r.aeOtherText||'').replace(/"/g,'""'))+'"',
        '"'+((r.feedback||'').replace(/"/g,'""'))+'"'
      ]);
      const times = stepCols.map(k=> (r.stepTimes && r.stepTimes[k]!=null) ? r.stepTimes[k] : "");
      lines.push(base.concat(post).concat(times).join(","));
    });
    return lines.join("\n");
  }
  function clear(){ writeAll([]); }

  return { init, recordScreening, recordConsent, recordBaseline, markStep, markComplete, recordPost, complete, flush, all, stats, toCSV, clear, steps:CFG.steps||[], current:()=>rec,
           retryPending, pendingCount, onSync, sessionId:()=>rec?rec.sessionId:null };
})();

// 진행바 + 단계 라벨 강조
function setStage(p, stageIdx){
  const pct=Math.min(100,Math.round(p));
  stage.style.width=pct+'%';
  stage.classList.remove('moving'); void stage.offsetWidth; stage.classList.add('moving');
  pctEl.textContent=pct+'%';
  if(stageIdx!=null && CONFIG.stageLabels[stageIdx]) stageName.textContent=CONFIG.stageLabels[stageIdx];
}
/* ============================================================
   미루의 얼굴 — 인라인 SVG (외부 이미지 없이 단일 파일 유지)
   표정 키: default / warm / care / cheer / listen / brave
   ============================================================ */
function miruSvg(faceKey){
  const f = (CONFIG.faces && CONFIG.faces[faceKey]) ? faceKey : "default";
  const eyes = {
    default:'<circle cx="25" cy="37" r="2.6"/><circle cx="39" cy="37" r="2.6"/>',
    warm:   '<path d="M22 38q3-3.4 6 0" fill="none" stroke-width="2.4" stroke-linecap="round"/><path d="M36 38q3-3.4 6 0" fill="none" stroke-width="2.4" stroke-linecap="round"/>',
    care:   '<path d="M22 36.5q3 3 6 0" fill="none" stroke-width="2.4" stroke-linecap="round"/><path d="M36 36.5q3 3 6 0" fill="none" stroke-width="2.4" stroke-linecap="round"/>',
    cheer:  '<path d="M22 38.5q3-4 6 0" fill="none" stroke-width="2.6" stroke-linecap="round"/><path d="M36 38.5q3-4 6 0" fill="none" stroke-width="2.6" stroke-linecap="round"/>',
    listen: '<circle cx="25" cy="37" r="3.4"/><circle cx="39" cy="37" r="3.4"/><circle cx="26.2" cy="35.8" r="1.1" fill="#fff"/><circle cx="40.2" cy="35.8" r="1.1" fill="#fff"/>',
    brave:  '<circle cx="25" cy="37.5" r="2.6"/><circle cx="39" cy="37.5" r="2.6"/><path d="M21 32.5l6 1.6" fill="none" stroke-width="2" stroke-linecap="round"/><path d="M43 32.5l-6 1.6" fill="none" stroke-width="2" stroke-linecap="round"/>'
  };
  const mouth = {
    default:'<path d="M29 45q3 2.6 6 0" fill="none" stroke-width="2.2" stroke-linecap="round"/>',
    warm:   '<path d="M28 44.5q4 3.6 8 0" fill="none" stroke-width="2.2" stroke-linecap="round"/>',
    care:   '<path d="M30 45.5h4" fill="none" stroke-width="2.2" stroke-linecap="round"/>',
    cheer:  '<path d="M27.5 44q4.5 5.4 9 0z" stroke-width="2" stroke-linejoin="round"/>',
    listen: '<ellipse cx="32" cy="45.5" rx="2.2" ry="2.6"/>',
    brave:  '<path d="M28 45.2h8" fill="none" stroke-width="2.6" stroke-linecap="round"/>'
  };
  const extra = f==="cheer"
    ? '<g fill="#f0b45c"><path d="M50 20l1.1 2.9 2.9 1.1-2.9 1.1L50 28l-1.1-2.9L46 24l2.9-1.1z"/><path d="M13 27l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z"/></g>'
    : (f==="care" ? '<g fill="#e79aa0" opacity=".55"><ellipse cx="19" cy="43" rx="4" ry="2.6"/><ellipse cx="45" cy="43" rx="4" ry="2.6"/></g>' : '');
  return '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="미루">'
    + '<circle cx="32" cy="39" r="20" fill="#bfe3d9"/>'
    + '<path d="M32 19V9" stroke="#4e9d90" stroke-width="2.6" stroke-linecap="round" fill="none"/>'
    + '<path d="M32 13c-1-5-5-7-9-6.5.5 4.5 4 7.2 9 6.5z" fill="#63b3a4"/>'
    + '<path d="M32 16c1.2-4.6 5-6.4 8.8-5.6C40.3 14.6 36.8 17 32 16z" fill="#7fc7b7"/>'
    + '<g fill="#2f5f5b" stroke="#2f5f5b">' + (eyes[f]||eyes.default) + (mouth[f]||mouth.default) + '</g>'
    + '<g fill="#e79aa0" opacity="' + (f==="care"?0:0.4) + '"><ellipse cx="19" cy="43" rx="3.6" ry="2.3"/><ellipse cx="45" cy="43" rx="3.6" ry="2.3"/></g>'
    + extra + '</svg>';
}

/* ============================================================
   대화 속도 — 읽는 시간을 글자 수에 비례해 확보 (가독성)
   ============================================================ */
let paceMode = (CONFIG.pace && CONFIG.pace.defaultMode) || "normal";
let lastBotLen = 0;                 // 직전 미루 발화 길이 → 다음 발화까지의 여백 계산
const sleep = ms => new Promise(r=>setTimeout(r, Math.max(0, ms)));
const clampMs = (v,a,b) => Math.max(a, Math.min(b, v));
function paceMult(){
  const m = CONFIG.pace && CONFIG.pace.modes && CONFIG.pace.modes[paceMode];
  return m ? m.mult : 1;
}
function reduceMotion(){ return matchMedia('(prefers-reduced-motion:reduce)').matches; }

function setFace(key){ heroFace.innerHTML = miruSvg(key); }
function scrollDown(){ requestAnimationFrame(()=>chat.scrollTop=chat.scrollHeight); }
function clearDock(){ dock.innerHTML=''; }
function pick(arr){ return arr[Math.floor(Math.random()*arr.length)]; }

// 미루가 연달아 말할 때는 아바타를 한 번만 보여줍니다 (시선 부담 감소)
function avatarHTML(face){
  const prev = chat.lastElementChild;
  const ghost = prev && prev.classList.contains('bot') ? ' ghost' : '';
  return '<div class="avatar'+ghost+'">'+miruSvg(face)+'</div>';
}

function addBot(text, face){
  const row=document.createElement('div'); row.className='row bot';
  row.innerHTML=avatarHTML(face)+'<div class="bubble"></div>';
  row.querySelector('.bubble').textContent=text; chat.appendChild(row); scrollDown();
  if(face) setFace(face);
  return row.querySelector('.bubble');
}
function addUser(text){
  const row=document.createElement('div'); row.className='row user';
  row.innerHTML=`<div class="bubble"></div>`;
  row.querySelector('.bubble').textContent=text; chat.appendChild(row); scrollDown();
  lastBotLen = 0;   // 사용자가 답한 직후에는 곧바로 이어 말합니다
}
function typing(face){
  const row=document.createElement('div'); row.className='row bot';
  row.innerHTML=avatarHTML(face)+'<div class="bubble typing"><i></i><i></i><i></i></div>';
  chat.appendChild(row); scrollDown(); return row;
}

/**
 * 사람다운 리듬: (앞 메시지를 읽을 시간) → 뜸 → 타이핑 → 표시
 *  · 읽을 시간은 '직전 메시지'의 길이로 계산합니다.
 *    그래서 질문 뒤에 선택지가 뜰 때는 기다림이 생기지 않습니다.
 *  · opts.pre 를 주면 그 값이 앞의 모든 여백을 대신합니다.
 */
async function botSay(seg, opts={}){
  const text = typeof seg==="string" ? seg : seg.t;
  const face = typeof seg==="string" ? opts.face : seg.face;
  const P = CONFIG.pace || {};
  const reduce = reduceMotion();
  const m = paceMult();

  let pre;
  if(opts.pre != null){
    pre = opts.pre * m;
  } else {
    const read = lastBotLen
      ? clampMs(lastBotLen * (P.msPerChar||62), P.minGap||1800, P.maxGap||9000)
      : 0;
    pre = (read + (P.prePause||500)) * m;
  }
  await sleep(reduce ? Math.min(pre, 400) : pre);

  const typeDur = clampMs(text.length * (P.typingPerChar||16), P.typingMin||800, P.typingMax||2200) * m;
  const t = typing(face);
  await sleep(reduce ? 200 : typeDur);
  t.remove();
  addBot(text, face);
  lastBotLen = text.length;
}
async function botSeq(list){ for(let i=0;i<list.length;i++){ await botSay(list[i]); } }

/* 읽는 속도 토글 — 참가자가 직접 조절 (선택값은 기록됩니다) */
function renderPaceBtn(){
  const P = CONFIG.pace || {};
  const mode = (P.modes && P.modes[paceMode]) || {label:"보통"};
  paceBtn.textContent = "🐢 " + (P.toggleHint||"읽는 속도") + " · " + mode.label;
}
function cyclePace(){
  const keys = Object.keys((CONFIG.pace&&CONFIG.pace.modes)||{normal:1});
  paceMode = keys[(keys.indexOf(paceMode)+1) % keys.length];
  renderPaceBtn();
  const r = T.current && T.current(); if(r) r.paceMode = paceMode;
}

/* ============================================================
   도움 요청 경로 — 대화 어느 지점에서나 열 수 있습니다
   ============================================================ */
let helpOpenCount = 0;
function renderCrisis(){
  const C = CONFIG.crisis || {};
  crisisCard.innerHTML =
    '<h3>'+(C.title||"도움이 필요하신가요?")+'</h3>'
    + '<p class="lead">'+(C.lead||"")+'</p>'
    + (C.lines||[]).map(l =>
        '<a class="crisis-line" href="tel:'+l.tel+'">'
        + '<span class="num">'+l.num+'</span>'
        + '<span class="meta"><b>'+l.name+'</b><span>'+l.desc+'</span></span></a>').join('')
    + (C.sns ? '<div class="crisis-note">'+C.sns+'</div>' : '')
    + (C.dental ? '<div class="crisis-note">'+C.dental+'</div>' : '')
    + phobiaHelpHTML()
    + '<button class="crisis-close" id="crisisClose">'+(C.closeLabel||"돌아가기")+'</button>';
  document.getElementById('crisisClose').onclick = closeCrisis;
}

/* 선별 2부 두 문항 모두 '예'였던 참가자에게는
   치과 공포에 대한 도움 경로를 도움 패널에서도 계속 볼 수 있게 합니다. */
function phobiaHelpHTML(){
  const r = T.current && T.current();
  if(!r || !r.phobiaAdvisoryShown) return '';
  const A = (CONFIG.screening && CONFIG.screening.phobiaAdvisory) || {};
  if(!A.help || !A.help.length) return '';
  return '<div class="crisis-sub">' + (A.helpTitle || "도움받으실 수 있는 곳") + '</div>'
    + A.help.map(h =>
        '<div class="crisis-help">'
        + '<b>' + h.icon + ' ' + h.head + '</b>'
        + (h.tag ? (h.tel
            ? '<a class="gt-tag gt-tag-tel" href="tel:' + h.tel + '">' + h.tag + '</a>'
            : '<span class="gt-tag">' + h.tag + '</span>') : '')
        + '</div>').join('');
}
function openCrisis(){
  renderCrisis();
  crisisBox.classList.add('on');
  helpOpenCount++;
  const r = T.current && T.current();
  if(r){ r.helpOpened = helpOpenCount; r.helpOpenedAtStep = r.lastStepLabel || ""; }
}
function closeCrisis(){ crisisBox.classList.remove('on'); }


/* ---- 플로우 ---- */
/* 시작 전 고지 — 확인 후에만 대화 시작 */
function showNotice(){
  return new Promise(res=>{
    const N=CONFIG.consentNotice;
    const card=document.createElement('div');
    card.className='notice-card';
    card.innerHTML =
      `<h3>${N.title}</h3>` +
      N.items.map(it=>
        `<div class="notice-item"><div class="notice-ic">${it.icon}</div>`+
        `<div class="notice-tx"><b>${it.head}</b><span>${it.body}</span></div></div>`
      ).join('') +
      `<button class="notice-ok" type="button">${N.buttonLabel}</button>`;
    chat.appendChild(card); scrollDown();
    card.querySelector('.notice-ok').addEventListener('click',()=>{
      card.querySelector('.notice-ok').remove();
      res();
    },{once:true});
  });
}

async function start(){
  setStage(4,0);
  T.init();
  T.markStep("notice");
  await showNotice();
  T.markStep("greeting");
  await botSeq(CONFIG.greeting);
  setStage(14,1);
  await botSay(CONFIG.bridge);
  // 첫 자기기록: 시작 긴장도 (0~10)
  T.markStep("tension_pre");
  await botSay(CONFIG.moodMeter.startPrompt);
  S.startTension = await askSlider();
  askMood();
}

// 반영적 경청 — 감정별 풀에서 '아직 안 쓴' 표현을 우선 선택 (반복 방지)
function reflectBack(text){
  const t=(text||"").toLowerCase();
  const rules=[
    [["무섭","두렵","겁","공포"],"fear"],
    [["아플","아픔","통증","아파"],"pain"],
    [["주사","바늘","마취"],"needle"],
    [["싫","가기 싫","피하","미루"],"avoid"],
    [["떨","긴장","불안","초조","두근"],"tense"],
    [["괜찮","별로","그냥"],"calm"]
  ];
  let key="other";
  for(const [keys,k] of rules){ if(keys.some(w=>t.includes(w))){ key=k; break; } }
  const pool=CONFIG.reflectPools[key]||CONFIG.reflectPools.other;
  const used=S.usedReflect[key]||[];
  const fresh=pool.filter(x=>!used.includes(x));
  const line=fresh.length?pick(fresh):pick(pool);
  S.usedReflect[key]=[...used,line];
  return botSay(line, { pre:1000, face:"care" });
}

function askMood(){
  T.markStep("mood");
  botSay(CONFIG.moodPrompt).then(()=>{
    setStage(20,1);
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    CONFIG.moodOptions.forEach(o=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span>${o.label}</span>`;
      b.onclick=async()=>{
        addUser(o.label); S.mood=o.key; clearDock();
        await botSay(o.reply,{face:o.face}); setStage(26,2);
        // 많이 두렵다고 했거나 시작 긴장도가 매우 높으면, 도움 창구를 먼저 안내
        if(CONFIG.crisis && CONFIG.crisis.enabled && CONFIG.crisis.checkIn &&
           (o.key==="scared" || S.startTension>=9)){
          await botSay(CONFIG.crisis.checkIn);
          const r=T.current&&T.current(); if(r) r.helpOffered=1;
        }
        await botSay(CONFIG.scaleIntro);
        askAnxiety(0);
      };
      wrap.appendChild(b);
    });
    dock.appendChild(wrap);
  });
}

function askAnxiety(i){
  if(i===0) T.markStep("anxiety");
  botSay(CONFIG.anxietyQuestions[i].text, {face:"listen"}).then(()=>{
    const q=CONFIG.anxietyQuestions[i];
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    CONFIG.scaleOptions.forEach(opt=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span class="dot">${opt.score}</span><span>${opt.label}</span>`;
      b.onclick=()=>{
        addUser(opt.label); S.anxiety[q.id]=opt.score; clearDock();
        setStage(26+(i+1)/CONFIG.anxietyQuestions.length*14,2);
        if(i+1<CONFIG.anxietyQuestions.length) askAnxiety(i+1);
        else askPhobia();
      };
      wrap.appendChild(b);
    });
    dock.appendChild(wrap);
  });
}

function askPhobia(){
  T.markStep("phobia");
  const q=CONFIG.phobiaQuestion;
  botSay(q.text,{face:"listen"}).then(()=>{
    setStage(44,3);
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    [["예","yes"],["아니요","no"]].forEach(([label,val])=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span>${label}</span>`;
      b.onclick=async()=>{
        addUser(label); S.phobia=val; clearDock();
        await botSay(val==="yes"?q.yes:q.no,{face:"care"});
        askStimulus();
      };
      wrap.appendChild(b);
    });
    dock.appendChild(wrap);
  });
}

function askStimulus(){
  const q=CONFIG.stimulusQuestion;
  botSay(q.text,{face:"listen"}).then(()=>{
    setStage(52,3);
    T.markStep("stimuli");
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    const sel=new Set();
    q.options.forEach(o=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span>${o.label}</span><span class="chk">✓</span>`;
      b.onclick=()=>{ if(sel.has(o.key)){sel.delete(o.key);b.classList.remove('sel');}else{sel.add(o.key);b.classList.add('sel');} done.disabled=sel.size===0; };
      wrap.appendChild(b);
    });
    const done=document.createElement('button'); done.className='multi-done'; done.textContent="이걸로 할게요"; done.disabled=true;
    done.onclick=async()=>{
      S.stimuli=[...sel];
      addUser(q.options.filter(o=>sel.has(o.key)).map(o=>o.label).join(", "));
      clearDock(); setStage(58,4);
      await runInterventions();
    };
    wrap.appendChild(done);
    dock.appendChild(wrap);
  });
}

async function runInterventions(){
  await botSay(CONFIG.curve.intro);
  await showCurve();
  await botSay(CONFIG.curve.caption,{face:"warm"});
  // [B04] 불안 곡선 자체에 대한 설명 (강도의 시간적 변화)
  if(CONFIG.curveExplain) await botSeq(CONFIG.curveExplain);
  T.markStep("education");
  await botSeq(CONFIG.curveEducation);
  await pauseContinue("네, 이해했어요");

  if(S.phobia==="yes"){
    await botSay("앞에서 치과를 미룬 적이 있다고 하셨죠. 그런 경험이 있으신 분들이 적지 않습니다. 지금 이렇게 살펴보시는 것도 준비의 하나입니다.",{face:"brave"});
  }

  if(S.stimuli.length) T.markStep("intervention");
  const total=S.stimuli.length;
  let idx=0;
  for(const key of S.stimuli){
    idx++;
    const iv=CONFIG.interventions[key]; if(!iv) continue;
    await botSay((total>1?`(${idx}/${total}) `:"")+"· "+iv.title,{face:iv.face});
    await botSeq(iv.lines);
    // 중재 내 분기 (예: 주사 — 과거 현기·실신 경험 여부에 따라 다른 대처 제시)
    if(iv.branch){
      await botSay(iv.branch.question,{face:"listen"});
      const picked = await askSingleGeneric([iv.branch.yes, iv.branch.no]);
      const arm = (picked.key==="yes") ? iv.branch.yes : iv.branch.no;
      S.branch[key] = picked.key;
      if(key==="needle"){
        const r=T.current&&T.current(); if(r) r.needleFaintHx = (picked.key==="yes")?1:0;
      }
      await botSeq(arm.lines.map(t=>({t,face:arm.face||iv.face})));
    }
    await pauseContinue(iv.confirm||"네, 알겠어요");
    setStage(58 + (idx/Math.max(1,total))*24, 4);
  }

  setStage(78,4);

  // 느린 호흡 연습 (시각 애니메이션 + 즉각 피드백)
  T.markStep("breathing");
  await botSay(CONFIG.breathing.invite);
  if(CONFIG.breathing.safety) await botSay(CONFIG.breathing.safety);
  const did = await breathingGate();
  S.didBreathing = did;
  if(did){
    const outcome = await runBreathing();
    if(outcome === "stopped"){
      // 불편으로 중단 — 정상 호흡 복귀를 안내하고, 안전 지표로 기록
      S.breathingStopped = true;
      const r = T.current && T.current(); if(r) r.breathingStopped = 1;
      await botSay(CONFIG.breathing.stopFeedback);
    } else {
      await botSay(CONFIG.breathing.feedback);
    }
  }
  else { await botSay(CONFIG.breathing.skipFeedback); }
  setStage(84,4);

  // 호흡 이후: 실제 진료에서 쓸 대처 준비 3단계
  await runCoping();
  setStage(90,5);

  // 자기 기록 시각화: 불안곡선 다시 보여주기
  await botSay(CONFIG.curveRecap);
  await showCurve();

  // 두 번째 자기기록 + 시작 대비 비교 시각화
  T.markStep("tension_post");
  await botSay(CONFIG.moodMeter.endPrompt);
  S.endTension = await askSlider();
  await showTensionCompare();

  // 마무리 요약 카드
  T.markStep("summary");
  await botSay(CONFIG.summary.lead);
  await showSummary();
  await botSay(CONFIG.summary.close);
  if(CONFIG.summary.privacy) await botSay(CONFIG.summary.privacy);
  await botSay(CONFIG.summary.close2);
  await botSay(CONFIG.summary.close3);

  await pauseContinue("고마워요");
  await botSeq(CONFIG.closing);
  finish();
}

// 0~10 긴장도 슬라이더 입력
function askSlider(){
  return new Promise(res=>{
    clearDock();
    const wrap=document.createElement('div'); wrap.className='slider-wrap';
    wrap.innerHTML=`
      <div class="slider-val"><span id="sv">5</span><span class="slider-max">/ 10</span></div>
      <input type="range" min="0" max="10" value="5" class="slider" id="sl">
      <div class="slider-ends"><span>0 · 편안함</span><span>최고 긴장 · 10</span></div>
      <button class="continue" id="slDone">이걸로 할게요</button>`;
    dock.appendChild(wrap);
    const sl=wrap.querySelector('#sl'), sv=wrap.querySelector('#sv');
    sl.addEventListener('input',()=>{ sv.textContent=sl.value; });
    wrap.querySelector('#slDone').onclick=()=>{ const v=parseInt(sl.value,10); addUser(`지금 긴장도: ${v}/10`); clearDock(); res(v); };
  });
}

// 시작 vs 지금 비교 막대 (자기 기록 시각화)
function showTensionCompare(){
  return new Promise(resolve=>{
    const a=S.startTension??5, b=S.endTension??5;
    const diff=a-b;                       // 양수 = 감소, 음수 = 상승
    const rose = diff < 0;                // 긴장이 오른 경우
    // 시각화 역효과 방지 — 상승한 대상자에게 올라간 막대를 보여주지 않는다.
    //  감소·유지: 그래프와 함께 변화를 확인시킨다.
    //  상승:      그래프를 제시하지 않고 상태를 인정하는 문구만 전달한다.
    let msg;
    if(diff>=2) msg="시작할 때보다 긴장이 내려갔습니다.";
    else if(diff>=1) msg="조금이지만 긴장이 내려갔습니다.";
    else if(diff===0) msg="지금은 비슷하게 느껴지시는군요. 마음이 바뀌는 데에는 시간이 걸릴 수 있습니다.";
    else if(diff===-1) msg="오늘은 긴장이 조금 남아 있으시군요. 이런 경우도 있습니다.";
    else msg="오늘은 긴장이 남아 있으시네요. 이렇게 마주하는 일 자체가 쉽지 않으셨을 거예요. 진료 당일에 담당 의료진에게 지금 마음을 그대로 말씀해 주세요. 많이 힘드시면 화면 위쪽 '도움이 필요해요'를 눌러 주셔도 됩니다.";
    // 상승 폭이 2점 이상이면 안전 지표로 기록 (연구진 확인용)
    if(diff <= -2){ const r=T.current&&T.current(); if(r) r.tensionRise = -diff; }
    const pctA=a/10*100, pctB=b/10*100;
    const row=document.createElement('div'); row.className='row bot';
    row.innerHTML=`<div class="avatar">${miruSvg(rose?"care":"cheer")}</div>
      <div class="compare-card">
        ${rose ? '' : `<div class="compare-title">나의 긴장, 시작과 지금</div>
        <div class="cmp-row"><span class="cmp-lbl">시작</span><div class="cmp-track"><div class="cmp-fill start" style="width:0"></div></div><span class="cmp-num">${a}</span></div>
        <div class="cmp-row"><span class="cmp-lbl">지금</span><div class="cmp-track"><div class="cmp-fill now" style="width:0"></div></div><span class="cmp-num">${b}</span></div>`}
        <div class="compare-msg">${msg}</div>
      </div>`;
    chat.appendChild(row); scrollDown();
    requestAnimationFrame(()=>{
      const s1=row.querySelector('.cmp-fill.start'), s2=row.querySelector('.cmp-fill.now');
      if(s1) s1.style.width=pctA+'%';
      if(s2) s2.style.width=pctB+'%';
    });
    setTimeout(resolve, matchMedia('(prefers-reduced-motion:reduce)').matches?0:900);
  });
}

// 호흡 시작/건너뛰기 선택
function breathingGate(){
  return new Promise(res=>{
    clearDock();
    const go=document.createElement('button'); go.className='continue'; go.textContent=CONFIG.breathing.startLabel;
    go.onclick=()=>{ addUser(CONFIG.breathing.startLabel); clearDock(); res(true); };
    dock.appendChild(go);
    const skip=document.createElement('button'); skip.className='skip'; skip.textContent=CONFIG.breathing.skipLabel;
    skip.onclick=()=>{ addUser("(넘어가기)"); clearDock(); res(false); };
    dock.appendChild(skip);
  });
}

/* ---- 마무리 요약 카드 ---- */
function showSummary(){
  return new Promise(resolve=>{
    const M=CONFIG.summary;
    // 1) 두려운 자극
    const stimLabels = (S.stimuli||[]).map(k=>{
      const o=(CONFIG.stimulusQuestion.options||[]).find(x=>x.key===k);
      return o? o.label : null;
    }).filter(Boolean);
    // 2) 연습한 대처 (자극별 중재 제목 + 호흡)
    const copeLabels = (S.stimuli||[]).map(k=>{
      const iv=CONFIG.interventions[k];
      if(!iv) return null;
      // 분기가 있는 중재는 실제로 제시된 쪽의 대처 이름을 사용
      const b=(S.branch||{})[k];
      if(b && iv.branch && iv.branch[b] && iv.branch[b].cope) return iv.branch[b].cope;
      return iv.cope || iv.title;
    }).filter(Boolean);
    if(S.didBreathing) copeLabels.push(M.breathText);
    // 3) 의료진에게 할 요청 (알릴 것 + 물어볼 질문)
    const asks=[];
    if(S.tellStaff){
      const t=(CONFIG.coping.tellStaff.options||[]).find(x=>x.key===S.tellStaff);
      if(t) asks.push(t.label);
    }
    (S.copingQuestions||[]).forEach(k=>{
      const q=(CONFIG.coping.stopSignal.options||[]).find(x=>x.key===k);
      if(q) asks.push(q.label);
    });

    // 4) 치료 중 힘들어질 때의 대처 계획
    const rescueLabels = (S.rescuePlan||[]).map(k=>{
      const o=(CONFIG.coping.rescue.options||[]).find(x=>x.key===k);
      return o? o.label : null;
    }).filter(Boolean);

    const pills=a=>a.length? a.map(x=>`<span class="pill">${x}</span>`).join('') : '';

    const row=document.createElement('div'); row.className='row bot';
    row.innerHTML=`<div class="avatar">${miruSvg("cheer")}</div>
      <div class="sum-card">
        <div class="sum-title">${M.title}</div>
        <div class="sum-sec">
          <div class="sum-lbl">${M.labels.stim}</div>
          <div class="sum-val">${stimLabels.length? pills(stimLabels) : M.emptyStim}</div>
        </div>
        <div class="sum-sec">
          <div class="sum-lbl">${M.labels.cope}</div>
          <div class="sum-val">${copeLabels.length? pills(copeLabels) : pills([M.breathText])}</div>
        </div>
        <div class="sum-sec">
          <div class="sum-lbl">${M.labels.ask}</div>
          <div class="sum-val">${asks.length? asks.map(a=>'· '+a).join('<br>') : M.emptyAsk}</div>
        </div>
        <div class="sum-sec">
          <div class="sum-lbl">${M.labels.rescue}</div>
          <div class="sum-val">${rescueLabels.length? rescueLabels.map(a=>'· '+a).join('<br>') : '· '+M.emptyRescue}</div>
        </div>
        <div class="sum-signal"><b>${M.labels.signal}</b>${M.signalText}</div>
        <div class="sum-stop">${M.stopNote}</div>
      </div>`;
    chat.appendChild(row); scrollDown();
    setTimeout(resolve, matchMedia('(prefers-reduced-motion:reduce)').matches?0:600);
  });
}

/* ---- 호흡 이후: 대처 준비 3단계 ---- */
// 범용 복수 선택
function askMultiGeneric(options, label){
  return new Promise(res=>{
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    const sel=new Set();
    options.forEach(o=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span>${o.label}</span><span class="chk">✓</span>`;
      b.onclick=()=>{ if(sel.has(o.key)){sel.delete(o.key);b.classList.remove('sel');}else{sel.add(o.key);b.classList.add('sel');} done.disabled=sel.size===0; };
      wrap.appendChild(b);
    });
    const done=document.createElement('button'); done.className='multi-done';
    done.textContent=label||"이걸로 할게요"; done.disabled=true;
    done.onclick=()=>{
      addUser(options.filter(o=>sel.has(o.key)).map(o=>o.label).join(", "));
      clearDock(); res([...sel]);
    };
    wrap.appendChild(done);
    dock.appendChild(wrap);
  });
}
// 범용 단일 선택
function askSingleGeneric(options){
  return new Promise(res=>{
    clearDock();
    const wrap=document.createElement('div'); wrap.className='choices';
    options.forEach(o=>{
      const b=document.createElement('button'); b.className='choice';
      b.innerHTML=`<span>${o.label}</span>`;
      b.onclick=()=>{ addUser(o.label); clearDock(); res(o); };
      wrap.appendChild(b);
    });
    dock.appendChild(wrap);
  });
}

async function runCoping(){
  const C=CONFIG.coping;
  await botSeq(C.intro);

  // (1) 멈춤 신호와 질문 목록
  T.markStep("coping_stop");
  await botSay("· "+C.stopSignal.head,{face:"brave"});
  await botSeq(C.stopSignal.lines.map(t=>({t,face:"default"})));
  await botSay(C.stopSignal.question,{face:"listen"});
  S.copingQuestions = await askMultiGeneric(C.stopSignal.options,"이걸로 정할게요");
  await botSay(C.stopSignal.ack,{face:"warm"});

  // (2) 치료 도중 불안 악화 대처 + 중단 가능성 안내
  T.markStep("coping_rescue");
  await botSay("· "+C.rescue.head,{face:"brave"});
  await botSeq(C.rescue.lines.map(t=>({t,face:"default"})));
  await botSeq(C.rescue.stopLines.map(t=>({t,face:"care"})));
  await botSay(C.rescue.question,{face:"listen"});
  S.rescuePlan = await askMultiGeneric(C.rescue.options,"이걸로 정할게요");
  const r0=T.current&&T.current(); if(r0) r0.rescuePlan=(S.rescuePlan||[]).join("|");
  await botSay(C.rescue.ack,{face:"warm"});

  // (3) 예상과 사실 구분
  T.markStep("coping_fact");
  await botSay("· "+C.factCheck.head,{face:"brave"});
  await botSeq(C.factCheck.lines.map(t=>({t,face:"default"})));
  await botSay(C.factCheck.question,{face:"listen"});
  const pickFact = await askSingleGeneric(C.factCheck.options);
  S.factCheck = pickFact.key;
  await botSay(pickFact.correct?C.factCheck.correctReply:C.factCheck.wrongReply,{face:pickFact.correct?"cheer":"care"});
  await botSay(C.factCheck.close,{face:"warm"});

  // (4) 의료진에게 알릴 사항 한 가지
  T.markStep("coping_tell");
  await botSay("· "+C.tellStaff.head,{face:"brave"});
  await botSeq(C.tellStaff.lines.map(t=>({t,face:"default"})));
  await botSay(C.tellStaff.question,{face:"listen"});
  const tell = await askSingleGeneric(C.tellStaff.options);
  S.tellStaff = tell.key;
  await botSay(C.tellStaff.ack,{face:"cheer"});
}

function pauseContinue(label){
  return new Promise(res=>{
    clearDock();
    const b=document.createElement('button'); b.className='continue'; b.textContent=label;
    b.onclick=()=>{ addUser(label); clearDock(); res(); };
    dock.appendChild(b);
  });
}
// 자유입력 — '건너뛰기'로 이탈 대신 부드러운 우회 제공
function askFreeText(placeholder){
  return new Promise(res=>{
    clearDock();
    const bar=document.createElement('div'); bar.className='textbar';
    const ta=document.createElement('textarea'); ta.rows=1; ta.placeholder=placeholder||"편하게 적어 주세요…";
    const send=document.createElement('button'); send.className='send'; send.textContent='↑'; send.disabled=true;
    ta.addEventListener('input',()=>{ send.disabled=ta.value.trim()===''; ta.style.height='auto'; ta.style.height=Math.min(120,ta.scrollHeight)+'px'; });
    ta.addEventListener('keydown',e=>{ if(e.key==='Enter'&&!e.shiftKey){ e.preventDefault(); if(!send.disabled) submit(); } });
    function submit(){ addUser(ta.value.trim()); clearDock(); res(ta.value.trim()); }
    send.onclick=submit;
    bar.appendChild(ta); bar.appendChild(send); dock.appendChild(bar);
    const skip=document.createElement('button'); skip.className='skip'; skip.textContent="지금은 넘어갈래요";
    skip.onclick=()=>{ addUser("(넘어가기)"); clearDock(); res(""); };
    dock.appendChild(skip);
    ta.focus();
  });
}

function finish(){
  clearDock(); setStage(100,5); setFace("cheer");
  const badge=document.createElement('div'); badge.className='done-badge';
  badge.innerHTML=`<div class="seal">✨</div><p>오늘 준비를 마쳤습니다.</p>`;
  chat.appendChild(badge); scrollDown();

  // 챗봇 완료 기록 후, 사용 직후 평가로 이어감
  T.markComplete();
  if(CONFIG.postAssessment && CONFIG.postAssessment.enabled){
    const card=document.createElement('div'); card.className='survey-card';
    card.innerHTML =
      `<p>${CONFIG.postAssessment.intro.guide}</p>` +
      `<button class="survey-btn" id="paGo">${'평가 시작하기'}</button>`;
    chat.appendChild(card); scrollDown();
    document.getElementById('paGo').onclick = ()=>{ PostA.run(); };
  } else {
    T.complete();
    const b=document.createElement('button'); b.className='restart'; b.textContent='처음부터 다시 하기';
    b.onclick=()=>location.reload(); dock.appendChild(b);
  }
}

/* ---- 호흡 미션: 원이 커지고(들이쉬기) 작아지는(내쉬기) 애니메이션 ---- */
function runBreathing(){
  return new Promise(resolve=>{
    const cfg=CONFIG.breathing;
    const row=document.createElement('div'); row.className='row bot';
    row.innerHTML=`<div class="avatar">${miruSvg("cheer")}</div>
      <div class="breath-card">
        <div class="breath-phase" id="bPhase">준비되면 시작해요</div>
        <div class="breath-stage"><div class="breath-halo" id="bHalo"></div><div class="breath-ring" id="bRing"></div></div>
        <div class="breath-count" id="bCount"></div>
        <div class="breath-hint">${cfg.stopHint||"화면의 원을 따라 숨을 쉬어 보세요"}</div>
        <button type="button" class="breath-stop" id="bStop">${cfg.stopLabel||"불편해요, 멈출게요"}</button>
      </div>`;
    chat.appendChild(row); scrollDown();

    // ── 즉시 중단 ────────────────────────────────────────────────
    let stopped=false;
    const timers=[];
    const later=(fn,ms)=>{ const id=setTimeout(fn,ms); timers.push(id); return id; };
    const every=(fn,ms)=>{ const id=setInterval(fn,ms); timers.push(id); return id; };
    const clearAll=()=>timers.forEach(id=>{ clearTimeout(id); clearInterval(id); });
    row.querySelector('#bStop').onclick=()=>{
      if(stopped) return;
      stopped=true; clearAll();
      row.querySelector('#bPhase').textContent="편안하게 평소대로 숨 쉬세요";
      row.querySelector('#bCount').textContent="";
      row.querySelector('#bStop').remove();
      const ringEl=row.querySelector('#bRing'), haloEl=row.querySelector('#bHalo');
      ringEl.style.transitionDuration='1.2s'; haloEl.style.transitionDuration='1.2s';
      ringEl.style.transform='scale(1)'; haloEl.style.transform='scale(1.25)';
      resolve("stopped");
    };
    const ring=row.querySelector('#bRing'), halo=row.querySelector('#bHalo');
    const phaseEl=row.querySelector('#bPhase'), countEl=row.querySelector('#bCount');
    const reduce=matchMedia('(prefers-reduced-motion:reduce)').matches;

    // 크기: 들이쉬면 2.4배, 참기 유지, 내쉬면 1배
    const SMALL=1, BIG=2.4;
    const phases=cfg.phases; const cycles=cfg.cycles||1;
    let ci=0, pi=0;

    function setScale(s){ ring.style.transform=`scale(${s})`; halo.style.transform=`scale(${s+0.25})`; }
    setScale(SMALL);

    function runPhase(){
      if(stopped) return;
      const ph=phases[pi];
      phaseEl.textContent=ph.label;
      // 전환 시간 = 해당 페이즈 길이
      const dur = reduce ? 0.3 : ph.sec;
      ring.style.transitionDuration = dur+'s';
      halo.style.transitionDuration = dur+'s';
      // 목표 크기
      if(ph.key==='in') requestAnimationFrame(()=>setScale(BIG));
      else if(ph.key==='out') requestAnimationFrame(()=>setScale(SMALL));
      // hold은 유지 (크기 변화 없음)
      // 카운트다운 표시
      let remain=reduce?1:ph.sec;
      countEl.textContent=remain;
      const iv=every(()=>{ remain--; countEl.textContent=remain>0?remain:''; if(remain<=0) clearInterval(iv); },1000);
      later(()=>{
        if(stopped) return;
        pi++;
        if(pi<phases.length){ runPhase(); }
        else { ci++; pi=0;
          if(ci<cycles){ runPhase(); }
          else {
            phaseEl.textContent="다 하셨어요"; countEl.textContent="✨";
            const sb=row.querySelector('#bStop'); if(sb) sb.remove();
            later(()=>resolve("done"), reduce?100:700);
          }
        }
      }, (reduce?300:ph.sec*1000)+60);
    }
    // 시작 살짝 지연 (마음의 준비)
    later(runPhase, reduce?100:900);
  });
}

/* ---- 불안곡선 ---- */
function showCurve(){
  return new Promise(resolve=>{
    const c=CONFIG.curve;
    const row=document.createElement('div'); row.className='row bot';
    row.innerHTML=`<div class="avatar">${miruSvg("warm")}</div>
      <div class="curve-card">
        <div class="curve-title">${c.title}</div>
        <svg class="curve-svg" viewBox="0 0 300 120" preserveAspectRatio="none" aria-hidden="true">
          <line x1="14" y1="104" x2="292" y2="104" class="axis"/>
          <path class="curve-area" d="M14,104 C70,104 96,20 150,20 C204,20 236,96 292,96 L292,104 L14,104 Z"/>
          <path class="curve-line" d="M14,104 C70,104 96,20 150,20 C204,20 236,96 292,96"/>
          <circle class="curve-peak" cx="150" cy="20" r="4"/>
          <circle class="curve-dot" cx="14" cy="104" r="5"/>
        </svg>
        <div class="curve-labels"><span class="lbl-start">지금</span><span class="lbl-peak">${c.peakLabel}</span><span class="lbl-down">${c.downLabel}</span></div>
      </div>`;
    chat.appendChild(row); scrollDown();
    const line=row.querySelector('.curve-line'), dot=row.querySelector('.curve-dot'), peak=row.querySelector('.curve-peak');
    const len=line.getTotalLength(); line.style.strokeDasharray=len; line.style.strokeDashoffset=len;
    const reduce=matchMedia('(prefers-reduced-motion:reduce)').matches; const DUR=reduce?0:2300; const t0=performance.now();
    function frame(now){
      const t=DUR===0?1:Math.min(1,(now-t0)/DUR);
      line.style.strokeDashoffset=len*(1-t);
      const pt=line.getPointAtLength(len*t); dot.setAttribute('cx',pt.x); dot.setAttribute('cy',pt.y);
      if(pt.x>=150){ peak.classList.add('lit'); dot.classList.add('calm'); }
      if(t<1) requestAnimationFrame(frame);
      else { row.querySelector('.curve-card').classList.add('done'); setTimeout(resolve,reduce?0:300); }
    }
    requestAnimationFrame(frame);
  });
}

/* ============================================================
   연구자용 대시보드  —  주소 뒤에 #admin 을 붙여 접속
   예) https://내주소.netlify.app/#admin
   ============================================================ */
function fmtSec(s){
  s = Math.max(0, Math.round(s||0));
  const m = Math.floor(s/60), r = s%60;
  return m ? `${m}분 ${r}초` : `${r}초`;
}
function renderAdmin(){
  let box = document.getElementById('admin');
  if(!box){
    box = document.createElement('div');
    box.id = 'admin';
    document.body.appendChild(box);
  }
  const st = T.stats();
  const rows = T.all().slice().reverse();

  const kpi = (k,v,u)=>`<div class="adm-kpi"><div class="k">${k}</div><div class="v">${v}<span class="u">${u||''}</span></div></div>`;

  // 이탈 단계 분포
  const dropEntries = Object.entries(st.dropoutByStep).sort((a,b)=>b[1]-a[1]);
  const maxDrop = dropEntries.length ? dropEntries[0][1] : 1;
  const dropHtml = dropEntries.length
    ? dropEntries.map(([nm,ct])=>
        `<div class="adm-bar"><span class="nm">${nm}</span>
         <span class="tr"><span class="fl" style="width:${Math.round(ct/maxDrop*100)}%"></span></span>
         <span class="ct">${ct}</span></div>`).join('')
    : `<div class="adm-empty" style="padding:14px">중도 이탈이 없습니다.</div>`;

  const tblHtml = rows.length ? `
    <div class="adm-wrap"><table class="adm-tbl">
      <thead><tr>
        <th>세션</th><th>시작 시각</th><th>소요</th><th>완료</th><th>도달/이탈 단계</th><th>기기</th>
      </tr></thead>
      <tbody>${rows.map(r=>`
        <tr class="${r.completed?'done':''}">
          <td>${r.sessionId}</td>
          <td>${(r.startedAt||'').replace('T',' ').slice(0,16)}</td>
          <td>${fmtSec(r.durationSec)}</td>
          <td>${r.completed?'✅':'—'}</td>
          <td>${r.completed ? '완료' : (r.dropoutStepLabel||'(시작 전)')}</td>
          <td>${r.device||''}</td>
        </tr>`).join('')}
      </tbody></table></div>` : `<div class="adm-empty">아직 기록된 세션이 없습니다.</div>`;

  box.innerHTML = `
    <div class="adm-h">사용성 지표 대시보드</div>
    <div class="adm-sub">이 기기에 저장된 기록입니다 · 개인식별정보는 수집하지 않습니다</div>
    ${(function(){ const f=hotlineFreshness();
      return f.ok
        ? `<div class="adm-sub">상담창구 정보 확인일 ${f.on} · 재확인 기한 이내</div>`
        : `<div class="adm-sub" style="color:#b06a3b;font-weight:600">⚠ 상담창구 정보 재확인 필요 — 마지막 확인일 ${f.on||"미기재"}${f.days!=null?` (${f.days}일 경과)`:""}. 배포 전 번호·운영시간을 확인하고 CONFIG.crisis.hotlineVerifiedOn 을 갱신하십시오.</div>`;
    })()}

    <div class="adm-grid">
      ${kpi('선별 응답', st.screened, '명')}
      ${kpi('선별 통과', st.eligible, '명')}
      ${kpi('선별 통과율', st.eligibleRate, '%')}
      ${kpi('챗봇 시작', st.started, '명')}
      ${kpi('완료', st.completed, '명')}
      ${kpi('완료율', st.completionRate, '%')}
      ${kpi('중도 이탈률', st.dropoutRate, '%')}
      ${kpi('소요시간 중앙값', fmtSec(st.medianSec), '')}
      ${kpi('소요시간 평균', fmtSec(st.meanSec), '')}
      ${kpi('SUS 평균', st.susMean, '점')}
      ${kpi('사후평가 완료', st.postDone, '명')}
      ${kpi('이상반응 보고', st.adverseCount, '건')}
    </div>

    <div class="adm-btns">
      <button class="adm-btn" id="admCsv">CSV 내려받기</button>
      <button class="adm-btn ghost" id="admCopy">데이터 복사</button>
      <button class="adm-btn ghost" id="admBack">챗봇으로 돌아가기</button>
      <button class="adm-btn danger" id="admClear">기록 전체 삭제</button>
    </div>

    <div class="adm-sec">
      <h4>중도 이탈 단계 분포</h4>
      ${dropHtml}
    </div>

    <div class="adm-sec">
      <h4>세션별 기록 (${rows.length}건)</h4>
      ${tblHtml}
    </div>`;

  box.classList.add('on');

  box.querySelector('#admCsv').onclick = ()=>{
    const blob = new Blob(["\ufeff"+T.toCSV()], {type:'text/csv;charset=utf-8'});
    const a = document.createElement('a');
    a.href = URL.createObjectURL(blob);
    a.download = `miru_usability_${new Date().toISOString().slice(0,10)}.csv`;
    a.click();
  };
  box.querySelector('#admCopy').onclick = async ()=>{
    try{ await navigator.clipboard.writeText(JSON.stringify(T.all(),null,2));
         box.querySelector('#admCopy').textContent = '복사됨 ✓'; }
    catch(e){ alert('복사에 실패했습니다. CSV 내려받기를 이용해 주세요.'); }
  };
  box.querySelector('#admBack').onclick = ()=>{ location.hash=''; box.classList.remove('on'); };
  box.querySelector('#admClear').onclick = ()=>{
    if(confirm('저장된 모든 기록을 삭제할까요? 되돌릴 수 없습니다.')){ T.clear(); renderAdmin(); }
  };
}
window.addEventListener('hashchange', ()=>{
  if(location.hash === '#admin') renderAdmin();
  else { const b=document.getElementById('admin'); if(b) b.classList.remove('on'); }
});

/* ============================================================
   선별 단계 — 한국어판 IDAF-4C+ 기반 대상자 선별
   통과한 경우에만 챗봇으로 진행합니다.
   ============================================================ */
const Gate = (function(){
  const G = CONFIG.screening || {enabled:false};
  const box = document.getElementById('gate');
  const wrap = document.getElementById('gateWrap');
  let coreAns = [];   // 1부 응답 (1~5)
  let phobAns = [];   // 2부 응답 ("yes"/"no")
  let stimAns = [];   // 3부 응답 (1~5) — 프로파일 수집
  let startMs = 0;

  function show(){ box.classList.add('on'); window.scrollTo(0,0); }
  function hide(){ box.classList.remove('on'); }

  function progress(){
    const st = (G.stimulus && G.stimulus.items) ? G.stimulus.items.length : 0;
    const total = G.core.items.length + G.phobia.items.length + st;
    const done = coreAns.filter(v=>v!=null).length
               + phobAns.filter(v=>v!=null).length
               + stimAns.filter(v=>v!=null).length;
    return Math.round(done/total*100);
  }

  /* 1) 안내 화면 */
  function renderIntro(){
    wrap.innerHTML = `
      <div class="gt-title">${G.title}</div>
      <div class="gt-sub">연구 안내 및 참여 동의</div>
      <div class="gt-card">
        ${G.intro.map(t=>`<p class="gt-intro-p">${t}</p>`).join('')}
      </div>
      <div class="bl-agree" id="gtAgree"><span class="bx">✓</span><span>${G.agreeLabel}</span></div>
      <button class="gt-btn" id="gtStart" disabled>${G.startLabel}</button>`;
    show();
    let agreed = false;
    const chk = document.getElementById('gtAgree');
    const startBtn = document.getElementById('gtStart');
    chk.onclick = ()=>{ agreed = !agreed; chk.classList.toggle('on', agreed); startBtn.disabled = !agreed; };
    startBtn.onclick = ()=>{
      if(!agreed) return;
      startMs = Date.now();
      coreAns = new Array(G.core.items.length).fill(null);
      phobAns = new Array(G.phobia.items.length).fill(null);
      stimAns = new Array((G.stimulus&&G.stimulus.items)?G.stimulus.items.length:0).fill(null);
      renderItems();
    };
  }

  /* 2) 문항 화면 (핵심 + 공포 모듈) */
  function renderItems(){
    const coreHtml = G.core.items.map((t,i)=>`
      <div class="gt-q">
        <div class="gt-qt"><span class="num">${i+1}.</span> ${t}</div>
        <div class="gt-opts" data-core="${i}">
          ${G.core.scale.map(o=>`
            <button class="gt-opt${coreAns[i]===o.v?' sel':''}" data-v="${o.v}">
              <span class="n">${o.v}</span>${o.label}
            </button>`).join('')}
        </div>
      </div>`).join('');

    const phobHtml = G.phobia.items.map((t,i)=>`
      <div class="gt-q">
        <div class="gt-qt"><span class="num">${i+1}.</span> ${t}</div>
        <div class="gt-opts gt-yn" data-phob="${i}">
          <button class="gt-opt${phobAns[i]==='yes'?' sel':''}" data-v="yes">${G.phobia.yesLabel}</button>
          <button class="gt-opt${phobAns[i]==='no'?' sel':''}" data-v="no">${G.phobia.noLabel}</button>
        </div>
      </div>`).join('');

    const hasStim = G.stimulus && G.stimulus.items && G.stimulus.items.length;
    const stimHtml = hasStim ? G.stimulus.items.map((t,i)=>`
      <div class="gt-q">
        <div class="gt-qt"><span class="num">${i+1}.</span> ${t}</div>
        <div class="gt-opts" data-stim="${i}">
          ${G.stimulus.scale.map(o=>`
            <button class="gt-opt${stimAns[i]===o.v?' sel':''}" data-v="${o.v}">
              <span class="n">${o.v}</span>${o.label}
            </button>`).join('')}
        </div>
      </div>`).join('') : '';

    wrap.innerHTML = `
      <div class="gt-title">${G.title}</div>
      <div class="gt-sub">모든 문항에 응답해 주세요</div>
      <div class="gt-prog"><i id="gtProg" style="width:${progress()}%"></i></div>
      <div class="gt-card">
        <div class="gt-head">${G.core.heading}</div>
        <div class="gt-guide">${G.core.guide}</div>
        ${coreHtml}
      </div>
      <div class="gt-card">
        <div class="gt-head">${G.phobia.heading}</div>
        <div class="gt-guide">${G.phobia.guide}</div>
        ${phobHtml}
      </div>
      ${hasStim ? `<div class="gt-card">
        <div class="gt-head">${G.stimulus.heading}</div>
        <div class="gt-guide">${G.stimulus.guide}</div>
        ${stimHtml}
      </div>` : ''}
      <button class="gt-btn" id="gtSubmit" disabled>응답 완료</button>
      <div class="gt-note">응답은 익명으로 처리되며 개인을 알아볼 수 있는 정보는 수집하지 않습니다.</div>`;
    show();
    bindOptions();
    refreshSubmit();
  }

  function bindOptions(){
    wrap.querySelectorAll('[data-core]').forEach(group=>{
      const idx = +group.dataset.core;
      group.querySelectorAll('.gt-opt').forEach(btn=>{
        btn.onclick = ()=>{
          coreAns[idx] = +btn.dataset.v;
          group.querySelectorAll('.gt-opt').forEach(b=>b.classList.remove('sel'));
          btn.classList.add('sel');
          refreshSubmit();
        };
      });
    });
    wrap.querySelectorAll('[data-phob]').forEach(group=>{
      const idx = +group.dataset.phob;
      group.querySelectorAll('.gt-opt').forEach(btn=>{
        btn.onclick = ()=>{
          phobAns[idx] = btn.dataset.v;
          group.querySelectorAll('.gt-opt').forEach(b=>b.classList.remove('sel'));
          btn.classList.add('sel');
          refreshSubmit();
        };
      });
    });
    wrap.querySelectorAll('[data-stim]').forEach(group=>{
      const idx = +group.dataset.stim;
      group.querySelectorAll('.gt-opt').forEach(btn=>{
        btn.onclick = ()=>{
          stimAns[idx] = +btn.dataset.v;
          group.querySelectorAll('.gt-opt').forEach(b=>b.classList.remove('sel'));
          btn.classList.add('sel');
          refreshSubmit();
        };
      });
    });
  }

  function refreshSubmit(){
    const stimDone = !(G.stimulus && G.stimulus.items && G.stimulus.items.length) || stimAns.every(v=>v!=null);
    const done = coreAns.every(v=>v!=null) && phobAns.every(v=>v!=null) && stimDone;
    const btn = document.getElementById('gtSubmit');
    const pr = document.getElementById('gtProg');
    if(pr) pr.style.width = progress()+'%';
    if(btn){ btn.disabled = !done; btn.onclick = done ? judge : null; }
  }

  /* 3) 판정 */
  function evaluate(){
    // 판정은 1부(IDAF-4C 핵심 모듈) 평균만 사용합니다.
    // 2부(공포)·3부(자극)는 판정에 반영하지 않고 응답만 수집합니다.
    const mean = coreAns.reduce((a,b)=>a+b,0) / coreAns.length;
    const eligible = mean >= G.core.cutoff;
    return { mean: Math.round(mean*100)/100, eligible };
  }

  function judge(){
    const res = evaluate();
    const durSec = Math.round((Date.now()-startMs)/1000);
    // 3부 자극 응답 → 챗봇 자극 프로파일로 전달 (4점 이상, 중복 제거)
    const stimCfg = G.stimulus || {};
    const pass = stimCfg.passScore || 4;
    const picked = [];
    (stimCfg.mapKeys||[]).forEach((key,i)=>{
      if(key && stimAns[i]!=null && stimAns[i]>=pass && picked.indexOf(key)<0) picked.push(key);
    });
    S.screenStimuli = picked;          // 챗봇 start()에서 사용
    S.screenStimScores = stimAns.slice();
    // 선별 결과를 사용성 기록에 남김 (개인식별정보 아님)
    T.recordScreening({
      coreMean: res.mean,
      coreAns: coreAns.slice(),      // 1부 문항별 원점수 (신뢰도 분석용)
      phobiaAns: phobAns.slice(),    // 2부 문항별 예/아니오 (판정에는 미반영)
      eligible: res.eligible,
      screeningSec: durSec,
      stimScores: stimAns.slice()    // 3부 문항별 점수 (판정에는 미반영)
    });
    res.eligible ? renderEligible() : renderIneligible();
  }

  // 2부(IDAF-P) 두 문항 모두 '예'인지 — 판정이 아니라 안내 노출 조건입니다
  function phobiaAllYes(){
    const A = G.phobiaAdvisory;
    if(!A || !A.requireAllYes) return false;
    const items = (G.phobia && G.phobia.items) || [];
    if(!items.length || phobAns.length < items.length) return false;
    return phobAns.every(v => v === 'yes');
  }

  function proceed(){
    if(CONFIG.baseline && CONFIG.baseline.enabled){ Baseline.run(); }
    else { hide(); start(); }
  }

  function renderEligible(){
    const M = G.eligibleMsg;
    wrap.innerHTML = `
      <div class="gt-card gt-result">
        <div class="ic">🌿</div>
        <h3>${M.title}</h3>
        <p>${M.body}</p>
      </div>
      <button class="gt-btn" id="gtGo">${M.button}</button>`;
    window.scrollTo(0,0);
    document.getElementById('gtGo').onclick = ()=>{
      // 공포 모듈 두 문항 모두 '예' → 안내를 한 번 거친 뒤 진행
      if(phobiaAllYes()) renderPhobiaAdvisory();
      else proceed();
    };
  }

  function renderPhobiaAdvisory(){
    const A = G.phobiaAdvisory;
    const r = T.current && T.current();
    if(r){ r.phobiaAdvisoryShown = 1; }
    T.markStep && T.markStep("phobia_advisory");
    wrap.innerHTML = `
      <div class="gt-card">
        <h3 style="font-family:'Gowun Batang',serif;font-size:19px;margin-bottom:10px">${A.title}</h3>
        <p style="font-size:14px;line-height:1.85;color:var(--ink-soft);word-break:keep-all">${A.body}</p>
      </div>
      ${(A.points||[]).map(p=>`
        <div class="gt-card" style="display:flex;gap:13px;align-items:flex-start">
          <div style="font-size:22px;flex:none;line-height:1.2">${p.icon}</div>
          <div>
            <b style="display:block;font-size:14.5px;margin-bottom:5px">${p.head}</b>
            <span style="font-size:13px;line-height:1.85;color:var(--ink-soft);word-break:keep-all">${p.body}</span>
          </div>
        </div>`).join('')}
      ${(A.help && A.help.length) ? `
        <div class="gt-help-head">
          <b>${A.helpTitle||"도움받으실 수 있는 곳"}</b>
          <span>${A.helpLead||""}</span>
        </div>
        ${A.help.map(h=>`
          <div class="gt-card gt-help">
            <div style="display:flex;gap:13px;align-items:flex-start">
              <div style="font-size:22px;flex:none;line-height:1.2">${h.icon}</div>
              <div>
                <b style="display:block;font-size:14.5px;margin-bottom:5px">${h.head}</b>
                <span style="font-size:13px;line-height:1.85;color:var(--ink-soft);word-break:keep-all">${h.body}</span>
                ${h.tag ? (h.tel
                  ? `<a class="gt-tag gt-tag-tel" href="tel:${h.tel}">${h.tag}</a>`
                  : `<span class="gt-tag">${h.tag}</span>`) : ''}
              </div>
            </div>
          </div>`).join('')}` : ''}
      ${A.note ? `<div class="gt-note">${A.note}</div>` : ''}
      <button class="gt-btn" id="gtAck">${A.button}</button>`;
    window.scrollTo(0,0);
    T.flush && T.flush();   // 안내 노출 사실을 즉시 기록
    document.getElementById('gtAck').onclick = ()=>{
      if(r) r.phobiaAdvisoryAck = 1;
      proceed();
    };
  }

  function renderIneligible(){
    const M = G.ineligibleMsg;
    wrap.innerHTML = `
      <div class="gt-card gt-result">
        <div class="ic">🤍</div>
        <h3>${M.title}</h3>
        <p>${M.body}</p>
      </div>
      <div class="gt-note">${M.note}</div>`;
    window.scrollTo(0,0);
    T.flush();   // 미선별 기록도 전송
  }

  return { renderIntro, enabled: !!G.enabled };
})();

/* ============================================================
   연구 참여 전 사전평가
   선별 통과 → (동의 → 일반사항 → NRS) → 챗봇
   ============================================================ */
const Baseline = (function(){
  const B = CONFIG.baseline || {};
  const box = document.getElementById('gate');
  const wrap = document.getElementById('gateWrap');
  let demo = {};        // 일반사항 응답
  let nrs = {};         // NRS 응답

  function show(){ box.classList.add('on'); window.scrollTo(0,0); }

  function run(){ step1Consent(); }

  /* (1) 동의 */
  function step1Consent(){
    const C = B.consent;
    let agreed = false;
    wrap.innerHTML = `
      <div class="gt-title">${C.title}</div>
      <div class="gt-sub">1 / 3</div>
      <div class="gt-card">
        <div class="bl-body">${C.body.map(t=>`<p>${t}</p>`).join('')}</div>
        <div class="bl-agree" id="blAgree"><span class="bx">✓</span><span>${C.agreeLabel}</span></div>
      </div>
      <button class="gt-btn" id="blNext" disabled>${C.confirmText}</button>
      <button class="restart" id="blDecline" style="margin-top:8px">${C.declineText}</button>`;
    show();
    const chk = document.getElementById('blAgree');
    const next = document.getElementById('blNext');
    chk.onclick = ()=>{ agreed=!agreed; chk.classList.toggle('on',agreed); next.disabled=!agreed; };
    next.onclick = ()=>{ if(agreed){ T.recordConsent(true); step2Demographics(); } };
    document.getElementById('blDecline').onclick = ()=>{
      T.recordConsent(false);
      wrap.innerHTML = `<div class="gt-card"><div class="bl-decline">${C.declineMsg}</div></div>`;
      T.flush();
    };
  }

  /* (2) 일반사항 */
  function step2Demographics(){
    const D = B.demographics;
    demo = {};
    wrap.innerHTML = `
      <div class="gt-title">${D.title}</div>
      <div class="gt-sub">2 / 3</div>
      <div class="gt-card">
        <div class="gt-guide">${D.guide}</div>
        ${D.fields.map(f=>`
          <div class="bl-field">
            <div class="bl-flabel">${f.label}</div>
            <div class="bl-opts" data-field="${f.key}">
              ${f.options.map(o=>`<button class="bl-opt" data-v="${o}">${o}</button>`).join('')}
            </div>
          </div>`).join('')}
      </div>
      <button class="gt-btn" id="blNext2" disabled>다음</button>`;
    show();
    wrap.querySelectorAll('[data-field]').forEach(group=>{
      const key = group.dataset.field;
      group.querySelectorAll('.bl-opt').forEach(btn=>{
        btn.onclick = ()=>{
          demo[key] = btn.dataset.v;
          group.querySelectorAll('.bl-opt').forEach(b=>b.classList.remove('sel'));
          btn.classList.add('sel');
          document.getElementById('blNext2').disabled = (Object.keys(demo).length < D.fields.length);
        };
      });
    });
    document.getElementById('blNext2').onclick = ()=>{ step3NRS(); };
  }

  /* (3) NRS 0–10 */
  function step3NRS(){
    const N = B.nrs;
    nrs = {};
    N.items.forEach(it=> nrs[it.key]=5);   // 기본값 5
    wrap.innerHTML = `
      <div class="gt-title">${N.title}</div>
      <div class="gt-sub">3 / 3</div>
      <div class="gt-card">
        <div class="gt-guide">${N.guide}</div>
        ${N.items.map(it=>`
          <div class="bl-nrs">
            <div class="nlabel">${it.label}</div>
            <div class="nval" id="nv_${it.key}">5</div>
            <input type="range" min="0" max="10" value="5" data-nrs="${it.key}">
            <div class="bl-ends"><span>${it.left}</span><span>${it.right}</span></div>
          </div>`).join('')}
      </div>
      <button class="gt-btn" id="blDone">${B.startLabel}</button>`;
    show();
    wrap.querySelectorAll('[data-nrs]').forEach(sl=>{
      const key = sl.dataset.nrs;
      const out = document.getElementById('nv_'+key);
      sl.oninput = ()=>{ nrs[key]=+sl.value; out.textContent=sl.value; };
    });
    document.getElementById('blDone').onclick = ()=>{
      T.recordBaseline({ demo:demo, nrs:nrs });
      box.classList.remove('on');
      start();
    };
  }

  return { run, enabled: !!B.enabled };
})();

/* ============================================================
   챗봇 사용 직후 평가 (내장)
   NRS → SUS 10문항 → 만족도·수용성·재사용 → 이상반응 → 자유의견
   ============================================================ */
const PostA = (function(){
  const PA = CONFIG.postAssessment || {};
  const box = document.getElementById('gate');
  const wrap = document.getElementById('gateWrap');
  let nrs={}, sus=[], lik={}, ae={}, aeText="", feedback="";

  function show(){ box.classList.add('on'); window.scrollTo(0,0); }

  function run(){ stepNRS(); }

  /* (1) 사후 NRS */
  function stepNRS(){
    const N = PA.nrs;
    nrs = {}; N.items.forEach(it=> nrs[it.key]=5);
    wrap.innerHTML = `
      <div class="gt-title">${N.title}</div>
      <div class="gt-sub">1 / 5</div>
      <div class="gt-card">
        <div class="gt-guide">${N.guide}</div>
        ${N.items.map(it=>`
          <div class="bl-nrs">
            <div class="nlabel">${it.label}</div>
            <div class="nval" id="pnv_${it.key}">5</div>
            <input type="range" min="0" max="10" value="5" data-pnrs="${it.key}">
            <div class="bl-ends"><span>${it.left}</span><span>${it.right}</span></div>
          </div>`).join('')}
      </div>
      <button class="gt-btn" id="paNext">다음</button>`;
    show();
    wrap.querySelectorAll('[data-pnrs]').forEach(sl=>{
      const key=sl.dataset.pnrs, out=document.getElementById('pnv_'+key);
      sl.oninput=()=>{ nrs[key]=+sl.value; out.textContent=sl.value; };
    });
    document.getElementById('paNext').onclick = stepSUS;
  }

  /* (2) SUS 10문항 */
  function stepSUS(){
    const SU = PA.sus;
    sus = new Array(SU.items.length).fill(null);
    wrap.innerHTML = `
      <div class="gt-title">${SU.title}</div>
      <div class="gt-sub">2 / 5</div>
      <div class="gt-card">
        <div class="gt-guide">${SU.guide}</div>
        ${SU.items.map((t,i)=>`
          <div class="pa-q">
            <div class="pa-qt"><span class="num">${i+1}.</span> ${t}</div>
            <div class="pa-scale" data-sus="${i}">
              ${SU.scale.map(o=>`<button class="pa-opt" data-v="${o.v}"><span class="n">${o.v}</span>${o.label}</button>`).join('')}
            </div>
          </div>`).join('')}
      </div>
      <button class="gt-btn" id="paNext" disabled>다음</button>`;
    show();
    bindScale('data-sus', (i,v)=>{ sus[i]=v; }, ()=>sus.every(v=>v!=null));
    document.getElementById('paNext').onclick = ()=>{ if(sus.every(v=>v!=null)) stepLikert(); };
  }

  /* (3) 만족도·수용성·재사용 */
  function stepLikert(){
    const L = PA.likert;
    lik = {};
    wrap.innerHTML = `
      <div class="gt-title">${L.title}</div>
      <div class="gt-sub">3 / 5</div>
      <div class="gt-card">
        <div class="gt-guide">${L.guide}</div>
        ${L.items.map((it,i)=>`
          <div class="pa-q">
            <div class="pa-qt"><span class="num">${i+1}.</span> ${it.text}</div>
            <div class="pa-scale" data-lik="${it.key}">
              ${L.scale.map(o=>`<button class="pa-opt" data-v="${o.v}"><span class="n">${o.v}</span>${o.label}</button>`).join('')}
            </div>
          </div>`).join('')}
      </div>
      <button class="gt-btn" id="paNext" disabled>다음</button>`;
    show();
    bindScale('data-lik', (k,v)=>{ lik[k]=v; }, ()=>Object.keys(lik).length===L.items.length);
    document.getElementById('paNext').onclick = ()=>{ if(Object.keys(lik).length===L.items.length) stepAdverse(); };
  }

  /* (4) 이상반응 예/아니오 */
  function stepAdverse(){
    const A = PA.adverse;
    ae = {}; aeText="";
    wrap.innerHTML = `
      <div class="gt-title">${A.title}</div>
      <div class="gt-sub">4 / 5</div>
      <div class="gt-card">
        <div class="gt-guide">${A.guide}</div>
        ${A.items.map(it=>`
          <div class="pa-q">
            <div class="pa-qt">${it.text}</div>
            <div class="pa-scale pa-yn" data-ae="${it.key}">
              <button class="pa-opt" data-v="yes">${A.yesLabel}</button>
              <button class="pa-opt" data-v="no">${A.noLabel}</button>
            </div>
          </div>`).join('')}
        <textarea class="pa-other" id="aeText" placeholder="${A.otherPrompt}"></textarea>
      </div>
      <button class="gt-btn" id="paNext" disabled>다음</button>`;
    show();
    bindScale('data-ae', (k,v)=>{ ae[k]=v; }, ()=>Object.keys(ae).length===A.items.length);
    document.getElementById('paNext').onclick = ()=>{
      if(Object.keys(ae).length===A.items.length){ aeText=document.getElementById('aeText').value.trim(); stepFree(); }
    };
  }

  /* (5) 자유 의견 */
  function stepFree(){
    const F = PA.freeText;
    wrap.innerHTML = `
      <div class="gt-title">${F.title}</div>
      <div class="gt-sub">5 / 5</div>
      <div class="gt-card">
        <div class="gt-guide">${F.guide}</div>
        <textarea class="pa-free" id="fbText" placeholder="${F.placeholder}"></textarea>
      </div>
      <button class="gt-btn" id="paDone">제출하고 마치기</button>`;
    show();
    document.getElementById('paDone').onclick = ()=>{
      feedback = document.getElementById('fbText').value.trim();
      submit();
    };
  }

  /* 공통: 척도 버튼 바인딩 (attr = 'sus'|'lik'|'ae') */
  function bindScale(attr, onPick, isDone){
    wrap.querySelectorAll('['+attr+']').forEach(group=>{
      const raw = group.getAttribute(attr);
      const id = (attr==='sus') ? +raw : raw;   // sus만 숫자 인덱스, 나머지는 key 문자열
      group.querySelectorAll('.pa-opt').forEach(btn=>{
        btn.onclick = ()=>{
          const dv = btn.dataset.v;
          const v = (dv==='yes'||dv==='no') ? dv : +dv;
          onPick(id, v);
          group.querySelectorAll('.pa-opt').forEach(b=>b.classList.remove('sel'));
          btn.classList.add('sel');
          const nx=document.getElementById('paNext'); if(nx) nx.disabled = !isDone();
        };
      });
    });
  }

  /* SUS 점수 계산 (표준 0~100) */
  function calcSUS(){
    let sum=0;
    sus.forEach((v,i)=>{ sum += (i%2===0) ? (v-1) : (5-v); });
    return Math.round(sum*2.5*10)/10;
  }

  function submit(){
    const susScore = calcSUS();
    T.recordPost({
      postAnxiety: nrs.anxiety, postControl: nrs.control,
      susScore: susScore, susRaw: sus.slice(),
      satisfaction: lik.satisfaction, comprehension: lik.comprehension, trust: lik.trust,
      acceptability: lik.acceptability, reuse: lik.reuse, recommend: lik.recommend,
      aeEmotional: ae.emotional, aeDizziness: ae.dizziness, aeOther: ae.other,
      aeOtherText: aeText || null,
      feedback: feedback || null
    });
    T.complete();
    const D = PA.doneMsg;
    const sid = T.sessionId() || "-";
    wrap.innerHTML = `
      <div class="gt-card gt-result">
        <div class="ic">✨</div>
        <h3>${D.title}</h3>
        <p>${D.body}</p>
        <p style="margin-top:14px;font-size:13px;color:#5b7377">참여 번호 <b>${sid}</b></p>
        <p id="syncMsg" style="font-size:13px;color:#5b7377;margin-top:6px">응답을 저장하는 중입니다…</p>
        <p style="margin-top:14px;font-size:12.5px;line-height:1.75;color:#5b7377;word-break:keep-all">
          치과 진료가 힘드신 것이라면 담당 치과 의료진에게 그대로 말씀해 주세요.
          마음이 매우 힘들거나 스스로의 안전이 걱정되신다면 정신건강 상담전화 <b>1577-0199</b>(24시간),
          긴급한 상황이라면 자살예방 상담전화 <b>109</b> 또는 <b>119</b>를 이용하실 수 있습니다.
        </p>
      </div>`;
    // 전송 상태를 참가자에게 보여줍니다 — 실패 시 화면을 닫지 않도록 안내
    T.onSync(function(state){
      const el = document.getElementById('syncMsg');
      if(!el) return;
      if(state==="ok"){ el.textContent = "응답이 안전하게 저장되었습니다. 창을 닫으셔도 됩니다."; el.style.color="#2f6f5f"; }
      else if(state==="fail"){ el.textContent = "저장을 다시 시도하고 있습니다. 인터넷 연결을 확인하시고 이 화면을 잠시만 열어 두세요."; el.style.color="#b06a3b"; }
      else { el.textContent = "응답을 저장하는 중입니다…"; el.style.color="#5b7377"; }
    });
    window.scrollTo(0,0);
  }

  return { run, enabled: !!PA.enabled };
})();

/* ---- 상담창구 정보 최신성 점검 (S09 운영 절차, 연구자용) ---- */
function hotlineFreshness(){
  const C = CONFIG.crisis || {};
  if(!C.hotlineVerifiedOn) return { ok:false, days:null };
  const days = Math.floor((Date.now() - new Date(C.hotlineVerifiedOn).getTime())/86400000);
  return { ok: days <= (C.hotlineRecheckDays || 90), days: days, on: C.hotlineVerifiedOn };
}
(function checkHotlines(){
  const f = hotlineFreshness();
  if(!f.ok){
    console.warn("[미루] 상담창구 정보 재확인 필요 — 마지막 확인일 "
      + (f.on||"미기재") + (f.days!=null ? " (" + f.days + "일 경과)" : "")
      + ". 배포 전 공공기관 최신 정보로 번호·운영시간을 확인하고 CONFIG.crisis.hotlineVerifiedOn 을 갱신하십시오.");
  }
})();

/* ---- 부팅 ---- */
setFace("warm");
renderPaceBtn();
helpBtn.onclick = openCrisis;
paceBtn.onclick = cyclePace;
const helpFloat = document.getElementById('helpFloat');
helpFloat.textContent = "🤝 " + ((CONFIG.crisis&&CONFIG.crisis.buttonLabel)||"도움이 필요해요");
helpFloat.onclick = openCrisis;
// 설문 오버레이(#gate)가 열려 있는 동안에는 떠 있는 버튼을 노출
(function watchGate(){
  const g = document.getElementById('gate');
  const sync = ()=>{
    const on = g && g.classList.contains('on') && CONFIG.crisis && CONFIG.crisis.enabled;
    helpFloat.classList.toggle('on', !!on);
  };
  if(g) new MutationObserver(sync).observe(g, {attributes:true, attributeFilter:['class']});
  sync();
})();
crisisBox.addEventListener('click', e=>{ if(e.target===crisisBox) closeCrisis(); });
document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeCrisis(); });

if(location.hash === '#admin'){ renderAdmin(); }
else if(Gate.enabled){ T.init(); Gate.renderIntro(); }
else { start(); }
</script>
</body>
</html>