:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #666;--text-muted: #6b7280;--border-color: #ddd;--border-color-light: #eee;--accent-color: #007bff;--accent-hover: #0056b3;--input-bg: #ffffff;--card-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .15)}body.dark-mode{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e4e6eb;--text-secondary: #b0b3b8;--text-muted: #8a8d91;--border-color: #3a3b3c;--border-color-light: #3a3b3c;--accent-color: #4dabf7;--accent-hover: #339af0;--input-bg: #242526;--card-bg: #242526;--shadow-color: rgba(0, 0, 0, .3)}body{font-family:Arial,sans-serif;max-width:800px;margin:8px auto 0;padding:20px;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.container{max-width:800px;margin:0 auto;padding:20px;background-color:var(--bg-primary)}.password-gate-shell{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center}.password-gate-card{width:min(100%,420px);padding:32px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(180deg,var(--card-bg) 0%,var(--bg-secondary) 100%);box-shadow:0 18px 48px var(--shadow-color)}.password-gate-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0056b3}.password-gate-card h1{margin:0 0 10px}.password-gate-copy{margin:0 0 20px;color:var(--text-muted)}.password-gate-form{display:grid;gap:12px}.password-gate-label{font-size:14px;font-weight:600}.password-gate-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-primary)}.password-gate-input:focus{outline:2px solid rgba(0,123,255,.2);border-color:var(--accent-color)}.password-gate-error{margin:0;color:#b91c1c;font-size:14px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--border-color-light)}.question{font-size:18px;margin-bottom:20px}.options{list-style:none;padding:0}.options li{margin:10px 0}.options label{cursor:pointer;padding:10px;display:block;border:2px solid var(--border-color);border-radius:5px;color:var(--text-primary);background-color:var(--bg-primary)}.options label:hover{background-color:var(--bg-secondary)}.options input{margin-right:10px}button{background-color:var(--accent-color);color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px}button:hover{background-color:var(--accent-hover)}.result{padding:20px;border-radius:5px;margin-top:20px}.correct-option{background-color:#28a74533!important;border:2px solid #28a745!important}.incorrect-option{background-color:#dc354533!important;border:2px solid #dc3545!important}.score,.progress{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.header{display:flex;flex-direction:column;margin-bottom:20px;gap:15px}.header-top-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.filters-container{display:flex;align-items:center;gap:5px}.status-dropdown-container{display:flex;align-items:center}.question-filter-container{display:flex;align-items:center;width:100%}.question-filter-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:5px;font-size:14px;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-primary)}.question-filter-input:focus{outline:2px solid rgba(0,123,255,.15);border-color:var(--accent-color)}.question-filter-input::placeholder{color:var(--text-muted)}.topic-dropdown{position:relative}.topic-dropdown-toggle{padding:6px 14px;font-size:14px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;height:36px}.topic-dropdown-toggle:hover{background-color:var(--accent-hover)}.topic-dropdown-menu{position:absolute;left:0;top:100%;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;width:200px}.topic-dropdown-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border-color);font-size:14px;box-sizing:border-box;outline:none;background-color:var(--input-bg);color:var(--text-primary)}.topic-dropdown-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.topic-dropdown-list:has(+.topic-reset-button){margin-bottom:8px}.topic-dropdown-item{padding:8px 12px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.topic-dropdown-item:hover,.topic-dropdown-item.highlighted{background-color:var(--bg-tertiary)}.topic-dropdown-item.selected{background-color:#007bff33}.topic-dropdown-item.disabled{color:#999;cursor:default}.topic-checkbox{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--border-color);border-radius:3px;background-color:var(--input-bg);flex-shrink:0}.topic-checkbox.checked{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.topic-reset-button{width:100%;padding:6px 12px;margin-top:8px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px}.topic-reset-button:hover{background-color:#c82333}.jump-dropdown{position:relative}.jump-dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;width:180px;max-width:calc(100vw - 20px);left:auto}@media(max-width:530px){.jump-dropdown-menu{left:0;right:auto;width:120px;max-width:90vw}.question-filter-input{width:100%;max-width:none}}.jump-dropdown-toggle{padding:6px 14px;font-size:14px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;height:36px}.jump-dropdown-toggle:hover{background-color:var(--accent-hover)}.jump-dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;width:180px}.jump-dropdown-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border-color);border-radius:5px 5px 0 0;font-size:14px;box-sizing:border-box;outline:none;background-color:var(--input-bg);color:var(--text-primary)}.jump-dropdown-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.jump-dropdown-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-primary)}.jump-dropdown-item:hover,.jump-dropdown-item.highlighted{background-color:var(--bg-tertiary)}.jump-dropdown-item.active{background-color:var(--accent-color);color:#fff}.jump-dropdown-item.disabled{color:#999;cursor:default}.question-nav{display:flex;align-items:center;gap:8px}@media(max-width:900px){.header-top-row{align-items:flex-start}}@media(max-width:720px){.filters-container,.nav-bar{width:100%}.header-top-row{gap:10px}}.question-nav-button{padding:6px 12px;font-size:14px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;height:36px}.question-nav-button:hover:not(:disabled){background-color:var(--accent-hover)}.question-nav-button:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.random-button{font-size:16px;padding:6px 10px}.debug-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.debug-button{background-color:#6c757d;font-size:14px;padding:8px 16px}.debug-button:hover{background-color:#5a6268}.debug-textarea{width:100%;margin-top:10px;padding:10px;font-size:14px;font-family:monospace;border:1px solid var(--border-color);border-radius:5px;resize:none;min-height:60px;background-color:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.mark-buttons{display:flex;gap:10px;margin-bottom:15px}.status-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.status-bar-row{display:flex;align-items:center;gap:10px}.status-bar-label{font-size:13px;font-weight:600;width:75px;flex-shrink:0;color:var(--text-secondary)}.status-bar-track{flex:1;height:10px;background-color:var(--bg-tertiary);border-radius:5px;overflow:hidden}.status-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.mastered-fill{background-color:#28a745}.review-fill{background-color:#ffc107}.status-bar-value{font-size:13px;width:80px;text-align:right;flex-shrink:0;color:var(--text-secondary)}.mastered-button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.mastered-button:hover{background-color:#218838}.mastered-button.active{background-color:#1e7e34}.review-button{background-color:#ffc107;color:#212529;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.review-button:hover{background-color:#e0a800}.review-button.active{background-color:#d39e00}.ai-prompt-button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.ai-prompt-button:hover{background-color:#2563eb}.ask-ai-button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.ask-ai-button:hover:not(:disabled){background-color:#2563eb}.ask-ai-button:disabled{opacity:.65;cursor:not-allowed}.submit-answer-button{background-color:#ef4444;color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.submit-answer-button:hover{background-color:#dc2626}.next-question-button{background-color:#6b7280;color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.next-question-button:hover{background-color:#4b5563}.ai-loading{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;color:var(--text-secondary)}.ai-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:ai-spin .7s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-error{margin-top:12px;color:#dc3545;font-size:14px}.ai-result-markdown{width:100%;margin-top:12px;padding:16px;font-size:14px;border:1px solid var(--border-color);border-radius:5px;min-height:500px;font-family:Arial,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;line-height:1.6;overflow-y:auto}.ai-result-markdown h1,.ai-result-markdown h2,.ai-result-markdown h3,.ai-result-markdown h4,.ai-result-markdown h5,.ai-result-markdown h6{margin-top:16px;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.ai-result-markdown h1{font-size:1.5em}.ai-result-markdown h2{font-size:1.3em}.ai-result-markdown h3{font-size:1.1em}.ai-result-markdown p{margin:8px 0}.ai-result-markdown ul,.ai-result-markdown ol{margin:8px 0;padding-left:24px}.ai-result-markdown table{width:100%;margin:12px 0;border-collapse:collapse}.ai-result-markdown th,.ai-result-markdown td{padding:10px 12px;border:1px solid var(--border-color);text-align:left;vertical-align:top}.ai-result-markdown th{background-color:var(--bg-tertiary);font-weight:600}.ai-result-markdown a{color:var(--accent-color)}.ai-result-markdown hr{margin:16px 0;border:0;border-top:1px solid var(--border-color)}.ai-result-markdown li{margin:4px 0}.ai-result-markdown code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}.ai-result-markdown pre{background-color:var(--bg-tertiary);padding:12px;border-radius:5px;overflow-x:auto;margin:8px 0}.ai-result-markdown pre code{background-color:transparent;padding:0}.ai-result-markdown blockquote{border-left:4px solid var(--accent-color);margin:8px 0;padding:8px 16px;background-color:#007bff1a;color:var(--text-primary)}.ai-result-markdown strong{font-weight:600}.ai-result-markdown em{font-style:italic}.remarks-section{display:flex;gap:10px;margin-top:15px;align-items:flex-start}.remarks-textarea{flex:1;padding:10px;font-size:14px;border:1px solid var(--border-color);border-radius:5px;resize:vertical;min-height:60px;font-family:Arial,sans-serif;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-primary)}.remarks-textarea:focus{outline:none;border-color:var(--accent-color)}.remarks-save-button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;height:fit-content}.remarks-save-button:hover:not(:disabled){background-color:#2563eb}.remarks-save-button:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.user-select-container{text-align:center;padding-top:50px}.user-select-container h1{margin-bottom:10px}.user-select-container h2{margin-bottom:30px;color:var(--text-secondary);font-weight:400}.user-list{display:flex;flex-direction:column;gap:15px;max-width:300px;margin:0 auto}.user-card{display:flex;align-items:center;gap:15px;padding:15px 20px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s}.user-card:hover{border-color:var(--accent-color);background-color:#007bff1a}.user-card.selected{border-color:var(--accent-color);background-color:#007bff33}.user-avatar{width:50px;height:50px;border-radius:50%;background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.user-name{font-size:18px;color:var(--text-primary)}.user-avatar-header{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.user-avatar-header:hover{opacity:.8}.user-avatar-small{width:36px;height:36px;border-radius:50%;background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.user-name-small{font-size:14px;color:var(--text-secondary);white-space:nowrap}.container{position:relative}@media(max-width:530px){.top-bar{flex-direction:row;gap:10px}.user-avatar-header{margin-left:0}.top-bar-right{margin-left:auto}.header{display:flex;flex-direction:column;gap:10px;align-items:stretch}.filters-container{display:flex;justify-content:flex-start;gap:10px;width:100%;order:2;flex-wrap:wrap}.topic-dropdown-toggle,.status-dropdown-container .topic-dropdown-toggle{width:auto;min-width:100px;box-sizing:border-box;flex-wrap:wrap}.progress-bar{width:100%;order:1}.progress{text-align:left;margin-bottom:5px}.nav-bar{width:100%;order:3}.question-nav{display:flex;justify-content:flex-start;width:100%}.question-nav-button,.jump-dropdown-toggle{height:40px}.jump-dropdown-toggle{min-width:50px}}.dark-mode-toggle{background-color:transparent!important;color:var(--text-primary)!important;padding:6px!important;border:none!important;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:background-color .2s;min-width:36px;height:36px}.dark-mode-toggle:hover{background-color:var(--bg-tertiary)}.top-bar-right{display:flex;align-items:center;gap:12px}