.user-hover-container{position:relative;display:inline-block;cursor:pointer}.user-indicator{font-size:.8rem;color:gray}.user-list{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;padding:5px;z-index:100;white-space:nowrap;max-width:500px;overflow:hidden;font-size:.8rem;width:auto}.user-hover-container:hover .user-list{display:block}.quiz-choice{display:flex;align-items:center;margin-bottom:10px}.quiz-choice label{flex:1 1;margin-bottom:0}.badge:hover{opacity:.8}.user-count-badge:hover{opacity:.8;transform:scale(1.05)}.modal-content{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.modal-header{padding:12px 16px;background:#f8f9fa}.modal-body{padding:0}.user-list-item{transition:background-color .2s ease}.user-list-item:hover{background-color:#f8f9fa}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.badge-toggle-btn{padding:6px 10px;display:flex;align-items:center;gap:5px;transition:all .2s ease}.badge-toggle-btn:hover{background-color:#e9ecef}.badge-toggle-btn svg{font-size:14px}.code-editor-monaco{height:auto;max-height:60vh}.code-editor{position:relative}.code-editor .monaco-editor{transition:height .2s ease-in-out}.code-editor .monaco-editor .monaco-scrollable-element{overflow:hidden!important}.submit-code{display:flex;flex-direction:column}.submit-code .monaco-editor-container{position:relative;max-height:60vh}.code-editor.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff}.html-preview-container{display:flex;flex-direction:row;gap:0}.html-preview-container .editor-pane{flex:1 1;border-right:1px solid #ccc}.html-preview-container .preview-pane{flex:1 1;padding:0 1rem;overflow-y:auto}