body{margin:0;font-family:Segoe UI,Arial,Helvetica Neue,Arial,sans-serif;background:linear-gradient(120deg,#e3f2fd,#c8e6c9);display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-container{width:100%;max-width:500px;background:#f5f5f5;border-radius:16px;box-shadow:0 4px 24px #2196f31a;padding:32px 24px;margin:32px auto}h1,h2,h3{font-family:Segoe UI,Arial,Helvetica Neue,Arial,sans-serif;color:#1565c0;text-align:center;font-size:2em;font-weight:600}nav{display:flex;justify-content:center;gap:16px;margin-bottom:24px}button{font-family:Segoe UI,Arial,Helvetica Neue,Arial,sans-serif;background:linear-gradient(90deg,#64b5f6,#388e3c);color:#fff;border:none;border-radius:8px;padding:10px 24px;margin:4px 0;font-size:1em;font-weight:600;box-shadow:0 2px 8px #2196f31a;cursor:pointer;transition:background .2s,transform .2s,border-color .25s}button:active{transform:scale(.98)}button:disabled{background:#b2dfdb;color:#fff;cursor:not-allowed}button:hover{border-color:#388e3c;background:linear-gradient(90deg,#388e3c,#64b5f6)}button:focus,button:focus-visible{outline:3px auto -webkit-focus-ring-color}.quiz-type-buttons{margin-bottom:16px;display:flex;gap:16px;justify-content:center}.ml-8{margin-left:8px}.unit-checkbox-label{display:block;margin-bottom:8px;font-family:Segoe UI,Arial,Helvetica Neue,Arial,sans-serif;color:#1565c0;font-size:1em}.change-quiz-btn{margin-bottom:12px;background:linear-gradient(90deg,#bbdefb,#c8e6c9);color:#1565c0;border:2px solid #1565c0}.quiz-form-row{display:flex;align-items:center;margin-bottom:12px}.quiz-form-row input{flex:1;font-size:1.2em;padding:8px 12px;margin-right:12px}.quiz-form-row button{flex-shrink:0;font-size:1.2em;min-width:100px}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1565c0;text-decoration:inherit}a:hover{color:#388e3c}h1{font-size:3.2em;line-height:1.1}.loading{color:#1565c0;font-size:1.2em;margin:24px 0;text-align:center}.error-message{color:#d32f2f;font-size:1em;margin-top:8px}.settings-section{margin-top:24px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#388e3c}}