*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{max-width:860px;margin:0 auto;padding:24px 16px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{color:#94a3b8;font-size:1.1rem;font-weight:500}.student-name{color:#e2e8f0;margin-top:4px;font-size:.88rem}.progress{color:#64748b;font-size:.85rem}.header-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.student-meta{color:#94a3b8;text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;max-width:560px;font-size:.76rem;line-height:1.35;display:flex}.student-meta span{white-space:nowrap}.progress-bar-wrap{background:#1e293b;border-radius:4px;height:4px;margin-bottom:28px}.progress-bar{background:#3b82f6;border-radius:4px;height:4px;transition:width .3s}.card{background:#1e293b;border-radius:12px;margin-bottom:20px;padding:28px}.card-filtered{--filter-accent:16, 185, 129;--filter-text:#86efac;--filter-text-soft:#bbf7d0;--filter-solid:#059669;background:linear-gradient(90deg, rgba(var(--filter-accent), .12), rgba(var(--filter-accent), 0) 42%), #1e293b;border:1px solid rgba(var(--filter-accent), .36);box-shadow:inset 4px 0 0 rgba(var(--filter-accent), .72)}.card-long{background:linear-gradient(90deg,#38bdf81f,#38bdf800 42%),#1e293b;border:1px solid #38bdf857;box-shadow:inset 4px 0 #38bdf89e}.filtered-topic{--filter-accent:20, 184, 166;--filter-text:#5eead4;--filter-text-soft:#99f6e4;--filter-solid:#0f766e}.filtered-login{--filter-accent:132, 204, 22;--filter-text:#bef264;--filter-text-soft:#d9f99d;--filter-solid:#4d7c0f}.filtered-long{--filter-accent:59, 130, 246;--filter-text:#93c5fd;--filter-text-soft:#bfdbfe;--filter-solid:#2563eb}.filtered-other{--filter-accent:34, 197, 94;--filter-text:#86efac;--filter-text-soft:#bbf7d0;--filter-solid:#15803d}.category-badge{text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;background:#1d3a5f;border-radius:20px;margin-bottom:16px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.question-text{color:#e2e8f0;white-space:pre-wrap;margin-bottom:24px;font-size:1rem;line-height:1.72}.question-prompt{color:#f8fafc;margin-top:14px;font-weight:700;display:block}.question-text-html{white-space:normal}.question-text-html p{margin:0}.question-text-html .question-scenario{color:#dbe4f0;text-align:justify;text-justify:inter-word;gap:11px;max-width:76ch;line-height:1.75;display:grid}.question-text-html .question-scenario+.question-prompt-section,.question-text-html .question-code+.question-prompt-section{margin-top:18px}.question-text-html .question-code{margin:18px 0}.question-text-html pre{color:#dbeafe;white-space:pre;background:#0f172a;border:1px solid #334155;border-radius:8px;margin:0;padding:14px 16px;font-size:.86rem;line-height:1.45;overflow-x:auto}.question-text-html code{color:#dbeafe;background:#94a3b829;border-radius:4px;padding:.08rem .22rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.question-text-html pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.question-text-html .question-prompt-section{color:#f8fafc;border-left:3px solid #60a5fa;max-width:72ch;padding-left:14px;font-weight:700;line-height:1.62}.options-list{flex-direction:column;gap:10px;display:flex}.option-btn{color:#cbd5e1;text-align:left;cursor:pointer;white-space:pre-wrap;background:#0f172a;border:1.5px solid #334155;border-radius:8px;padding:14px 16px;font-size:.93rem;line-height:1.5;transition:border-color .15s,background .15s}.option-btn:hover:not(:disabled){background:#1e293b;border-color:#3b82f6}.option-btn.selected{color:#fff;background:#1d3a5f;border-color:#3b82f6}.option-btn:disabled{border-color:#334155;border-left-color:rgba(var(--filter-accent,16, 185, 129), .66);color:#94a3b8;cursor:default;opacity:.92;background:#15202f}.multi-hint{color:#f59e0b;margin-bottom:12px;font-size:.8rem}.filtered-notice{background:rgba(var(--filter-accent), .11);border:1px solid rgba(var(--filter-accent), .34);color:var(--filter-text-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:max-content;margin-top:4px;margin-bottom:16px;padding:8px 11px;font-size:.86rem;line-height:1.45;display:flex}.filtered-notice strong{background:rgba(var(--filter-accent), .2);color:var(--filter-text);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:.78rem}.long-notice{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf852;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:max-content;margin-top:4px;margin-bottom:16px;padding:8px 11px;font-size:.86rem;line-height:1.45;display:flex}.long-notice strong{color:#7dd3fc;letter-spacing:.05em;text-transform:uppercase;background:#38bdf82e;border-radius:999px;padding:2px 8px;font-size:.78rem}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:background .15s}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-small{padding:7px 11px;font-size:.78rem}.btn:disabled,.btn:disabled:hover{color:#64748b;cursor:default;background:#334155}.btn-secondary{color:#94a3b8;background:#1e293b;border:1.5px solid #334155}.btn-secondary:hover{background:#334155}.btn-ghost{color:#64748b;background:0 0;border:1.5px solid #334155}.btn-ghost:hover{color:#94a3b8;border-color:#475569}.admin-tabs{gap:8px;margin-bottom:14px;display:flex}.admin-tabs button{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:9px 13px;font-size:.86rem;font-weight:600}.admin-tabs button.active{color:#dbeafe;background:#1d3a5f;border-color:#3b82f6}.feedback-panel{color:#94a3b8;white-space:pre-wrap;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-top:16px;padding:18px;font-size:.88rem;line-height:1.7}.feedback-panel .correct-label{color:#22c55e;margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.feedback-panel .wrong-label{color:#ef4444;margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.q-grid{background:#1e293b;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:16px;display:flex}.q-grid-btn{cursor:pointer;color:#64748b;background:#0f172a;border:none;border-radius:6px;width:34px;height:34px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,transform .1s}.q-grid-btn:hover{color:#e2e8f0;background:#334155}.q-grid-btn.current{color:#fff;background:#3b82f6;transform:scale(1.1)}.q-grid-btn.answered{color:#67e8f9;background:#164e63}.q-grid-btn.long{color:#7dd3fc;background:#38bdf821;border:1px solid #38bdf86b}.q-grid-btn.long.current{color:#f8fafc;background:#0284c7;box-shadow:0 0 0 3px #38bdf82e}.q-grid-btn.filtered{--filter-accent:16, 185, 129;--filter-text:#86efac;--filter-solid:#059669;background:rgba(var(--filter-accent), .14);border:1px solid rgba(var(--filter-accent), .42);color:var(--filter-text)}.q-grid-btn.filtered-topic,.review-item.filtered-topic{--filter-accent:20, 184, 166;--filter-text:#5eead4;--filter-solid:#0f766e}.q-grid-btn.filtered-login,.review-item.filtered-login{--filter-accent:132, 204, 22;--filter-text:#bef264;--filter-solid:#4d7c0f}.q-grid-btn.filtered-long,.review-item.filtered-long{--filter-accent:59, 130, 246;--filter-text:#93c5fd;--filter-solid:#2563eb}.q-grid-btn.filtered-other,.review-item.filtered-other{--filter-accent:34, 197, 94;--filter-text:#86efac;--filter-solid:#15803d}.q-grid-btn.filtered.current{background:var(--filter-solid);color:#f8fafc;box-shadow:0 0 0 3px rgba(var(--filter-accent), .18)}.score-screen{text-align:center;padding:48px 24px}.score-screen h2{margin-bottom:8px;font-size:2rem}.score-screen .score-num{color:#3b82f6;margin:16px 0;font-size:4rem;font-weight:800}.score-screen p{color:#64748b;margin-bottom:14px}.submitted-details{color:#94a3b8;margin-bottom:32px;font-size:.9rem}.loading,.error-panel{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:18px}.error-panel{color:#fecaca;border-color:#ef4444}.info-panel{color:#a5f3fc;background:#0f2f3a;border:1px solid #0e7490;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.review-screen{background:#1e293b;border-radius:12px;padding:28px}.review-screen h2{margin-bottom:8px;font-size:1.25rem}.review-summary{color:#94a3b8;margin-bottom:18px}.warning-panel{color:#fcd34d;background:#422006;border:1px solid #92400e;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.review-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:22px;display:grid}.review-item{color:#cbd5e1;cursor:pointer;text-align:left;background:#0f172a;border:1.5px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.review-item:hover{border-color:#3b82f6}.review-item strong{color:#67e8f9;font-size:.78rem}.review-item.missing strong{color:#fcd34d}.review-item.long{color:#f8fafc;background:#38bdf814;border-color:#38bdf857}.review-item.long strong{color:#7dd3fc}.review-item.filtered{--filter-accent:16, 185, 129;--filter-text:#86efac;background:rgba(var(--filter-accent), .08);border-color:rgba(var(--filter-accent), .34);color:#f8fafc}.review-item.filtered strong{color:var(--filter-text)}.login-screen{background:#1e293b;border-radius:12px;max-width:460px;margin:64px auto 0;padding:28px}.login-screen h1{color:#e2e8f0;margin-bottom:8px;font-size:1.35rem}.login-screen p{color:#94a3b8;margin-bottom:22px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:#94a3b8;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;display:flex}.login-form input,.login-form select{color:#e2e8f0;font:inherit;background:#0f172a;border:1.5px solid #334155;border-radius:8px;padding:11px 13px}.login-form input:focus,.login-form select:focus{border-color:#3b82f6;outline:none}.login-form select:disabled{color:#64748b}.admin-screen{padding-bottom:32px}.results-table-wrap{background:#1e293b;border-radius:12px;padding:12px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:760px}.results-table th,.results-table td{color:#cbd5e1;text-align:left;border-bottom:1px solid #334155;padding:12px 10px;font-size:.86rem}.results-table th{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:700}.sort-header{color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:0;display:flex}.sort-header span:last-child{color:#60a5fa;text-align:right;text-transform:none;min-width:28px;font-size:.68rem}.results-table tr:last-child td{border-bottom:none}