.modal-container .modal.compose-response-quiz-modal{border-radius:18px;width:720px;max-width:calc(100vw - 40px);max-height:85vh;padding:0;overflow:hidden}.compose-response-quiz-modal .cq-head{border-bottom:1px solid #eef1f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.compose-response-quiz-modal .cq-title h4{color:#1b2559;margin:0;font-size:16px;font-weight:600}.compose-response-quiz-modal .cq-title p{color:#94a3b8;margin:3px 0 0;font-size:13px}.compose-response-quiz-modal .cq-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.compose-response-quiz-modal .cq-close:hover{color:#fff;background:#ff6f61}.compose-response-quiz-modal .cq-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.compose-response-quiz-modal .cq-foot{border-top:1px solid #eef1f6;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.compose-response-quiz-modal .cq-btn{cursor:pointer;border-radius:22px;padding:9px 20px;font-size:14px;font-weight:500;transition:filter .2s,background .2s}.compose-response-quiz-modal .cq-btn.ghost{color:#64748b;background:#f1f5f9;border:none}.compose-response-quiz-modal .cq-btn.ghost:hover{background:#e2e8f0}.compose-response-quiz-modal .cq-btn.primary{color:#fff;background:#ff6f61;border:none}.compose-response-quiz-modal .cq-btn.primary:hover{filter:brightness(1.05)}