: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}}#root{max-width:800px;margin:0 auto;padding:1rem 2rem}.quiz-container{width:100%;min-height:60vh;display:flex;flex-direction:column;gap:1rem}.quiz-header{order:1}.progress-container{order:2}.question-card{order:3}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:300px}.loading-screen h2{color:var(--text-color, #213547);font-size:1.5rem}.quiz-header{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.score-board{background:#f0f0f0;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.95rem;color:#666}@media(prefers-color-scheme:dark){.score-board{background:#2a2a2a;color:#aaa}}.progress-container{margin-bottom:.5rem}.progress-text{font-size:.8rem;color:#999;margin-bottom:.4rem;text-align:center;font-weight:400}@media(prefers-color-scheme:dark){.progress-text{color:#666}}.progress-bar{width:100%;height:3px;background:#e8e8e8;border-radius:2px;overflow:hidden}@media(prefers-color-scheme:dark){.progress-bar{background:#333}}.progress-fill{height:100%;background:#3b82f6;transition:width .3s ease;opacity:.6}.question-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}@media(prefers-color-scheme:dark){.question-card{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}}.question-text{font-size:1.3rem;margin-bottom:1.25rem;line-height:1.4;color:#213547}@media(prefers-color-scheme:dark){.question-text{color:#ffffffde}}.substance-name{color:#3b82f6;font-weight:700}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:768px){.options-grid{grid-template-columns:1fr}}.option-button{padding:.9rem 1.2rem;font-size:.95rem;font-weight:500;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#213547;cursor:pointer;transition:all .3s ease;text-align:left}@media(prefers-color-scheme:dark){.option-button{background:#2a2a2a;color:#ffffffde;border-color:#3a3a3a}}.option-button:hover:not(:disabled){border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.option-button:disabled{cursor:not-allowed;opacity:.8}.option-button.selected{border-color:#3b82f6;background:#eff6ff}@media(prefers-color-scheme:dark){.option-button.selected{background:#1e3a5f;border-color:#3b82f6}}.option-button.correct{border-color:#4ade80;background:#f0fdf4;color:#166534}@media(prefers-color-scheme:dark){.option-button.correct{background:#14532d;color:#86efac}}.option-button.incorrect{border-color:#f87171;background:#fef2f2;color:#991b1b}@media(prefers-color-scheme:dark){.option-button.incorrect{background:#7f1d1d;color:#fca5a5}}.feedback{padding:.85rem 1.25rem;border-radius:8px;font-weight:600;font-size:1rem;margin-bottom:.75rem;text-align:center}.feedback.correct{background:#f0fdf4;color:#166534;border:2px solid #4ade80}@media(prefers-color-scheme:dark){.feedback.correct{background:#14532d;color:#86efac;border-color:#22c55e}}.feedback.incorrect{background:#fef2f2;color:#991b1b;border:2px solid #f87171}@media(prefers-color-scheme:dark){.feedback.incorrect{background:#7f1d1d;color:#fca5a5;border-color:#ef4444}}.correct-answer{display:block;margin-top:.5rem;font-weight:500;font-size:.95rem}.vidal-link{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.vidal-link{border-top-color:#ffffff1a}}.vidal-link a{display:inline-block;padding:.5rem 1rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s ease}.vidal-link a:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.next-button{width:100%;padding:.85rem;font-size:1rem;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.next-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.results-screen{background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 2px 8px #0000001a;text-align:center}@media(prefers-color-scheme:dark){.results-screen{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}}.results-screen h1{font-size:2.5rem;margin-bottom:2rem;color:#213547}@media(prefers-color-scheme:dark){.results-screen h1{color:#ffffffde}}.score-display{margin-bottom:2rem}.score-text{font-size:1.3rem;margin-bottom:.5rem;color:#213547}@media(prefers-color-scheme:dark){.score-text{color:#ffffffde}}.score-text strong{color:#3b82f6;font-size:1.5rem}.percentage{font-size:3rem;font-weight:700;color:#3b82f6;margin:1rem 0}.performance-message{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#4ade80}@media(prefers-color-scheme:dark){.performance-message{color:#86efac}}.restart-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.restart-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){#root{padding:0 .75rem .75rem;max-width:100%}.quiz-container{gap:1rem;margin-top:0}.question-card{order:1;padding:1.25rem;border-radius:10px;margin-bottom:.5rem;margin-top:.5rem}.quiz-header{order:2;margin-bottom:0}.progress-container{order:3;margin-bottom:.5rem}.score-board{padding:.5rem .9rem;font-size:.85rem}.progress-text{font-size:.75rem}.progress-bar{height:3px}.question-text{font-size:1.15rem;margin-bottom:1.5rem;line-height:1.5}.substance-name{display:block;margin-top:.25rem}.options-grid{gap:.75rem;margin-bottom:1.25rem}.option-button{padding:1.1rem;font-size:.95rem;min-height:56px;line-height:1.4}.feedback{padding:.9rem 1.25rem;font-size:1rem;margin-bottom:.75rem}.correct-answer{font-size:.9rem;margin-top:.4rem}.vidal-link{margin-top:.75rem;padding-top:.75rem}.vidal-link{text-align:center}.vidal-link a{padding:.6rem 1rem;font-size:.85rem;width:auto;display:inline-block}.next-button{padding:1.1rem;font-size:1rem;min-height:50px}.results-screen{padding:1.75rem 1.25rem}.results-screen h1{font-size:1.8rem;margin-bottom:1.5rem}.score-text{font-size:1.15rem}.score-text strong{font-size:1.3rem}.percentage{font-size:2.5rem}.performance-message{font-size:1.3rem;margin-bottom:1.5rem}.restart-button{padding:1.1rem 1.75rem;font-size:1rem;width:100%}.loading-screen h2{font-size:1.3rem}}@media(max-width:375px){#root{padding:.5rem}.score-board{font-size:.8rem;padding:.4rem .8rem}.progress-text{font-size:.7rem}.question-text{font-size:1.05rem}.question-card{padding:1rem}.option-button{padding:1rem .9rem;font-size:.9rem}.results-screen h1{font-size:1.6rem}.percentage{font-size:2.2rem}}