:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #f4f4f4;--text-color: #333;--card-background: #ffffff;--card-border: #ddd;--button-background: #007bff;--button-text: white;--button-hover-background: #0056b3;--feedback-correct-bg: #d4edda;--feedback-correct-text: #155724;--feedback-incorrect-bg: #f8d7da;--feedback-incorrect-text: #721c24;--accent-color: #007bff}[data-theme=dark]{--background-color: #282c34;--text-color: #f0f0f0;--card-background: #3a3f47;--card-border: #555;--button-background: #61dafb;--button-text: #282c34;--button-hover-background: #21a1f1;--feedback-correct-bg: #1a472a;--feedback-correct-text: #c3e6cb;--feedback-incorrect-bg: #5c1a1a;--feedback-incorrect-text: #f5c6cb;--accent-color: #61dafb}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--button-hover-background)}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:var(--button-background);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .3s ease,color .3s ease}button:hover{border-color:var(--accent-color);background-color:var(--button-hover-background)}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}}.theme-switch{position:relative;display:inline-block;width:40px;height:20px;margin-left:10px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App h1,.quiz-container h2,.quiz-container h3{color:var(--text-color)}.App{font-family:Arial,sans-serif;background-color:var(--background-color);padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:var(--text-color);position:relative}.theme-switch{position:absolute;top:20px;right:20px}.quiz-container{margin-top:20px}.question-card{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px;text-align:left}.question-card p{font-size:1.1em;margin-bottom:15px;font-weight:700;color:var(--text-color)}.option-item{margin-bottom:10px;display:flex;align-items:center;padding:8px;border-radius:4px;transition:background-color .3s ease}.option-item input[type=radio],.option-item input[type=checkbox]{width:18px;height:18px;margin-right:10px;accent-color:var(--accent-color);cursor:pointer}.option-item input[type=radio]:disabled,.option-item input[type=checkbox]:disabled{accent-color:#cccccc;cursor:not-allowed}.option-item label{flex-grow:1;cursor:pointer;color:var(--text-color)}.option-item.correct-answer{background-color:var(--feedback-correct-bg);border-left:5px solid #4CAF50}.option-item.incorrect-answer{background-color:var(--feedback-incorrect-bg);border-left:5px solid #f44336}.icon-correct{margin-left:10px;color:#4caf50;font-weight:700}.icon-incorrect{margin-left:10px;color:#f44336;font-weight:700}.navigation-buttons button{background-color:var(--button-background);color:var(--button-text);border:none;padding:10px 20px;margin:0 10px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease,color .3s ease}.navigation-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.navigation-buttons button:hover:not(:disabled){background-color:var(--button-hover-background)}.feedback{margin-top:15px;padding:10px;border-radius:5px;font-weight:700}.feedback-correct{background-color:var(--feedback-correct-bg);color:var(--feedback-correct-text);border:1px solid #c3e6cb}.feedback-incorrect{background-color:var(--feedback-incorrect-bg);color:var(--feedback-incorrect-text);border:1px solid #f5c6cb}button{background-color:var(--button-background);color:var(--button-text);border:none;padding:10px 20px;margin-top:15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease,color .3s ease}button:hover:not(:disabled){background-color:var(--button-hover-background)}.quiz-completed-container{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-top:20px;text-align:center;color:var(--text-color)}.quiz-completed-container h2,.quiz-completed-container p{color:var(--text-color)}.quiz-library-container{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-top:20px;text-align:left;color:var(--text-color)}.quiz-library-container h2{text-align:center;margin-bottom:20px;color:var(--text-color)}.quiz-list{list-style:none;padding:0}.quiz-list-item{margin-bottom:10px}.quiz-list-item button{width:100%;padding:12px;background-color:var(--button-background);color:var(--button-text);border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,color .3s ease}.quiz-list-item button:hover{background-color:var(--button-hover-background)}.help-prompt{margin-top:20px;font-size:.9em;color:var(--text-color)}.help-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.help-dialog{background-color:var(--card-background);padding:30px;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;width:90%;text-align:left;color:var(--text-color)}.help-dialog h3{text-align:center;margin-bottom:20px;color:var(--text-color)}.help-dialog ul{list-style:none;padding:0;margin-bottom:20px}.help-dialog li{margin-bottom:10px;font-size:1em}.help-dialog button{display:block;margin:20px auto 0;background-color:var(--button-background);color:var(--button-text);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease,color .3s ease}.help-dialog button:hover{background-color:var(--button-hover-background)}