.app{justify-content:center;align-items:center;text-align:center;min-height:100vh}.app-header{background-color:#282c34;padding:20px;color:#fff}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;max-width:1200px;padding:20px}.role-buttons{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.role-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-width:200px;height:200px;text-decoration:none;color:#282c34;background-color:#f0f0f0;border-radius:10px;transition:all .3s ease;font-size:1.2rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.role-button:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003;background-color:#e0e0e0}.role-button .icon{font-size:3rem;margin-bottom:1rem;color:#61dafb}@media (max-width: 768px){h1{font-size:1.5rem}h2{font-size:1.3rem}.role-button{min-width:150px;height:150px;font-size:1rem}.role-button .icon{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#fff;color:#333}#pollQuestion{color:#7051de;margin-top:10px;padding-top:10px}.option-input{color:#000;padding:10px}.teacher-container{max-width:900px;margin:40px auto;padding:20px;background-color:#fff;box-shadow:none;border:none;color:#000}.intervue-header{display:flex;align-items:center;margin-bottom:10px}.intervue-logo{display:flex;align-items:center;background-color:#7051de;color:#fff;padding:8px 12px;border-radius:20px;font-weight:600;font-size:14px;margin-bottom:20px}.intervue-logo svg{margin-right:6px}.teacher-container h1{font-size:36px;font-weight:700;margin-bottom:15px;color:#000}.teacher-container p{font-size:16px;color:#666;margin-bottom:40px;line-height:1.5}.question-section{margin-bottom:20px}.question-section label{font-size:18px;font-weight:600;display:block;margin-bottom:15px}.question-input{width:100%;padding:15px;background-color:#f4f4f4;border:none;border-radius:5px;margin-bottom:20px;font-size:16px}.timer-dropdown{display:inline-block;position:relative;background-color:#f4f4f4;padding:10px 15px;border-radius:5px;font-size:16px;margin-bottom:20px;float:right}.timer-dropdown select{border:none;background:transparent;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px}.timer-dropdown:after{content:"▼";position:absolute;right:10px;color:#666;font-size:10px}.options-section{margin-top:30px}.option-item{background-color:#f4f4f4;padding:15px;border-radius:5px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.option-number{width:30px;height:30px;background-color:#7051de;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:15px}.option-input{flex-grow:1;border:none;background-color:transparent;font-size:16px}.correctness-section{display:flex;align-items:center}.correctness-option{display:flex;align-items:center;margin-right:20px}.radio-custom{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;display:inline-block;position:relative;margin-right:8px}.radio-custom.selected{border-color:#7051de}.radio-custom.selected:after{content:"";width:12px;height:12px;background-color:#7051de;border-radius:50%;position:absolute;top:2px;left:2px}.add-option-btn{display:flex;align-items:center;justify-content:center;font-size:16px;color:#7051de;border:2px solid #7051DE;background-color:transparent;border-radius:20px;padding:10px 20px;cursor:pointer;margin-top:20px;font-weight:600}.add-option-btn svg{margin-right:8px}.character-counter{text-align:right;margin-top:-10px;margin-bottom:20px;color:#666;font-size:14px}.create-btn{background-color:#7051de;color:#fff;border:none;border-radius:5px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px}@media (max-width: 768px){.teacher-container{padding:15px;margin:20px auto}.timer-dropdown{float:none;display:block;width:100%;text-align:center}}body{background-color:#fff;font-family:sans-serif;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:4rem}.student-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000014;padding:2rem;width:100%;max-width:500px;margin:0 auto;box-sizing:border-box}.registration-form{max-width:400px;margin:2rem auto;text-align:center}.registration-form h2{color:#333;margin-bottom:1.5rem}.form-group{color:#000;margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}.register-btn{background:linear-gradient(to right,#8e44ad,#9b59b6);color:#fff;border:none;border-radius:25px;padding:.8rem 2rem;cursor:pointer;font-size:1rem;font-weight:500;width:auto;margin-top:1.5rem;transition:background .3s ease}.register-btn:hover{background:linear-gradient(to right,#803b9c,#8c4bad)}.poll-section{margin-top:1rem}.poll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.poll-header .question-number{font-size:1.2rem;font-weight:700;color:#333}.poll-header .timer{background-color:transparent;color:#e74c3c;padding:0;border-radius:0;font-weight:700;font-size:1.1rem;margin-bottom:0;display:inline-block}.poll-question{background-color:#4a4a4a;color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;font-size:1.1rem;text-align:center}.options-area{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.options-container{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;background-color:#fff;position:relative}.option-item:hover{background-color:#f5f5f5;border-color:#ccc}.option-item.selected{border-color:#8e44ad;background-color:#f4e8f7;box-shadow:0 0 0 1px #8e44ad}.option-item input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;width:0;opacity:0;position:absolute}.option-item .option-number{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background-color:#e0e0e0;color:#555;font-weight:500;font-size:.9rem;flex-shrink:0}.option-item.selected .option-number{background-color:#8e44ad;color:#fff}.option-item label{cursor:pointer;flex-grow:1;color:#333}.submit-btn{background:linear-gradient(to right,#8e44ad,#9b59b6);color:#fff;border:none;border-radius:25px;padding:.8rem 2.5rem;cursor:pointer;font-size:1rem;font-weight:500;display:block;margin:1.5rem auto 0;width:auto;transition:background .3s ease}.submit-btn:hover{background:linear-gradient(to right,#803b9c,#8c4bad)}.submit-btn:disabled{background:#cccccc;cursor:not-allowed}.waiting-poll{text-align:center;padding:3rem 0;color:#7f8c8d;font-style:italic}.results-section{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-top:1.5rem;color:#000}.results-section h3{text-align:center;margin-bottom:1.5rem;color:#333}.results-container{display:flex;flex-direction:column;gap:1rem}.result-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:#555}.result-label span:first-child{font-weight:500}.progress-bar{background-color:#e9ecef;border-radius:4px;height:10px;overflow:hidden}.progress-fill{background-color:#adb5bd;height:100%;border-radius:4px;transition:width .5s ease-in-out}.progress-fill.selected{background-color:#2ecc71}.total-votes{text-align:center;margin-bottom:1rem;color:#777;font-size:.9rem}.your-answer{margin-top:1.5rem;padding:1rem;background-color:#eafaf1;border-radius:4px;border-left:4px solid #2ecc71;color:#333;font-size:.95rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}