body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{margin:2rem auto;max-width:900px;padding:0 1rem;text-align:center}.App-header{background:linear-gradient(45deg,#007bff,#00d4ff);border-radius:12px;box-shadow:0 10px 20px #007bff33;color:#fff;margin-bottom:2rem;padding:2rem}.App-header h1{font-size:2.5rem;margin:0}.App-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}main{width:100%}.error-message{background-color:#ffebee;border:1px solid #c62828;color:#c62828;margin-top:1.5rem;padding:1rem}.error-message,.waiting-room{border-radius:8px;text-align:center}.waiting-room{animation:fadeIn .5s;background:#fff;box-shadow:0 4px 15px #00000014;padding:2rem}.host-dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:2rem;padding:2rem}@media (min-width:900px){.host-dashboard{flex-direction:row}}.question-panel{border-right:1px solid #eee;flex:2 1;padding-right:2rem}.question-panel h3{color:#666;font-weight:600}.question-panel h2{font-size:1.75rem;line-height:1.4;margin-bottom:2rem}.options-preview{grid-gap:1rem;display:grid;gap:1rem}.option-preview{border:2px solid #ddd;border-radius:8px;padding:1rem}.option-preview.correct{background-color:#e9f7ef;border-color:#28a745;font-weight:600;position:relative}.option-preview.correct:after{color:#28a745;content:"✔";font-weight:700;position:absolute;right:1rem}.status-panel{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.status-item{background:#f8f9fa;border-radius:8px;padding:1rem}.status-item>span:first-child{display:block;font-weight:600;margin-bottom:.5rem}.timer-display{color:#007bff;font-size:2.5rem;font-weight:700;text-align:center}.progress-bar-container{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(45deg,#28a745,#20c997);height:100%;transition:width .3s ease}.progress-text{display:block;font-weight:600;margin-top:.5rem;text-align:center}.participants ul{list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0}.participants li{padding:.3rem 0;transition:color .3s}.participants li.answered{color:#28a745;font-weight:600}.participants li.answered:after{content:" ✓"}.host-controls{border-top:1px solid #eee;display:flex;gap:1rem;margin-top:auto;padding-top:1rem}.host-controls button{background-color:#6c757d;width:100%}.host-controls .end-btn{background-color:#dc3545}.distribution-chart{margin-top:2rem;width:100%}.distribution-chart h4{color:#4a4a4a;font-weight:600;margin-bottom:1rem;text-align:center}.bar-item{align-items:center;display:flex;margin-bottom:.75rem}.bar-label{color:#555;font-size:.9rem;font-weight:500;padding-right:1rem;text-align:right;width:25%}.bar-wrapper{background-color:#e0e0e0;border-radius:4px;flex-grow:1;height:28px;overflow:hidden}.bar{background:linear-gradient(90deg,#6265f7,#9863ff);border-radius:4px;height:100%;transition:width .3s ease-in-out}.bar-count{color:#333;font-weight:700;padding-left:1rem;text-align:left;width:15%}.quiz-review,.quiz-review-container{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:900px;padding:1rem 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-review-container{background-color:#f4f7f9}.review-header{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.review-header h2{color:#333;font-size:2.2rem;margin:0 0 .5rem}.review-header p{color:#6c757d;font-size:1.1rem;margin:0}.room-code-display{background-color:#007bff;border-radius:8px;color:#fff;font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:2px;margin-left:.5rem;padding:.4rem .9rem}.questions-list{margin-top:1.5rem}.question-editor{background:#fff;border:1px solid #dcdcdc;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-header h4{color:#007bff;font-size:1.4rem;margin:0}.question-header button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.question-header button:disabled{cursor:not-allowed;opacity:.6}.question-header button:hover:not(:disabled){background-color:#c82333}.question-editor textarea.question-input{background-color:#f8f9fa;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:1rem;padding:.8rem;resize:none;width:100%}.options-review-list{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.options-review-list,.question-editor,.review-header,.review-option-item{word-wrap:break-word}.review-option-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.8rem}.review-option-item.correct{background-color:#d4edda;border-color:#28a745;color:#155724;font-weight:600}.review-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.review-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:background-color .3s ease}.approve-btn{background-color:#28a745;color:#fff}.approve-btn:hover:not(:disabled){background-color:#218838}.regenerate-btn{background-color:#ffc107;color:#212529}.regenerate-btn:hover:not(:disabled){background-color:#e0a800}.approve-btn:disabled,.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.regenerate-btn:disabled{background-color:#ffe8a1}.regenerate-btn:active{transform:scale(.98)}.approve-btn,.regenerate-btn{-webkit-user-select:none;user-select:none}.regenerate-question-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.regenerate-question-btn:hover:not(:disabled){background-color:#c82333}.regenerate-question-btn:disabled{cursor:not-allowed;opacity:.6}.review-card{background:#fff;border-left:5px solid #17a2b8;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.review-card h4{font-size:1.2rem;line-height:1.5;margin-top:0}.options-review{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.review-option{background-color:#3a3f5c;border:1px solid #4a5070;border-radius:8px;color:#f0f0f0;font-weight:500;margin:8px 0;padding:12px 15px;transition:all .2s ease}.review-option.correct{background-color:#27ae60;border-color:#27ae60;color:#fff;font-weight:700}.review-option.incorrect{background-color:#e74c3c;border-color:#e74c3c;color:#fff;font-weight:700;text-decoration:line-through}.explanation{border-top:1px dashed #eee;color:#555;font-size:.95rem;line-height:1.6;margin-top:1rem;padding-top:1rem}.host-view{display:flex;flex-direction:column;gap:2rem;text-align:left}@media (min-width:768px){.host-view{flex-direction:row}}.lobby-info,.quiz-setup{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;flex:1 1;padding:1.5rem}.lobby-info h2,.quiz-setup h3{margin-top:0}.room-code-display{background-color:#e9ecef;border-radius:4px;color:#c7254e;font-family:monospace;font-size:1.2rem;padding:.2rem .8rem}.lobby-info ul{list-style-type:none;padding:0}.lobby-info li{background:#f8f9fa;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.quiz-setup form,.timer-setup{display:flex;flex-direction:column;gap:1rem}.quiz-setup input,.quiz-setup select{border:1px solid #ccc;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem}.timer-setup{border-top:1px dashed #ccc;margin-top:1rem;padding-top:1rem}.timer-setup label{color:#333;font-weight:600}.start-quiz-btn{background:linear-gradient(45deg,#28a745,#20c997)!important;color:#fff!important;font-weight:700;margin-top:1rem;width:100%}.start-quiz-btn:hover{box-shadow:0 4px 10px #28a7454d!important;transform:translateY(-2px)}.file-quiz-setup{background:#f7fafd;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #1a355f12;margin-top:2.5rem;max-width:540px;padding:1.75rem 2rem}.file-quiz-setup h3{color:#145889;font-family:Segoe UI Semibold,Segoe UI,Arial,sans-serif;font-size:1.14rem;letter-spacing:.04em;margin-bottom:1.2rem;margin-top:0}.file-quiz-setup form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:.5rem}.file-quiz-setup input[type=file]{flex-basis:100%;margin-bottom:8px}.file-quiz-setup input[type=number],.file-quiz-setup input[type=text],.file-quiz-setup select{background:#fafdff;border:1px solid #dde7ee;border-radius:7px;flex:1 0 135px;font-size:1rem;padding:7px 11px;transition:border .2s}.file-quiz-setup input:focus,.file-quiz-setup select:focus{border-color:#71afd1;outline:none}.file-quiz-setup button[type=submit]{background:linear-gradient(90deg,#2397c8 75%,#62b6bb 98%);border:none;border-radius:7px;box-shadow:0 1px 2px #243b7514;color:#fff;cursor:pointer;flex-basis:100%;font-family:inherit;font-size:1.01rem;font-weight:600;margin-top:5px;padding:.7rem 0;transition:background .2s}.file-quiz-setup button[disabled]{background:#eef3f7;color:#9eb9c9;cursor:not-allowed}.file-upload-error{background:#ffe4e8;border:1px solid #eca7ba;border-radius:7px;color:#d81d44;font-size:.96rem;margin:.6rem 0 .3rem;padding:6px 9px}.file-quiz-preview{background:#f9fcfd;border-left:3px solid #2397c8;border-radius:6px;font-size:.99rem;margin:1.1rem 0 0;padding:1rem 1.4rem 1rem 1.1rem}.file-quiz-preview h4{color:#218abd;font-size:1.08rem;margin-bottom:.6rem;margin-top:0}.file-quiz-preview ol{margin:0 0 .8rem;padding-left:1.3rem}.file-quiz-preview li strong{color:#206882}.file-quiz-preview button{background:linear-gradient(90deg,#63ba37 70%,#70dc88 98%);border:none;border-radius:6px;box-shadow:0 1px 2px #243b750d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.7rem;padding:.53rem 1.1rem}.file-quiz-preview button:hover{background:linear-gradient(90deg,#47a11a 70%,#278a55 98%)}.participant-view{animation:fadeIn .5s;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:500px;padding:2.5rem;text-align:center}.participant-view h2{font-size:1.5rem;margin-top:0}.participant-view .room-code-display{background-color:#e9ecef;border-radius:4px;color:#c7254e;font-family:monospace;padding:.2rem .8rem}.participant-view p{color:#666;font-style:italic;margin-top:1rem}.participant-list-container{margin-top:2rem;text-align:left}.participant-list-container h3{border-bottom:1px solid #eee;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.participant-list{list-style:none;max-height:200px;overflow-y:auto;padding:0}.participant-list-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.participant-list-item .avatar{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:30px;justify-content:center;width:30px}.participant-list-item .name{font-weight:600}.interactive-quiz{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:700px;padding:2rem}.quiz-header{border-bottom:1px solid #eee;color:#555;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.quiz-header,.timer{align-items:center;display:flex}.timer{background:#dc3545;border-radius:50%;box-shadow:0 4px 10px #dc35454d;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.interactive-quiz h2{font-size:1.75rem;line-height:1.4;margin-bottom:2rem;text-align:center}.options-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:600px){.options-container{grid-template-columns:1fr 1fr}}.option-btn{background-color:initial;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem;text-align:left;transition:all .2s;width:100%}.option-btn:hover:not(:disabled){background-color:#f0f8ff;border-color:#007bff}.option-btn.selected{background-color:#007bff;border-color:#0056b3;color:#fff}.option-btn:disabled{cursor:not-allowed;opacity:.7}.feedback{animation:fadeIn .3s;color:#28a745;color:#aeb8c4;font-style:italic;font-weight:600;height:20px;margin-top:2rem;margin-top:1.5rem;text-align:center}.progress-indicator{background-color:#0003;border-radius:20px;bottom:20px;color:#fff;font-size:.9rem;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.leaderboard{animation:fadeIn .5s;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center}.leaderboard h2{color:#007bff;font-size:2.5rem;margin-top:0}.leaderboard-list{list-style:none;margin:2rem auto;max-width:500px;padding:0}.leaderboard-list li{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:1.2rem;margin-bottom:.5rem;padding:1rem;transition:transform .2s}.leaderboard-list li:hover{transform:scale(1.02)}.leaderboard-list li:first-child{background:gold;color:#333}.leaderboard-list li:nth-child(2){background:silver;color:#333}.leaderboard-list li:nth-child(3){background:#cd7f32;color:#fff}.rank{font-size:1.5rem;font-weight:700;margin-right:1.5rem}.name{flex-grow:1;font-weight:600;text-align:left}.score{font-weight:700}.leaderboard.live{background-color:#f0f2f5;box-shadow:none}.correct-answer-reveal{background:#e9f7ef;border-radius:8px;color:#28a745;font-size:1.2rem;font-weight:600;margin:-1rem 0 1.5rem;padding:.5rem}.next-question-timer{color:#666;font-style:italic}.final-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.final-buttons button{background-color:#6c757d}.final-buttons button:hover{background-color:#5a6268}.final-buttons button:first-child{background:#007bff}.final-buttons button:first-child:hover{background:#0056b3}.answer-recap{background-color:#fff;border-bottom:4px solid #6c63ff;border-radius:12px;box-shadow:0 4px 15px #00000012;display:flex;justify-content:space-around;margin:1rem auto 2.5rem;max-width:600px;padding:1.25rem;width:100%}.recap-item{color:#555;font-size:1.1rem}.recap-item span{color:#333;font-weight:700}.recap-item.correct span{color:#27ae60}.recap-item.incorrect span{color:#e74c3c}.loader-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d;color:#555;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:2rem}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-page{width:100%}.lobby-container{align-items:center;display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.lobby-container{align-items:stretch;flex-direction:row}}.create-section,.join-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;width:100%}.divider{color:#aaa;font-size:1.2rem;font-weight:700}.create-section h3,.join-section h3{color:#333;margin-top:0}.join-section form{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}input[type=text]{border:1px solid #ccc;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:.8rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}button:hover{background-color:#0056b3;box-shadow:0 4px 10px #007bff33;transform:translateY(-2px)}
/*# sourceMappingURL=main.8a423a9e.css.map*/