@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Comic+Neue:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#beitretenBtn{background:#2196f3!important;border:4px solid #1565c0!important;border-radius:30px!important;box-shadow:0 4px 24px #1565c055,0 1px 2px #1565c033!important;color:#fff!important;cursor:pointer;display:block;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif!important;font-size:1.35rem!important;font-weight:700!important;letter-spacing:.5px;margin:24px auto 0;outline:none;overflow:hidden;padding:18px 32px;position:static;transition:background .3s,color .3s,box-shadow .2s,transform .1s;width:330px}#beitretenBtn[disabled]{background:#e0e0e0!important;border:none!important;color:#bbb!important;cursor:not-allowed!important;opacity:.7!important}#beitretenBtn:not([disabled]):focus,#beitretenBtn:not([disabled]):hover{background:#1565c0!important;box-shadow:0 2px 6px #1565c055!important;color:#fff!important;transform:scale(1.03)}#beitretenBtn.active,#beitretenBtn[aria-pressed=true]{background:#1976d2!important;box-shadow:0 4px 18px #1565c055!important;color:#fff!important}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden!important;overscroll-behavior:none;position:fixed;touch-action:none;width:100vw}@media (max-width:768px){body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}}.waitingRoomGrid{grid-gap:54px;align-items:start;display:grid;gap:54px;grid-template-columns:1.1fr 1fr;justify-content:center;margin:0 auto;max-width:980px;width:100%}.waitingRoomLeft{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:-80px;min-width:340px}.waitingRoomHeading,.waitingRoomSubtext{align-items:flex-start;justify-content:flex-start;margin-left:0;text-align:left;width:100%}.waitingRoomSubtext{margin-bottom:30px}.waitingRoomVideos{gap:22px;justify-content:flex-start;margin-top:35px}.waitingRoomRight{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:120px;min-width:340px}.checklist{margin-left:0;margin-right:0}#modAudioBtn{margin:26px 0 0;max-width:340px;width:100%}@media (max-width:900px){*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.waitingRoomGrid{gap:20px;grid-template-columns:1fr;max-width:98vw}.waitingRoomLeft,.waitingRoomRight{align-items:stretch;min-width:0;width:100%}.waitingRoomVideos{flex-wrap:wrap;gap:12px;justify-content:flex-start}#modAudioBtn,.checklist{max-width:100%}}.nextFixedButton{align-items:center;background:#3498db!important;border:none;border-radius:30px;box-shadow:0 2px 8px #0000001f;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;gap:14px;min-width:160px;padding:16px 26px 16px 18px;pointer-events:auto!important;position:relative;transition:background .2s,box-shadow .2s;z-index:2010}.nextFixedButton:hover{background:#2980b9!important}.pageStyle{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px;position:relative;text-align:center;width:100%;z-index:1}.fixedBackgroundStyle{background:linear-gradient(to bottom right,#a8edea,#fed6e3);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.videoContainerStyle{background-color:#333;border-radius:15px;box-shadow:0 4px 10px #0000004d;height:150px;left:20px;overflow:hidden;position:fixed;top:70px;width:200px}.studentSelfVideoContainer{background-color:#222;border:2px solid #4caf50;border-radius:12px;bottom:20px;box-shadow:0 4px 15px #0006;height:120px;left:20px;overflow:hidden;position:fixed;width:160px;z-index:1000}.studentSelfVideo{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.studentSelfVideoLabel{background:#000000b3;border-radius:4px;bottom:5px;color:#fff;font-size:10px;font-weight:700;left:5px;padding:2px 6px;pointer-events:none;position:absolute}.videoPlayer{height:100%;object-fit:cover;width:100%}.studentVideoContainer{background-color:#333;border:2px solid #4caf50;border-radius:10px;bottom:20px;box-shadow:0 4px 10px #0000004d;height:112px;left:20px;overflow:hidden;position:fixed;width:150px;z-index:1000}.studentVideoQuiz{height:100%;object-fit:cover;width:100%}.studentVideoLabel{background-color:#000000b3}.contentContainer{margin-top:180px}.quizBoxStyle{align-items:stretch;background-color:#fff;border-radius:25px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;margin:60px auto 0;max-width:700px;min-height:1px;padding:24px;position:relative}.imageQuestion .quizBoxStyle,.quizBoxStyle{overflow:visible}.progressContainer{background-color:initial;box-sizing:border-box;left:50%;margin:20px auto;max-width:850px;padding:0 20px;position:fixed;top:20px;transform:translateX(-50%);width:calc(100% - 310px);z-index:2}.progressBar{background-color:#eee;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.progressFill{background-color:#00cec9;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.progressText{color:#555;margin-top:8px;text-align:center}.questionContainerStyle{align-items:center;box-sizing:border-box;display:flex;gap:0;justify-content:space-between;min-height:1px;width:100%}.noQuizContent{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:18px;box-shadow:0 4px 20px #0000001a;margin:20px;padding:40px 20px;text-align:center}.noQuizContent h1{color:#333;font-size:2.5rem;margin-bottom:20px}.noQuizContent p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:15px}.imageQuestion .questionContainerStyle{align-items:stretch;display:flex;flex-direction:row;gap:30px;justify-content:center}.imageQuestion .questionImage{border-radius:18px;box-shadow:0 4px 16px #b2ebf255;display:block;flex-shrink:0;margin-bottom:0;margin-right:0;max-height:320px;max-width:320px}.imageQuestion .questionContent{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.questionContent{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.questionContent h1{text-align:left;word-break:break-word}.questionImage{display:block}.questionContent p{text-align:left;word-break:break-word}.optionsGridStyle{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.buttonStyle{background-color:#f7d794;border:none;border-radius:20px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:transform .2s}.buttonStyle:hover{background-color:#f6c85f;transform:scale(1.05)}.button-correct{background-color:#b2f7ef}.button-wrong{background-color:#ffcccb}.yesnoContainer{display:flex;gap:20px;justify-content:center;margin-top:20px}.yesnoButton{font-size:1.5rem;min-width:150px;padding:20px;position:relative}.yesnoButton.yes-button{background-color:#4caf50;border:2px solid #45a049;color:#fff}.yesnoButton.yes-button:hover{background-color:#45a049}.yesnoButton.yes-button:before{content:"✓";font-size:2rem;font-weight:700}.yesnoButton.no-button{background-color:#f44336;border:2px solid #da190b;color:#fff}.yesnoButton.no-button:hover{background-color:#da190b}.yesnoButton.no-button:before{content:"✗";font-size:2rem;font-weight:700}.dragDropContainer,.multiDragDropContainer{align-items:center;display:flex;flex-direction:column;gap:30px;min-height:350px}.dragItem,.draggableDndKit{background-color:#ffeaa7;border:2.5px solid #00cec9;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;cursor:grab;font-size:1.8rem;min-width:160px;padding:20px 40px;text-align:center;transition:box-shadow .15s,border .15s}.dragItemPlaced,.draggableDndKit[aria-disabled=true]{border-style:dashed;cursor:not-allowed;opacity:.5}.dragImage{background:#fff;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;height:150px;object-fit:contain;transition:box-shadow .15s,border .15s;width:150px}.dragItemsContainer,.dropTargets,.dropZoneContainer{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.dropTarget{align-items:center;background-color:#dfe6e9;border:2px dashed #00cec9;border-radius:12px;display:flex;font-size:1.2rem;height:160px;justify-content:center;overflow:hidden;transition:transform .3s ease;width:160px}.dropTarget:hover{transform:scale(1.05)}.correctDrop{background-color:#b2f7ef}.wrongDrop{background-color:#ffcccb}.dropImage{background:#fff;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;display:block;height:100px;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;transition:box-shadow .15s,border .15s;width:100px}.feedback{animation:pop .6s ease;font-size:1.8rem;margin-top:30px}.feedbackCorrect{color:green}.feedbackWrong{color:red}.nextButtonWrapper{background-color:#fff;border-radius:0 25px 25px 0;box-shadow:0 8px 20px #0000001a;height:100%;padding:0 20px;position:absolute;right:-55px;top:50%;transform:translateY(-50%);z-index:10}.nextArrowButtonStyle,.nextButtonWrapper{align-items:center;cursor:pointer;display:flex;justify-content:center}.nextArrowButtonStyle{animation:slideIn .5s ease;background-color:#00cec9;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;height:60px;width:60px}.finalScreen h1{color:#ff6f61;font-size:3rem}.finalScreen p{color:#333;font-size:2rem;margin:20px 0}.trophyIcon{animation:bounce 1s ease forwards;animation-iteration-count:3;font-size:7rem}.loadingScreen{align-items:center;color:#555;display:flex;font-size:2rem;height:100vh;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.questionContent{flex:1 1}.questionContent h1{color:#ff6f61;font-size:2.5rem;margin-bottom:20px}.questionImage{border-radius:12px;margin-bottom:20px;max-height:300px;max-width:100%}.questionContent p{color:#333;font-size:1.5rem;margin-bottom:30px}@media (max-width:1024px){.quizBoxStyle{margin:200px auto 40px;padding:30px}.videoContainerStyle{height:130px;left:10px;top:70px;width:180px}.nextButtonWrapper{right:-40px}.optionsGridStyle{grid-template-columns:1fr 1fr}.questionContainerStyle{align-items:center;flex-direction:column}.questionContent h1{font-size:2rem}.questionContent p{font-size:1.3rem}.buttonStyle{font-size:1rem;padding:12px}.yesnoButton{font-size:1.3rem;padding:16px}.dragImage,.dropTarget{height:140px;width:140px}.dragItem,.draggableDndKit{font-size:1.6rem;min-width:140px;padding:18px 35px}}.waitingRoom{align-items:center;background:linear-gradient(135deg,#a8edea,#b8ffb0);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:90px;text-align:center}.waitingRoomHeading{align-items:center;color:#4fc3f7;display:flex;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:3rem;gap:.5em;justify-content:center;letter-spacing:1.5px;margin-bottom:8px;text-shadow:1px 2px 0 #fffbe7,0 4px 12px #b2ebf2}.waitingRoomHeading:before{content:"";font-size:2.4rem;margin-right:10px}.waitingRoomSubtext{color:#71be34;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:1.3rem;letter-spacing:.3px;margin-bottom:34px;margin-top:0}.waitingRoomVideos{align-items:center;display:flex;flex-direction:row;gap:38px;justify-content:center;margin-bottom:28px}.waitingRoomVideo{position:relative;top:-36px}#modPreview,.waitingRoom .modPreview,.waitingRoomVideo{animation:waitingRoomPop .8s cubic-bezier(.18,1.2,.37,1) 1;background:#fffbe7;border:8px solid #81d4fa;border-radius:50% 45% 55% 48%/48% 52% 50% 52%;box-shadow:0 8px 32px #4fc3f73a,0 1.5px 8px #fffbe7;display:block;height:220px;object-fit:cover;width:220px;z-index:auto}#modPreview,.waitingRoom .modPreview{border:8px solid #a5d6a7;box-shadow:0 8px 32px #81d4fa55,0 1.5px 8px #fffbe7;position:static!important}#modPreview:after,.waitingRoom .modPreview:after{content:"👩‍🏫";font-size:2rem;left:18px;pointer-events:none;position:absolute;top:16px}@keyframes waitingRoomPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.checklist{background:linear-gradient(120deg,#fffbe7 90%,#b2f7ef);border:none;border-radius:30px;box-shadow:0 4px 24px #b2ebf255,0 1px 2px #ffd18033;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;list-style:none;margin:0 auto 30px;padding:24px 32px 22px;text-align:left;width:330px}.checkItem{align-items:center;animation:fadeInItem .6s cubic-bezier(.21,1.2,.5,1) forwards;background:#e0f7fa33;border-radius:18px;box-shadow:0 2px 6px #ffd18022;color:#6d4c41;display:flex;font-size:1.35rem;gap:16px;margin-bottom:20px;padding:12px 14px 12px 10px;position:relative;transition:background .3s,color .3s,box-shadow .2s}.checkItem:last-child{margin-bottom:0}.checkItem:hover{background:#ffe08255;box-shadow:0 4px 16px #fff9c4bb;color:#388e3c}.spinner{animation:spin 1s linear infinite;background:#fff;border:4px solid #fffbe7;border-radius:50%;border-top-color:#4fc3f7;box-shadow:0 2px 6px #b2ebf288;display:inline-block;height:32px;margin-right:10px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checked .spinner{display:none}.checked:before{animation:fadeInCheck .5s cubic-bezier(.22,1.1,.5,1) forwards;content:"✅";filter:drop-shadow(0 2px 4px #a5d6a7aa);font-size:2.1rem;margin-right:12px;position:relative;top:1px}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCheck{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.checked{background:linear-gradient(90deg,#e0f7fa 60%,#b2f7ef);box-shadow:0 4px 18px #b2f7ef77;color:#388e3c;font-weight:700}#modAudioBtn{animation:waitingRoomPop .7s cubic-bezier(.18,1.2,.37,1) 1;background:linear-gradient(120deg,#fffbe7 90%,#b2f7ef);border:none;border-radius:30px;box-shadow:0 4px 24px #b2ebf255,0 1px 2px #ffd18033;color:#6d4c41;cursor:pointer;display:block;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.5px;margin:24px auto 0;outline:none;overflow:hidden;padding:18px 32px;position:static;transition:background .3s,color .3s,box-shadow .2s,transform .1s;width:330px}#modAudioBtn[disabled]{background:#e0e0e0;border:none;color:#bbb;cursor:not-allowed;opacity:.7}#modAudioBtn:not([disabled]):focus,#modAudioBtn:not([disabled]):hover{background:linear-gradient(135deg,#fffde7 70%,#ffe082);box-shadow:0 2px 6px #ffd18055;color:#388e3c;transform:scale(1.03)}#modAudioBtn:not([disabled]){background:linear-gradient(135deg,#fffde7 70%,#ffe082);color:#fbc02d}#modAudioBtn.active,#modAudioBtn[aria-pressed=true]{background:linear-gradient(135deg,#fffde7 50%,#c6f68d);box-shadow:0 4px 18px #b2f7ef55;color:#388e3c}#modAudio{background:#fffbe7;border-radius:16px;box-shadow:0 2px 8px #ffd18044;margin-top:10px;position:absolute;right:18px;top:272px;width:180px;z-index:9999}.feedbackBannerWrapper{gap:1.5em;width:auto}.feedbackBanner{animation:pop .6s;background:#d0fff4;border-radius:22px;box-shadow:0 6px 30px #00000017;color:#222;flex:none;flex-shrink:0;font-size:2.1rem;font-weight:700;max-width:320px;min-width:110px;padding:18px 30px;transition:all .35s cubic-bezier(.26,2,.61,.99);width:auto}.feedbackCorrect{background:#b2f7ef!important;color:#0a915b!important}.feedbackWrong{background:#fcc!important;color:#d7263d!important}.blinking{animation:blink 1s linear infinite!important}@keyframes blink{0%{box-shadow:0 0 10px 2px #fff9c4}50%{box-shadow:0 0 20px 8px #ffe082}to{box-shadow:0 0 10px 2px #fff9c4}}@keyframes sparkle{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.feedbackBannerWrapper{align-items:center;display:flex;justify-content:center;left:50%;margin:0;pointer-events:none;position:absolute;top:-90px;transform:translateX(-50%);width:100%;z-index:31}.feedbackBanner{left:0;margin:0 auto;pointer-events:auto;position:relative;right:0;text-align:center}.feedbackBannerButton,.waiting-for-moderator{pointer-events:auto;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.waiting-for-moderator{color:#6c757d;text-align:center}.waiting-for-moderator p{font-size:1rem;font-weight:600;margin:0}.waiting-for-moderator small{font-size:.8rem;opacity:.8}.quizBoxStyle.multidragdrop{justify-content:flex-start;padding-top:14px}.multiDragDropContainer{margin-top:0}.quizBoxStyle,.quizBoxStyle.dragdrop,.quizBoxStyle.multidragdrop{margin-top:200px!important;padding:6px 5px 10px!important}.dragDropContainer,.multiDragDropContainer{gap:10px!important;min-height:120px!important}.dragItemsContainer,.dropTargets,.dropZoneContainer{gap:8px!important}.dragImage,.dropImage,.dropTarget{font-size:.9rem!important;height:80px!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;width:80px!important}.dragItem,.draggableDndKit{font-size:1.1rem!important;min-width:100px!important;padding:10px 12px!important}.optionsGridStyle .buttonStyle{box-sizing:border-box;display:block;margin:0 auto;max-width:75%;min-width:220px;width:75%}.imageQuestion .optionsGridStyle .buttonStyle{font-size:1rem;max-width:320px;min-width:110px;padding:10px 8px;width:90%}.videoViewContainer{flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.videoViewContainer,.videoViewMainStream{align-items:center;display:flex;justify-content:center}.videoViewMainStream{background:#f5f5f5;border-radius:20px;box-shadow:0 8px 32px #00000026;height:75%;overflow:hidden;position:relative;width:85%}.videoViewMainVideo{border-radius:20px;height:100%;object-fit:cover;width:100%}.videoViewPlaceholder{color:#666;font-size:1.2rem;font-weight:500;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.videoViewSelfContainer{background:#000;border:3px solid #fff;border-radius:15px;bottom:30px;box-shadow:0 4px 16px #0003;height:150px;left:30px;overflow:hidden;position:fixed;width:200px;z-index:20}.videoViewSelfVideo{border-radius:12px;height:100%;object-fit:cover;width:100%}.videoViewSelfLabel{background:#000000b3;border-radius:8px;bottom:8px;color:#fff;font-size:.8rem;font-weight:500;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%)}.viewSliderContainer{-webkit-touch-callout:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #e1e1eb99;border-radius:12px;box-shadow:0 3px 12px #00000014;contain:layout;margin:0;max-width:240px;overflow:hidden;padding:8px 12px;position:relative;touch-action:manipulation;-webkit-user-select:none;width:100%;z-index:5}.viewSliderTrack{background:linear-gradient(90deg,#f8f9fc,#eef1f7);border:1px solid #e1e5e9;border-radius:22px;height:45px;position:relative;width:100%}.viewSliderThumb{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;display:none;font-size:1rem;height:0;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0;z-index:1}.viewSliderThumb:hover{box-shadow:0 4px 12px #667eea66;transform:translate(-50%,-50%) scale(1.1)}.viewSliderStops{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:flex-start;left:0;padding:0 5px 0 2px;position:absolute;top:0;width:100%}.viewSliderStop{-webkit-touch-callout:none;align-items:center;background:#ffffffb3;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:1.4rem;height:40px;justify-content:center;min-height:44px;min-width:44px;position:relative;touch-action:manipulation;transition:all .2s;-webkit-user-select:none;width:40px}.viewSliderStop:hover{background:#667eea1a;border-color:#667eea4d;transform:scale(1.05)}.viewSliderStop.active{background:#667eea40;border-color:#667eeab3;box-shadow:0 2px 8px #667eea4d;transform:scale(1.1)}.viewSliderLabel{display:none}.viewSliderStop:hover .viewSliderLabel{opacity:1;top:-35px;visibility:visible}@media (max-width:768px){.viewSliderContainer{padding:10px}.viewSliderTrack{height:50px}.viewSliderThumb{font-size:1.2rem;height:40px;width:40px}.viewSliderStop{font-size:1.1rem;height:40px;width:40px}}.newModeratorLayout{background:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial Rounded MT Bold,sans-serif;gap:15px;height:100vh;overflow:hidden;padding:15px}.newModeratorLayout .studentsVideoSection{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;padding:15px}.newModeratorLayout .studentsVideoSection .studentsVideoHeader{margin-bottom:15px;text-align:center}.newModeratorLayout .studentsVideoSection .studentsVideoHeader h3{color:#333;font-size:1.2rem;margin:0}.newModeratorLayout .studentsVideoSection .studentsVideoGrid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.newModeratorLayout .studentsVideoSection .studentVideoWrapper{aspect-ratio:16/9;background:#000;border:2px solid #ddd;border-radius:8px;min-height:100px;overflow:hidden;position:relative}.newModeratorLayout .studentsVideoSection .studentVideoWrapper.active{border-color:#00cec9;box-shadow:0 0 10px #00cec94d}.newModeratorLayout .studentsVideoSection .studentVideoWrapper.empty{background:#f5f5f5!important;border-color:#ccc!important;border-style:dashed!important}.newModeratorLayout .studentsVideoSection .studentVideo{height:100%;object-fit:cover;width:100%}.newModeratorLayout .studentsVideoSection .studentVideoLabel{background:#000c;border-radius:5px;bottom:5px;color:#fff;font-size:.8rem;left:5px;padding:3px 8px;position:absolute}.newModeratorLayout .studentsVideoSection .emptySlot{color:#999;font-size:.9rem;font-style:italic;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.newModeratorLayout .mainContentArea{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:260px 1fr 240px;min-height:0}.newModeratorLayout .leftPanel{display:flex;flex-direction:column;gap:20px}.newModeratorLayout .moderatorStatsSection,.newModeratorLayout .moderatorVideoSection{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:12px}.newModeratorLayout .moderatorStatsSection h4,.newModeratorLayout .moderatorVideoSection h4{color:#333;font-size:1.1rem;margin:0 0 15px;text-align:center}.newModeratorLayout .moderatorVideoBox{aspect-ratio:16/9;background:#000;border:2px solid #00cec9;border-radius:8px;max-height:180px;overflow:hidden;width:100%}.newModeratorLayout .moderatorVideo{height:100%;object-fit:cover;width:100%}.newModeratorLayout .statsContainer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.newModeratorLayout .statTile{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:8px 4px;text-align:center}.newModeratorLayout .statTile.wrong{background:#ffebee;border:2px solid #f44336;color:#c62828}.newModeratorLayout .statTile.progress{background:#e8f4fd;border:2px solid #2196f3;color:#1565c0}.newModeratorLayout .statTile.correct{background:#e8f5e8;border:2px solid #4caf50;color:#2e7d32}.newModeratorLayout .statNumber{font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:2px}.newModeratorLayout .statLabel{font-size:.7rem;font-weight:500;line-height:1;text-transform:uppercase}.newModeratorLayout .centerPanel{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;overflow-y:auto;padding:20px}.newModeratorLayout .questionDisplaySection h4{color:#333;font-size:1.2rem;margin:0 0 20px;text-align:center}.newModeratorLayout .questionContent h3{color:#333;font-size:1.3rem;line-height:1.4;margin-bottom:20px}.newModeratorLayout .questionImage{border-radius:10px;box-shadow:0 2px 8px #0000001a;height:auto;margin:15px 0;max-width:100%}.newModeratorLayout .studentAnswerDisplay{background:#f8f9fa;border-left:4px solid #00cec9;border-radius:10px;margin-top:20px;padding:15px}.newModeratorLayout .studentAnswerDisplay h5{color:#333;font-size:1rem;margin:0 0 10px}.newModeratorLayout .answerResult{border-radius:6px;font-weight:700;padding:8px 12px}.newModeratorLayout .answerResult.correct{background:#d4fff2;color:#155724}.newModeratorLayout .answerResult.wrong{background:#ffe6e6;color:#721c24}.newModeratorLayout .rightPanel{display:flex;flex-direction:column;gap:20px}.newModeratorLayout .sliderSection{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:0 0 auto;overflow:hidden;padding:10px 15px 10px 2px;position:relative}.newModeratorLayout .controlsSection{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;padding:12px}.newModeratorLayout .controlsSection h4,.newModeratorLayout .sliderSection h4{color:#333;font-size:1.1rem;margin:0 0 15px;text-align:center}.newModeratorLayout .sliderSection .viewSlider{margin:0 auto;transform:scale(.7);transform-origin:center}.newModeratorLayout .controlButtons{display:flex;flex-direction:column;gap:8px}.newModeratorLayout .controlBtn{-webkit-touch-callout:none;background:#00cec9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;min-height:40px;padding:10px 15px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none}.newModeratorLayout .controlBtn:hover{background:#00b7b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.newModeratorLayout .manageBtn{background:#6c5ce7}.newModeratorLayout .manageBtn:hover{background:#5f50d3}@media screen and (max-width:900px) and (hover:hover) and (pointer:fine){.newModeratorLayout .studentsVideoSection .studentsVideoGrid{grid-template-columns:repeat(2,1fr)}.newModeratorLayout .mainContentArea{grid-template-columns:180px 1fr 200px}}@media screen and (max-width:600px) and (hover:hover) and (pointer:fine){.newModeratorLayout .mainContentArea{grid-template-columns:1fr;grid-template-rows:auto auto auto}.newModeratorLayout .studentsVideoSection .studentsVideoGrid{grid-template-columns:repeat(1,1fr)}}@media (hover:none) and (pointer:coarse),screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait),screen and (min-width:768px) and (max-width:1366px) and (orientation:landscape){.newModeratorLayout{display:flex!important;flex-direction:column!important;gap:20px!important;height:100vh!important;padding:20px!important}.newModeratorLayout .studentsVideoSection{display:block!important}.newModeratorLayout .studentsVideoSection .studentsVideoGrid{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:repeat(4,1fr)!important;max-width:none!important;width:100%!important}.newModeratorLayout .mainContentArea{grid-gap:20px!important;display:grid!important;flex:1 1!important;gap:20px!important;grid-template-columns:280px 1fr 250px!important;min-height:0!important}.newModeratorLayout .centerPanel,.newModeratorLayout .leftPanel,.newModeratorLayout .rightPanel{display:flex!important;flex-direction:column!important}.newModeratorLayout .studentVideoWrapper{display:block!important;min-height:140px!important}.newModeratorLayout .studentsVideoSection h3{font-size:1.1rem}.newModeratorLayout .moderatorStatsSection h4,.newModeratorLayout .moderatorVideoSection h4{font-size:1rem}.newModeratorLayout .questionContent h3{font-size:1.2rem}.newModeratorLayout .controlBtn{font-size:1rem;min-height:44px;padding:14px 16px}.newModeratorLayout{gap:10px!important;padding:10px!important}.newModeratorLayout .studentsVideoSection{padding:12px!important}.newModeratorLayout .studentsVideoSection .studentVideoWrapper{min-height:80px!important}.newModeratorLayout .moderatorVideoBox{max-height:160px!important}.newModeratorLayout .controlsSection,.newModeratorLayout .moderatorStatsSection,.newModeratorLayout .moderatorVideoSection,.newModeratorLayout .sliderSection{padding:10px!important}.newModeratorLayout .leftPanel,.newModeratorLayout .rightPanel{gap:12px!important}}.yesnoModeratorDisplay{margin:20px 0;text-align:center}.yesnoOptions{display:flex;gap:20px;justify-content:center;margin:15px 0}.yesnoBtn.moderator.neutral{background:#9e9e9e!important;border:none;border-radius:8px;color:#fff;cursor:default;font-size:16px;font-weight:700;opacity:.7;padding:12px 25px}.correctAnswerModerator{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:8px;margin-top:20px;padding:10px}.correctHighlight{background:#4caf50;border-radius:4px;color:#fff;font-weight:700;padding:4px 8px}.multipleChoiceModeratorDisplay{margin:20px 0}.optionsList{margin:15px 0}.optionItem{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;margin:8px 0;padding:8px}.optionLetter{background:#ddd;border-radius:4px;font-weight:700;margin-right:10px;min-width:25px;padding:4px 8px;text-align:center}.imageQuestionModeratorDisplay{margin:20px 0;text-align:center}.imageContainer{margin:15px 0}.questionImageModerator{box-shadow:0 2px 8px #0000001a}.dragdropModeratorDisplay{margin:20px 0}.dragWordDisplay{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:15px 0;padding:10px}.dragWordHighlight{background:#ffc107;border-radius:4px;color:#212529;font-weight:700;margin-left:10px;padding:4px 8px}.dropTargets{margin:15px 0}.dropTargetItem{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;margin:8px 0;padding:8px}.targetLabel{color:#666;font-weight:700;margin-right:10px}.matchPairsModeratorDisplay{margin:20px 0}.pairGroup,.pairsInfo{margin:15px 0}.pairGroup{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px}.pairHeader{color:#495057;font-size:14px;font-weight:700;margin-bottom:10px;text-align:center}.pairContent{align-items:center;display:flex;gap:15px;justify-content:center}.pairItem{background:#fff;border:2px solid #dee2e6;border-radius:8px;flex:1 1;font-weight:700;max-width:120px;padding:10px 15px;text-align:center}.pairSeparator{color:#28a745;font-size:24px;font-weight:700}.pairDivider{background:#dee2e6;border-radius:2px;height:3px;margin:10px 0}.imageQuestionDisplayModerator{display:flex;justify-content:center;margin:15px 0}.questionImageModerator{border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:150px;max-width:200px;object-fit:contain}.dragInstructions{color:#333;font-size:16px;font-weight:700;margin-bottom:10px}.dragItemDisplay{display:flex;justify-content:center;margin-bottom:15px}.moderatorDragItem{background-color:#00cec9;border:2px solid #00b894;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:default;font-size:16px;font-weight:700;padding:12px 20px}.matchPairsContainer{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;padding:20px}.matchPairsDisplay h4{color:#333;font-weight:700;margin-bottom:15px}.pairsGrid{gap:20px}.pairGroup,.pairsGrid{display:flex;flex-direction:column}.pairGroup{background-color:#fff;border:1px solid #ddd;border-radius:8px;gap:8px;margin-bottom:15px;padding:15px}.pairGroup .pairItem{align-items:center;display:flex;gap:10px}.pair-label{color:#555;font-weight:700;min-width:80px}.pair-content{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;flex:1 1;padding:5px 10px}.pairConnector{color:#666;font-size:18px;font-weight:700;text-align:center}.pairSeparator{color:#999;font-size:14px;margin:10px 0;text-align:center}.student-match-answer{border-radius:5px;font-weight:700;margin-top:15px;padding:10px}.student-match-answer.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.student-match-answer.wrong{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.multiDragDropContainer{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;padding:20px}.multiDragDropContainer h4{color:#333;font-weight:700;margin-bottom:20px}.multiDragGroupsContainer{align-items:flex-start;display:flex;flex-direction:row;gap:30px;justify-content:center}.multiDragGroup{position:relative}.groupVerticalLayout,.multiDragGroup{align-items:center;display:flex;flex-direction:column}.groupVerticalLayout{background-color:#fff;border:2px solid #ddd;border-radius:12px;gap:15px;padding:20px}.groupPieces{align-items:center;display:flex;flex-direction:column;gap:8px}.multiDragPiece{background-color:#00b894;border-radius:6px;color:#fff;font-size:14px;font-weight:700;min-width:80px;padding:8px 15px;text-align:center}.groupConnector{color:#666;font-size:24px;font-weight:700}.groupTarget .dropTarget{align-items:center;background-color:#e8f8f7;border:3px solid #00cec9;border-radius:8px;display:flex;justify-content:center;min-height:100px;min-width:100px}.targetImage{max-height:80px;max-width:80px;object-fit:contain}.itemImage{border-radius:4px;max-height:60px;max-width:60px;object-fit:contain}.horizontalGroupSeparator{background-color:#999;height:3px;margin:20px 0;width:100%}.noMultiDragData{color:#666;font-style:italic;text-align:center}.moderatorContainer{background-color:#f9f9f9;font-family:Arial Rounded MT Bold,sans-serif;padding:40px}.moderatorVideoBox{background:#000;border-radius:12px;height:240px;margin-bottom:20px;overflow:hidden;width:320px}.moderatorVideo{height:100%}.moderatorStats{font-size:1.2rem;margin-bottom:20px}.questionPreview{box-shadow:0 4px 10px #0000001a;margin-bottom:20px}.moderatorControls button{background-color:#00cec9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-right:10px;padding:10px 20px}.moderatorControls button:hover{background-color:#00b5b0}.quiz-container-with-badges{display:flex;flex-direction:column;gap:20px}.waiting-zone{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin-bottom:15px;padding:15px}.waiting-zone h5{color:#6c757d;font-size:.9rem;font-weight:600;margin:0 0 10px}.student-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.student-badge{animation:badgeAppear .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@keyframes badgeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.answer-option-with-badges{align-items:center;display:flex;flex-direction:column;gap:8px}.answer-option-with-badges .buttonStyle{width:100%}.no-waiting-students{color:#28a745;font-size:.85rem;font-style:italic}.dashboardLayout{display:flex;flex-direction:column;gap:30px}.dashboardTopRow{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.dashboardVideoAndStats{display:flex;flex:1 1 320px;flex-direction:column;gap:20px}.dashboardQuestionPreview{flex:2 1 500px}.dashboardBottomRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.questionCard{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;flex:1 1 120px;padding:10px;text-align:center}.moderatorDashboard{background-color:#f2f2f2;display:flex;font-family:Arial Rounded MT Bold,sans-serif;gap:30px;min-height:100vh;padding:20px}.dashboardTop{display:flex;flex:0 0 65%;flex-direction:column;min-width:600px}.moderatorVideoWrapper{align-items:flex-start}.moderatorSidePanel,.moderatorVideoWrapper{display:flex;flex-direction:column;gap:20px}.moderatorSidePanel{position:fixed;right:30px;top:30px;z-index:100}.moderatorVideoContainer{flex-shrink:0;height:140px;overflow:hidden}.moderatorQuestionContainer{flex:1 1;margin-top:-200px;max-height:100vh;overflow-y:auto;padding-left:20px;padding-right:350px;position:relative}.questionPreview{box-shadow:0 4px 12px #0000001a}.moderatorStatsContainer,.questionPreview{background:#fff;border-radius:12px;padding:20px}.moderatorStatsContainer{box-shadow:0 4px 10px #0000001a;min-width:150px}.dashboardBottom{display:flex;gap:20px;justify-content:center}.questionNavigation button{background-color:#00cec9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.questionNavigation button:hover{background-color:#00b5b0}.questionNumber{font-size:1.2rem;margin-bottom:10px}.questionPreviewBar{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding:15px}.previewQuestionCard{background-color:#e0f7fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#00796b;cursor:default;font-weight:700;min-width:80px;padding:10px 15px;text-align:center}.previewQuestionCard.correct{background-color:#c8e6c9;color:#2e7d32}.previewQuestionCard.incorrect{background-color:#ffcdd2;color:#c62828}.moderatorPreviewWrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-top:30px;padding:20px}.moderatorControlBar{display:flex;justify-content:flex-end;margin-bottom:20px}.startQuizButton{background-color:#ff6f61;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.startQuizButton:hover{background-color:#e85c4f}.previousQuestionButton{background-color:#74b9ff;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.previousQuestionButton:hover{background-color:#5a9cff}.previousQuestionButton:disabled{background-color:#bdc3c7;cursor:not-allowed}.previousQuestionButton:disabled:hover{background-color:#bdc3c7}.skipQuestionButton{background-color:#fdcb6e;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.skipQuestionButton:hover{background-color:#e6b95f}.previewQuestionImage{border-radius:8px;margin-top:5px;max-height:70px;max-width:80%;object-fit:contain}.moderator-quiz-box{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:-20px auto 0;max-width:800px;padding:30px;position:relative;z-index:5}.moderator-correct-highlight{background-color:#e8f5e8!important;border:3px solid #4caf50!important;box-shadow:0 0 15px #4caf504d!important;position:relative}.moderator-correct-highlight:after{background:#4caf50;border-radius:12px;color:#fff;content:"✓ RICHTIG";font-size:.8rem;font-weight:700;padding:4px 8px;position:absolute;right:-10px;top:-10px;z-index:10}.moderator-correct-answer{background:#f0f8ff;border-left:4px solid #2196f3;border-radius:8px;color:#1976d2;font-size:1.1rem;margin-top:30px;padding:15px}.questionManagerOverlay{align-items:flex-start;background:#0000;bottom:0;display:flex;left:320px;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (hover:none) and (pointer:coarse){.questionManagerOverlay{align-items:center;background:#00000080!important;justify-content:center;left:0!important;padding:40px 20px}.questionManagerPanel{margin:0 auto;max-height:85vh;max-width:90vw}}.questionManagerPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 0 1px #0000001a;max-height:90vh;overflow-y:auto;width:100%}.questionManagerHeader{align-items:center;background:#f8f9fa;border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.questionManagerHeader h2{color:#333;font-size:1.5rem;margin:0}.closeButton{-webkit-touch-callout:none;align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-user-select:none;width:35px}.closeButton:hover{background:#c00}.questionManagerContent{display:flex;flex-direction:column;gap:30px;padding:30px}.availableQuestionsSection,.currentSessionSection,.nextQuestionsSection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.availableQuestionsSection h3,.currentSessionSection h3,.nextQuestionsSection h3{color:#495057;font-size:1.2rem;margin:0 0 15px}.availableQuestionsList,.questionsList{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.availableQuestionItem,.questionItem{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.availableQuestionItem:hover,.questionItem:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.questionInfo{display:flex;flex:1 1;flex-direction:column;gap:5px}.questionNumber{font-size:.9rem}.questionText{color:#333;font-size:1rem;font-weight:500}.questionType{align-self:flex-start;background:#e9ecef;border-radius:12px;color:#6c757d;font-size:.8rem;padding:2px 8px}.addButton,.removeButton{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.removeButton{background:#dc3545}.removeButton:hover{background:#c82333}.addButton{background:#28a745}.addButton:hover{background:#218838}.questionPreviewList{display:flex;gap:15px;overflow-x:auto;padding:10px 0}.questionManagerButton{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-right:10px;padding:10px 20px;transition:background-color .2s ease}.questionManagerButton:hover{background-color:#5a6268}.student-answer-correct{background-color:#28a745!important;border:3px solid #1e7e34!important;box-shadow:0 0 15px #28a74580!important;color:#fff!important}.student-answer-wrong{background-color:#dc3545!important;border:3px solid #c82333!important;box-shadow:0 0 15px #dc354580!important;color:#fff!important}.student-answer-indicator{font-size:1.2rem;font-weight:700;margin-left:8px}.student-drag-answer{border-radius:8px;font-weight:700;margin-top:15px;padding:10px 15px;text-align:center}.student-drag-answer.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.student-drag-answer.wrong{background-color:#f8d7da;border:1px solid #f1b0b7;color:#721c24}.studentsVideoGrid{margin-bottom:30px;width:100%}.studentsVideoHeader{margin-bottom:15px}.studentsVideoHeader h3{color:#333;font-size:1.3rem;font-weight:700;margin:0}.studentsVideoGrid.studentsCount-1 .studentsVideoContainer{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:200px;justify-content:flex-start;margin:0;max-width:300px}.studentsVideoGrid.studentsCount-1 .studentVideoWrapper:not(:first-child){display:none}.studentsVideoGrid.studentsCount-2 .studentsVideoContainer{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:180px;margin:0;max-width:450px}.studentsVideoGrid.studentsCount-2 .studentVideoWrapper:nth-child(n+3){display:none}.studentsVideoGrid.studentsCount-0 .studentsVideoContainer,.studentsVideoGrid.studentsCount-3 .studentsVideoContainer,.studentsVideoGrid.studentsCount-4 .studentsVideoContainer{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:240px;margin:0;max-width:400px}.moderatorSection{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin-top:20px}.moderatorVideoContainer{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:10px;position:relative;width:160px}.moderatorVideo{background:#000;border-radius:6px;height:90px;object-fit:cover;width:100%}.moderatorVideoLabel{background:#000c;border-radius:3px;bottom:15px;color:#fff;font-size:.75rem;font-weight:700;left:15px;padding:2px 5px;position:absolute}.studentVideoWrapper{background:#f5f5f5;border:2px solid #0000;border-radius:8px;overflow:hidden;position:relative;transition:border-color .3s ease}.studentVideoWrapper.active{background:#000;border-color:#00cec9}.studentVideoWrapper.empty{background:#f9f9f9;border-color:#ddd}.studentVideo{height:100%;object-fit:cover;width:100%}.studentVideoLabel{background:#000000b3;border-radius:3px;bottom:5px;color:#fff;font-size:.8rem;font-weight:700;left:5px;padding:2px 6px;position:absolute}.emptySlot{align-items:center;color:#999;display:flex;font-size:.9rem;font-style:italic;height:100%;justify-content:center}.moderatorStatsContainer{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;max-width:200px;min-width:180px;padding:12px}.moderatorStatsContainer p{color:#333;font-size:.85rem;margin:4px 0}.questionNumber{color:#007bff;font-weight:700}@media (hover:none) and (pointer:coarse){.addButton,.moderatorControls button,.previousQuestionButton,.questionNavigation button,.removeButton,.skipQuestionButton,.startQuizButton{-webkit-touch-callout:none;font-size:1rem;min-height:44px;min-width:44px;padding:12px 16px;touch-action:manipulation;-webkit-user-select:none}.availableQuestionItem,.questionItem{margin-bottom:12px;padding:16px}.questionManagerHeader h2{font-size:1.3rem}.previewQuestionText,.questionText{font-size:1rem;line-height:1.4}.newModeratorLayout .studentsVideoGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin-bottom:0!important;max-width:none!important;width:100%!important}.newModeratorLayout .studentsVideoGrid .studentsVideoContainer{display:contents!important}.newModeratorLayout .studentsVideoGrid.studentsCount-0,.newModeratorLayout .studentsVideoGrid.studentsCount-1,.newModeratorLayout .studentsVideoGrid.studentsCount-2,.newModeratorLayout .studentsVideoGrid.studentsCount-3,.newModeratorLayout .studentsVideoGrid.studentsCount-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;max-width:none!important;width:100%!important}.newModeratorLayout .studentsVideoGrid.studentsCount-0 .studentsVideoContainer,.newModeratorLayout .studentsVideoGrid.studentsCount-1 .studentsVideoContainer,.newModeratorLayout .studentsVideoGrid.studentsCount-2 .studentsVideoContainer,.newModeratorLayout .studentsVideoGrid.studentsCount-3 .studentsVideoContainer,.newModeratorLayout .studentsVideoGrid.studentsCount-4 .studentsVideoContainer{display:contents!important}}.availableQuestionItem.deactivated{background-color:#f5f5f5;border:2px dashed #ccc;opacity:.6}.statusBadge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:4px 8px}.statusBadge.active{background-color:#4caf50;color:#fff}.statusBadge.deactivated{background-color:#f44336;color:#fff}.questionActions{align-items:center;display:flex;gap:8px}.reactivateButton{background-color:#ff9800!important;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background-color .3s}.reactivateButton:hover{background-color:#f57c00!important}.addButton{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background-color .3s}.addButton:hover{background-color:#45a049}.removeButton{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background-color .3s}.removeButton:hover{background-color:#da190b}