body{font-family:Inter,Arial,sans-serif;background:#fafafc;color:#222;margin:0;padding:0}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:left}.welcome-box{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;padding:3rem 3.5rem 2.5rem;max-width:1540px;margin:auto;text-align:center}.intervue-badge{display:inline-block;background:#7c3aed;color:#fff;font-size:.75rem;font-weight:400;box-shadow:0 2px 8px #7c3aed14}.welcome-title{font-size:2.2rem;font-weight:500;margin-bottom:.5rem;letter-spacing:-1px}.welcome-title strong{font-weight:700}.welcome-desc{color:#6b7280;font-size:1.08rem;margin-bottom:2.2rem;max-width:600px}.role-cards{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.2rem}.role-card{background:#fff;border:2px solid #E5E7EB;border-radius:12px;padding:1.2rem 1.5rem;width:220px;cursor:pointer;transition:border .2s,box-shadow .2s;text-align:left;box-shadow:0 2px 8px #3b82f608}.role-card.selected{border:2px solid #6366F1;box-shadow:0 2px 12px #6366f11f}.role-card.disabled{background:#f3f4f6;border:2px solid #d1d5db;cursor:not-allowed!important;opacity:.6}.role-card.disabled .role-card-title,.role-card.disabled .role-card-desc{color:#9ca3af}.role-card-title{font-weight:600;font-size:1.15rem;margin-bottom:.5rem;color:#222}.role-card-desc{color:#6b7280;font-size:.97rem}.continue-btn{background:linear-gradient(90deg,#6366f1,#3b82f6);color:#fff;border:none;border-radius:24px;padding:.7rem 2.5rem;font-size:1.1rem;font-weight:500;cursor:pointer;margin-top:1.5rem;box-shadow:0 2px 8px #3b82f614;transition:background .2s}.continue-btn:disabled{background:#a5b4fc;cursor:not-allowed}@media (max-width: 700px){.welcome-box{padding:1.2rem .5rem;max-width:98vw}.role-cards{flex-direction:column;gap:1rem}.role-card{width:100%}}.teacher-container{display:block;background:#fff;margin:auto}.teacher-option-item{display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem;padding:.3rem;border-radius:8px;border:1px solid #eee;background:#fff;transition:all .3s ease}.teacher-option-item.correct-answer{border:2px solid #10B981;background:#f0fdf4;box-shadow:0 2px 8px #10b9811a}ntervue-badge{font-size:1.1rem;font-weight:600;color:#7367f0;display:flex;align-items:center}.teacher-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.teacher-desc{font-size:1.1rem;color:#555;margin-bottom:.4rem}.teacher-form{background:#fff;border-radius:12px;max-width:900px;margin:0 auto}.teacher-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-style:bold}.teacher-label{font-size:1rem;font-weight:500;color:#222;font-style:bold}.poll-info{display:flex;justify-content:space-between;margin-bottom:.3rem;padding:.3rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#666;font-style:bold}.teacher-timer-dropdown{position:relative}.timer-btn{background:#f3f4f6;color:#222;border:none;border-radius:20px;padding:.3rem .5rem;font-size:1rem;cursor:pointer}.timer-dropdown-list{position:absolute;top:.2rem;right:0;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #3b82f614;z-index:10;min-width:140px}.timer-dropdown-item{padding:.3rem .5rem;cursor:pointer;font-size:1rem;color:#222}.timer-dropdown-item.selected{background:#7367f0;color:#fff}.teacher-question-input{width:100%;font-size:1.1rem;padding:.3rem;border-radius:8px;border:1px solid #eee;margin-bottom:.3rem;resize:none;background:#f2f2f2}.teacher-char-count{font-size:.9rem;color:#888;margin-bottom:.5rem;text-align:right}.teacher-options-row{display:flex;align-items:center;margin-bottom:.3rem;gap:.5rem;color:#f2f2f2}.teacher-option-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.teacher-option-index{font-size:1rem;font-weight:600;color:#7367f0;width:32px;text-align:center}.teacher-option-input{flex:1;padding:.5rem .8rem;border-radius:8px;border:1px solid #eee;font-size:1rem;background:#f2f2f2}.teacher-option-correct{display:flex;gap:1rem;width:180px;justify-content:center}.radio-label{font-size:1rem;color:#222;cursor:pointer;padding:.2rem .8rem;border-radius:16px;border:1px solid #eee;background:#f3f4f6;display:flex;align-items:center;gap:.3rem}.radio-label.selected{background:#7367f0;color:#fff;border:1px solid #7367F0}.add-option-btn{background:#f3f4f6;color:#7367f0;border:none;border-radius:20px;padding:.5rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;margin-bottom:1rem}.teacher-bottom-bar{display:block!important;position:fixed!important;bottom:0!important;right:0!important;z-index:9999!important;background:transparent!important;padding:30px!important;border:none!important;margin:0!important}.ask-question-btn{position:fixed!important;bottom:30px!important;right:30px!important;background:#7367f0!important;color:#fff!important;border-radius:50px!important;padding:15px 25px!important;font-size:16px!important;font-weight:600!important;border:none!important;box-shadow:0 8px 25px #7367f04d!important;cursor:pointer!important;z-index:9999!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:block!important;visibility:visible!important;opacity:1!important;min-width:150px!important;text-align:center!important}.ask-question-btn:hover{background:#5b51d8!important;transform:translateY(-3px)!important;box-shadow:0 12px 35px #7367f066!important}.ask-question-btn:disabled{background:#a0aec0!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 4px 15px #0000001a!important}.poll-results-section{display:flex;flex-direction:column;align-items:center;margin-top:48px}.poll-history-question{margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-align:left;width:100%;max-width:500px}.poll-card{margin:0 auto;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #3b82f614;padding:0;overflow:hidden;width:500rem}.poll-card-header{background:#444;color:#fff;font-size:1.1rem;font-weight:600;border-radius:12px 12px 0 0;padding:.8rem 1rem;margin-bottom:0}.poll-card-options{display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.poll-card-option-row{display:flex;align-items:center;background:#f6f6f6;border-radius:8px;padding:.5rem .8rem;position:relative;min-height:38px}.poll-card-option-index{font-size:1rem;font-weight:600;color:#7367f0;width:32px;text-align:center}.poll-card-option-bar-wrap{flex:1;background:#eaeaea;border-radius:8px;overflow:hidden;margin:0 .8rem;position:relative;height:38px;display:flex;align-items:center}.poll-card-option-bar{height:38px;display:flex;align-items:center;border-radius:8px;font-weight:500;background:#7367f0;transition:width .4s;min-width:0}.poll-card-option-text{position:absolute;left:1rem;top:25%;transform:translateY(-50%);font-size:1rem;color:#333;font-weight:500;z-index:2}.poll-card-option-percent{font-size:1rem;font-weight:600;color:#444;width:56px;text-align:right}.poll-results-actions{display:none}.chat-popup-btn{position:fixed;bottom:110px;right:30px;background:#7367f0;color:#fff;border-radius:50%;width:60px;height:60px;font-size:24px;border:none;box-shadow:0 4px 15px #7367f04d;cursor:pointer;z-index:9998;transition:all .3s ease}.chat-popup-btn:hover{background:#5b51d8;transform:scale(1.1);box-shadow:0 6px 20px #7367f066}.view-history-btn{position:fixed;top:2rem;right:2rem;background:#7367f0;color:#fff;border-radius:24px;padding:.6rem 1.6rem;font-size:1rem;font-weight:500;border:none;box-shadow:0 4px 15px #7367f04d;cursor:pointer;z-index:999;transition:all .3s ease}.view-history-btn:hover{background:#5b51d8;transform:translateY(-2px);box-shadow:0 6px 20px #7367f066}.poll-history-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffffa;z-index:1000;overflow-y:auto}.close-history-btn{position:absolute;top:2rem;right:2rem;background:#fff;color:#7367f0;border-radius:24px;padding:.6rem 1.6rem;font-size:1rem;font-weight:500;border:2px solid #7367F0;cursor:pointer}.floating-ask-btn{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#7367f0,#9333ea);color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #7367f04d;z-index:1000;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px}.floating-ask-btn:hover{background:linear-gradient(135deg,#5b51d8,#7c3aed);transform:translateY(-3px);box-shadow:0 6px 25px #7367f066}.floating-ask-btn .plus-icon{font-size:1.2rem;font-weight:700}.floating-ask-btn .btn-text{font-size:.95rem}.poll-history-container{max-width:700px;margin:40px auto;padding-bottom:2rem}.poll-history-title{font-size:2rem;font-weight:500;margin-bottom:2.5rem;letter-spacing:-1px}.poll-history-title strong{font-weight:700}.poll-history-block{margin-bottom:2.5rem}.no-polls-message,.no-options-message{text-align:center;color:#666;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:8px;margin:1rem 0}.poll-history-question{font-size:1.15rem;font-weight:600;margin-bottom:.7rem}.poll-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #3b82f614;border:1.5px solid #E5E7EB;padding-bottom:1.2rem;margin-bottom:1rem}.poll-card-header{background:linear-gradient(90deg,#444 60%,#888);color:#fff;font-size:1.08rem;font-weight:500;border-radius:12px 12px 0 0;padding:.8rem 1.2rem}.poll-card-options{padding:1.2rem 1.2rem .2rem}.poll-card-option-row{display:flex;align-items:center;margin-bottom:.7rem;background:#f7f8fa;border-radius:8px;position:relative;height:40px;border:1.5px solid #7367F0}.poll-card-option-index{width:32px;height:32px;background:#7367f0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-left:8px;margin-right:12px}.poll-card-option-bar-wrap{flex:1;height:100%;display:flex;align-items:center;position:relative}.poll-card-option-bar{height:100%;border-radius:8px;display:flex;align-items:center;padding-left:16px;color:#fff;font-weight:500;font-size:1rem;transition:width .4s;background:#7367f0;position:absolute;left:0;top:0}.poll-card-option-text{position:relative;z-index:2}.poll-card-option-percent{width:60px;text-align:right;font-weight:600;font-size:1rem;color:#222;margin-right:12px;margin-left:12px;z-index:2}@media (max-width: 700px){.poll-history-container{padding:0 .5rem}.poll-card-header,.poll-card-options{padding-left:.5rem;padding-right:.5rem}}.chat-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-popup{background:#fff;border-radius:12px;box-shadow:0 4px 24px #3b82f626;width:400px;height:500px;display:flex;flex-direction:column;position:relative}.chat-popup-tabs{display:flex;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:12px 12px 0 0}.chat-popup-tab{flex:1;text-align:center;padding:1rem 0;cursor:pointer;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s}.chat-popup-tab.active{color:#7367f0;border-bottom:3px solid #7367F0;background:#fff}.chat-popup-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-popup-chat{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.no-messages{text-align:center;color:#888;font-style:italic;margin-top:2rem}.chat-popup-msg{display:flex;flex-direction:column;gap:.3rem}.chat-popup-msg.teacher{align-items:flex-end}.chat-popup-msg.student{align-items:flex-start}.chat-popup-user{font-size:.75rem;color:#666;font-weight:500}.chat-popup-bubble{max-width:80%;padding:.6rem 1rem;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word}.chat-popup-time{font-size:.7rem;color:#999}.chat-input-form{display:flex;padding:1rem;border-top:1px solid #eee;gap:.5rem}.chat-input{flex:1;padding:.7rem 1rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;outline:none}.chat-input:focus{border-color:#7367f0}.chat-send-btn{background:#7367f0;color:#fff;border:none;border-radius:20px;padding:.7rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:#5f4fd8}.chat-send-btn:disabled{background:#ccc;cursor:not-allowed}.chat-popup-participants{padding:1rem;height:100%;overflow-y:auto}.no-participants{text-align:center;color:#888;font-style:italic;margin-top:2rem}.chat-popup-participants table{width:100%;border-collapse:collapse}.chat-popup-participants th,.chat-popup-participants td{padding:.8rem;text-align:left;border-bottom:1px solid #eee}.chat-popup-participants th{background:#f8f9fa;font-weight:600;color:#444}.kick-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.9rem;text-decoration:underline}.kick-btn:hover{color:#c82333}.student-container{min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;max-width:1540px}.intervue-badge{background:#7367f0;color:#fff;font-size:1rem;font-weight:600;border-radius:16px;padding:.4rem 1.2rem;margin-bottom:2rem;display:inline-flex;align-items:center;box-shadow:0 2px 8px #3b82f61f}.student-form{background:none;box-shadow:none;border-radius:0;padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.student-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.student-desc{font-size:1.1rem;color:#555;margin-bottom:2rem;text-align:center;max-width:600px}.student-label{font-size:1rem;font-weight:500;color:#222;margin-bottom:.5rem;align-self:flex-start;padding-left:6rem;font-style:bold}.student-name-input{width:65%;font-size:1.1rem;padding:.8rem;border-radius:8px;border:1px solid #eee;margin-bottom:2rem;background:#f6f6f6}.student-continue-btn{background:linear-gradient(90deg,#7367f0,#6a82fb);color:#fff;border-radius:24px;padding:.8rem 2.2rem;font-size:1rem;font-weight:500;border:none;box-shadow:0 2px 8px #3b82f61f;cursor:pointer;margin-top:1rem}.student-poll-form{width:600px;margin:0 auto;background:none;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:stretch}.student-poll-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.student-poll-qno{font-size:1.2rem;font-weight:700;color:#222}.student-poll-timer{font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.student-poll-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #3b82f614;border:1px solid #eee;padding:0;overflow:hidden}.student-poll-card-header{background:#444;color:#fff;font-size:1.1rem;font-weight:600;border-radius:12px 12px 0 0;padding:.8rem 1rem;margin-bottom:0}.student-poll-options{display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.student-poll-option{display:flex;align-items:center;background:#f6f6f6;border-radius:8px;padding:.5rem .8rem;position:relative;min-height:38px;border:2px solid transparent;cursor:pointer;transition:border .2s;border:2px solid rgb(184,176,176)}.student-poll-option.selected{border:2px solid #7367F0;background:#f9f7ff}.student-poll-option-index{font-size:1rem;font-weight:600;color:#7367f0;width:32px;text-align:center;margin-right:1rem;background:#ece9fc;border-radius:50%;height:32px;display:flex;align-items:center;justify-content:center}.student-poll-option-text{font-size:1rem;color:#222}.student-poll-actions{display:flex;justify-content:center;margin-top:2rem}.student-submit-btn{position:fixed;background:linear-gradient(90deg,#7367f0,#6a82fb);color:#fff;border-radius:24px;padding:.8rem 2.2rem;font-size:1rem;font-weight:500;border:none;box-shadow:0 2px 8px #3b82f61f;cursor:pointer;margin-top:1rem}.student-results{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #3b82f614;padding:2rem;text-align:center}.student-loader{margin:2rem 0 1.5rem;display:flex;justify-content:center}.student-spinner{width:48px;height:48px;border:5px solid #ece9fc;border-top:5px solid #7367F0;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.student-waiting{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.student-waiting-text{font-size:1.4rem;font-weight:600;color:#222;text-align:center;margin-top:.5rem}.student-poll-results-section{display:flex;flex-direction:column;align-items:center;margin-top:48px}.student-poll-result-row{display:flex;align-items:center;background:#f6f6f6;border-radius:8px;padding:.5rem .8rem;position:relative;min-height:38px;margin-bottom:.7rem}.student-poll-result-bar-wrap{flex:1;background:#eaeaea;border-radius:8px;overflow:hidden;margin:0 .8rem;position:relative;height:38px;display:flex;align-items:center}.student-poll-result-bar{height:38px;display:flex;align-items:center;border-radius:8px;padding-left:1rem;font-weight:500;color:#fff;transition:width .4s;background:#7367f0}.student-poll-result-percent{font-size:1rem;font-weight:600;color:#444;width:56px;text-align:right}.student-poll-wait-msg{font-size:1.3rem;font-weight:700;color:#222;text-align:center;margin-top:2rem;margin-bottom:2rem}.student-kicked-title{font-size:2rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;text-align:center}.student-kicked-desc{font-size:1.1rem;color:#888;text-align:center;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}