.qira-answer-video-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #d7c7ff;border-radius:14px;background:#f4efff;color:#6840df;font:inherit;font-weight:800;cursor:pointer}.qira-answer-video-button:hover{background:#ece3ff}.qira-answer-video-modal[hidden]{display:none}.qira-answer-video-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.qira-answer-video-backdrop{position:absolute;inset:0;border:0;background:rgba(10,22,48,.72)}.qira-answer-video-dialog{position:relative;width:min(960px,96vw);max-height:92vh;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(3,13,36,.32)}.qira-answer-video-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e6ebf4}.qira-answer-video-dialog>header div{display:grid;gap:2px}.qira-answer-video-dialog>header small{color:#67758f}.qira-answer-video-dialog>header button{width:40px;height:40px;border:0;border-radius:50%;background:#eef2f8;font-size:24px;cursor:pointer}.qira-answer-video-stage{aspect-ratio:16/9;background:#08101f}.qira-answer-video-stage iframe,.qira-answer-video-stage video,.qira-answer-video-stage img{width:100%;height:100%;border:0;object-fit:contain}body.qira-answer-video-open{overflow:hidden}

/* R6 SAFE: keep the Exam answer-video modal inside the real mobile viewport. */
@supports (height: 100dvh) {
  .qira-answer-video-dialog {
    width: min(960px, calc(100vw - 16px), calc((100dvh - 86px) * 16 / 9));
    max-height: calc(100dvh - 8px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .qira-answer-video-stage {
    min-height: 0;
    max-height: calc(100dvh - 76px);
  }
}
@media (orientation: landscape) and (max-height: 700px) {
  .qira-answer-video-modal { padding: 4px; }
  .qira-answer-video-dialog {
    width: min(960px, calc(100vw - 8px), calc((100dvh - 62px) * 16 / 9));
    max-height: calc(100dvh - 8px);
    border-radius: 14px;
  }
  .qira-answer-video-dialog > header { padding: 7px 12px; gap: 10px; }
  .qira-answer-video-dialog > header button { width: 34px; height: 34px; font-size: 21px; }
  .qira-answer-video-dialog > header strong { font-size: .92rem; }
  .qira-answer-video-dialog > header small { font-size: .7rem; }
  .qira-answer-video-stage { max-height: calc(100dvh - 62px); }
}