.aiGenBlackBox{position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:11;display:flex;justify-content:center;align-items:center}.aiGenBox{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:8px;padding:20px;width:90%;max-width:500px;position:relative}.aiGenBox .close{background-color:#fff;border-radius:50%;position:absolute;top:-15px;left:-15px;cursor:pointer;font-size:24px}.aiGenBox .close svg{font-size:24pt}.aiGenBox#step1{animation:rotationBack .4s linear;transform:scale(1)}@keyframes rotationBack{0%{transform:scale(0)}70%{transform:scale(.8)}85%{transform:scale(1.1)}to{transform:scale(1)}}.aiGenCharBox{position:absolute;top:-140px;display:flex;justify-content:center;align-items:center;width:100%}.aiGenCharBox img{width:180px}.aiGenBox h1{font-size:18pt;font-weight:800}.aiGenBox .aiGenText{font-size:10pt;margin-top:20px;font-weight:400}.aiGenFoot{display:flex;justify-content:flex-end;gap:5px}.aiGenNext{background-color:#ff8417;margin-top:35px;padding:10px 20px;font-size:11pt;font-weight:700;border-radius:30px}.aiGenNext.prev{background-color:#c9c9c9}.aiGenBox{transition:all .6s ease;transform:translateY(800px);visibility:hidden;opacity:0;position:absolute}.aiGenBox.ck{opacity:1;visibility:visible;transform:translateY(0)}.gradeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.gradeCard{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;cursor:pointer}.gradeCard.active{background:#007bff;color:#fff;border-color:#0056b3;transform:scale(1.05)}.gradeCard span{font-size:.7rem}.gradeCard strong{font-size:.9rem}.langGrid{display:flex;gap:15px;margin:30px 0}.langCard{flex:1;padding:20px;border:2px solid #e9ecef;border-radius:15px;background:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.langCard:hover{border-color:#007bff;background:#f0f7ff}.langCard.active{background:#007bff;color:#fff;border-color:#0056b3}.subjectsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.subjectsGrid.aiSubcats{grid-template-columns:repeat(2,1fr)}.subjectCard{display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:12px;border:2px solid #e9ecef;background:#fff;cursor:pointer;transition:all .2s ease}.subjectCard:hover{border-color:#007bff;background:#f8f9ff}.subjectCard.active{background:#007bff;color:#fff;border-color:#0056b3}.subjectIcon{font-size:2rem;margin-bottom:8px}.aiQuestions{max-height:45vh;overflow:auto;margin-top:20px}.aiQuestions::-webkit-scrollbar{width:5px;height:5px}.aiQuestions::-webkit-scrollbar-track{background:#f9f9f9;border-radius:5px}.aiQuestions::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.aiQuestions table{width:100%}.aiQuestions table .options{background-color:#37b4bd;padding:5px;border-radius:5px;margin:0 2px;color:#fff;font-size:12pt}.aiQuestions table .options:nth-child(2){background-color:#cd5757}.answerBoxPrev{margin:30px 0}.answerBoxPrev label{display:flex;align-items:center;gap:10px;padding:4px 0}.answerBoxPrev label input{zoom:1.4}.answerBoxPrev .missingTxt span{display:inline-flex;position:relative;margin:0 5px;background-color:#f1f1f1;padding:0 5px;border-radius:10px}.answerBoxPrev .missingTxt span dt{display:none}.answerBoxPrev .answerType_2 textarea{width:100%;height:100px;background-color:#f8f8f8;border:1px solid #ddd;padding:5px}.answerBoxPrev .answerType_6{display:flex;gap:20%}.answerBoxPrev .answerType_6>div{display:flex;flex-direction:column;gap:10px}.answerBoxPrev .answerType_6 .rightRes a{justify-content:space-between}.answerBoxPrev .answerType_6>div a{display:flex;align-items:center;gap:10px;background-color:#f1f1f1;padding:5px;border-radius:10px}.answerBoxPrev .answerType_6 .rightRes>div svg{display:none}.answerBoxPrev .allTableOptTypeBox table{width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd}.answerBoxPrev .allTableOptTypeBox table th{font-weight:800;padding:5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#f8f8f8}.answerBoxPrev .allTableOptTypeBox table td{padding:8px 5px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.answerBoxPrev .allTableOptTypeBox table td input{background-color:#f5f5f5;border:1px solid #eee;padding:5px;text-align:center;border-radius:5px}.aiGenBox .sentToStudents{padding:20px}.aiGenBox .sentToStudents label{display:block;padding:20px 0}.aiGenBox .sentToStudents label span{display:block;font-size:8pt;font-weight:800;color:#111}.aiGenBox .sentToStudents label span b{color:red}.aiGenBox .sentToStudents label input{width:100%;border-bottom:1px solid #ddd;padding:10px;border-radius:10px;font-size:11pt;font-weight:600;margin-top:2px;background-color:#f9f9f9}.aiGenBox .sentToStudents .formInBox{margin-top:2px;background-color:#f9f9f9;border-radius:10px;padding:5px 10px}.aiGenBox .sentToStudents .selectedInputBox b span{background-color:#fff!important;box-shadow:0 0 4px rgba(0,0,0,.1)}