/* ===== VIDEO Q&A MODAL ===== */
.vqa-backdrop{
  display:none;position:fixed;inset:0;z-index:2000;
  background:rgba(30,10,50,.82);
  align-items:center;justify-content:center;
  padding:12px;
  animation:vqa-fade .3s ease;
}
.vqa-backdrop.show{display:flex;}

.vqa-modal{
  background:#fff;border-radius:24px;
  max-width:560px;width:100%;
  box-shadow:0 20px 60px rgba(80,0,120,.35);
  overflow:hidden;position:relative;
  animation:vqa-slide .35s cubic-bezier(.2,.8,.3,1);
}

/* header stripe */
.vqa-header{
  background:linear-gradient(135deg,#FF6B9D,#A855F7);
  padding:14px 18px 12px;
  display:flex;align-items:center;gap:10px;
}
.vqa-header-icon{font-size:28px;animation:bounce .7s ease infinite alternate;}
.vqa-header-text{flex:1;}
.vqa-header-title{font-size:16px;font-weight:800;color:#fff;font-family:'Fredoka One',sans-serif;line-height:1.1;}
.vqa-header-sub{font-size:11px;color:rgba(255,255,255,.85);font-weight:600;margin-top:2px;}
.vqa-skip{padding:5px 12px;border-radius:20px;border:1.5px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:700;
  cursor:pointer;font-family:'Nunito',sans-serif;white-space:nowrap;}
.vqa-skip:hover{background:rgba(255,255,255,.28);}

/* intro screen */
.vqa-intro{padding:20px 20px 16px;text-align:center;}
.vqa-scene-emoji{font-size:56px;margin-bottom:8px;display:block;
  animation:vqa-pop .5s cubic-bezier(.2,1.6,.4,1);}
.vqa-intro-title{font-size:17px;font-weight:800;color:#3D2B56;font-family:'Fredoka One',sans-serif;margin-bottom:6px;}
.vqa-intro-desc{font-size:13px;color:#7A6890;line-height:1.6;margin-bottom:14px;}
.vqa-watch-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#FF6B9D,#A855F7);
  color:#fff;border:none;border-radius:30px;
  padding:12px 28px;font-size:15px;font-weight:800;
  cursor:pointer;font-family:'Nunito',sans-serif;
  box-shadow:0 4px 18px rgba(168,85,247,.45);
  transition:transform .15s,box-shadow .15s;
}
.vqa-watch-btn:hover{transform:translateY(-2px);box-shadow:0 7px 24px rgba(168,85,247,.55);}

/* video player area */
.vqa-video-wrap{
  display:none;background:#000;position:relative;padding-bottom:56.25%;
}
.vqa-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.vqa-video-inner{padding:14px 18px 10px;}
.vqa-video-label{font-size:12px;font-weight:700;color:#9E8FB8;text-transform:uppercase;
  letter-spacing:.8px;margin-bottom:6px;}
.vqa-facts-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.vqa-fact-pill{font-size:11px;background:#F3EEFF;color:#7B3FA0;
  border-radius:20px;padding:4px 10px;font-weight:700;border:1.5px solid #DDD0F5;}
.vqa-ready-btn{
  width:100%;padding:11px;border-radius:14px;border:none;
  background:linear-gradient(135deg,#4ECDC4,#1B9E96);
  color:#fff;font-size:14px;font-weight:800;cursor:pointer;
  font-family:'Nunito',sans-serif;
  box-shadow:0 3px 12px rgba(78,205,196,.4);
  transition:transform .15s;
}
.vqa-ready-btn:hover{transform:translateY(-1px);}

/* quiz screen */
.vqa-quiz-wrap{display:none;padding:16px 18px 18px;}
.vqa-progress-dots{display:flex;gap:6px;justify-content:center;margin-bottom:14px;}
.vq-dot{width:10px;height:10px;border-radius:50%;background:#EEE;transition:background .3s;}
.vq-dot.active{background:#FF6B9D;}
.vq-dot.done-ok{background:#4CAF50;}
.vq-dot.done-no{background:#F44336;}
.vqa-q-emoji{font-size:30px;text-align:center;display:block;margin-bottom:6px;}
.vqa-q-text{font-size:15px;font-weight:800;color:#3D2B56;text-align:center;
  font-family:'Fredoka One',sans-serif;margin-bottom:14px;line-height:1.4;}
.vqa-opts{display:flex;flex-direction:column;gap:8px;}
.vqa-opt{
  padding:11px 16px;border-radius:14px;border:2px solid #E8D5F5;
  background:#FEFAFF;color:#4A3860;font-size:13px;font-weight:700;
  cursor:pointer;text-align:left;font-family:'Nunito',sans-serif;
  transition:all .15s;display:flex;align-items:center;gap:8px;
}
.vqa-opt:hover{border-color:#C084FC;background:#F5EEFF;transform:translateX(3px);}
.vqa-opt.ok{background:#E8F8E8;border-color:#4CAF50;color:#1B5E20;}
.vqa-opt.no{background:#FEE8E8;border-color:#F44336;color:#B71C1C;}
.vqa-opt-letter{width:22px;height:22px;border-radius:50%;background:#F0E8FF;
  color:#9B59B6;font-size:11px;font-weight:800;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;}
.vqa-opt.ok .vqa-opt-letter{background:#C8F0C8;color:#2E7D32;}
.vqa-opt.no .vqa-opt-letter{background:#FFCCCC;color:#B71C1C;}
.vqa-feedback{text-align:center;font-size:13px;font-weight:700;
  color:#7A6890;margin-top:10px;min-height:20px;}

/* result screen */
.vqa-result{display:none;padding:20px 18px 22px;text-align:center;}
.vqa-result-emoji{font-size:56px;display:block;margin-bottom:8px;
  animation:vqa-pop .5s cubic-bezier(.2,1.6,.4,1);}
.vqa-result-title{font-size:18px;font-weight:800;color:#3D2B56;
  font-family:'Fredoka One',sans-serif;margin-bottom:6px;}
.vqa-result-sub{font-size:13px;color:#7A6890;margin-bottom:16px;line-height:1.5;}
.vqa-score-bar{background:#F0E8FF;border-radius:20px;height:14px;margin-bottom:16px;overflow:hidden;}
.vqa-score-fill{height:100%;border-radius:20px;
  background:linear-gradient(90deg,#FF6B9D,#A855F7);
  transition:width .8s cubic-bezier(.2,.8,.3,1);}
.vqa-paint-btn{
  width:100%;padding:13px;border-radius:16px;border:none;
  background:linear-gradient(135deg,#FF6B9D,#A855F7);
  color:#fff;font-size:15px;font-weight:800;cursor:pointer;
  font-family:'Nunito',sans-serif;
  box-shadow:0 4px 18px rgba(168,85,247,.4);
  transition:transform .15s;
}
.vqa-paint-btn:hover{transform:translateY(-2px);}
.vqa-retry-btn{
  margin-top:8px;width:100%;padding:10px;border-radius:14px;
  border:2px solid #E0D5F5;background:white;
  color:#7A6890;font-size:13px;font-weight:700;cursor:pointer;
  font-family:'Nunito',sans-serif;transition:background .15s;
}
.vqa-retry-btn:hover{background:#F4EEF9;}
.vqa-score-label{font-size:12px;color:#9E8FB8;font-weight:700;margin-bottom:8px;}