*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:#1e1e1e;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;justify-content:space-between;padding:1rem}.app-header h1{font-size:1.5rem;font-weight:600}.back-button{background-color:#424242;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background-color:#616161}.app-main{flex:1 1;margin:0 auto;max-width:600px;padding:1rem;width:100%}.unit-selector{text-align:center}.question-selector{align-items:center;display:flex;justify-content:space-evenly;padding:14px}.selected-time{border-color:#a78bfa!important;color:#a78bfa!important}.unit-selector h2{color:#fff;font-size:1.25rem;margin-bottom:2rem}.units-list{display:flex;flex-direction:column;gap:1rem}.unit-button{background-color:#1e1e1e;border:2px solid #424242;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:left;transition:all .2s}.unit-button:hover{background-color:#2c2c2c;border-color:#bb86fc}.unit-button:active{transform:translateY(1px)}.quiz-container{display:flex;flex-direction:column;gap:1.5rem}.quiz-header{text-align:center}.progress-info{background-color:#424242;border-radius:1rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.question-container{background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 1px 3px #0000004d;padding:1.5rem}.question-text{color:#fff;font-size:1.125rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}.citation-text{color:#fff;font-size:1.1rem;font-style:italic;font-weight:300;line-height:1.3;margin-top:2rem}.options-container{display:flex;flex-direction:column;gap:.75rem}.option-button{align-items:center;background-color:#1e1e1e;border:2px solid #424242;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem;text-align:left;transition:all .2s;width:100%}.option-button:hover:not(:disabled){background-color:#2c2c2c;border-color:#bb86fc}.option-button:active:not(:disabled){transform:translateY(1px)}.option-button:disabled{cursor:not-allowed}.option-button.selected{background-color:#2c2c2c;border-color:#bb86fc}.option-button.correct{background-color:#1b5e20;border-color:#4caf50;color:#fff}.option-button.incorrect{background-color:#b71c1c;border-color:#f44336;color:#fff}.option-key{font-weight:600;min-width:1.5rem}.option-text{flex:1 1}.controls-container{background-color:#1e1e1e;border-top:1px solid #424242;bottom:0;margin:0;padding:1rem;position:-webkit-sticky;position:sticky}.controls-buttons{display:flex;gap:.75rem;margin:0 auto;max-width:600px;padding-bottom:1rem}.control-button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.continue-button{background-color:#bb86fc;color:#000}.continue-button:hover:not(:disabled){background-color:#a78bfa}.continue-button:disabled{background-color:#616161;cursor:not-allowed}.skip-button{background-color:#424242;color:#fff}.skip-button:hover{background-color:#616161}.show-answer-button{background-color:#ffb74d;color:#000}.show-answer-button:hover:not(:disabled){background-color:#ffa726}.show-answer-button:disabled{background-color:#616161;cursor:not-allowed}.results-container{background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 1px 3px #0000004d;padding:2rem;text-align:center}.results-container h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.score-display{margin-bottom:2rem}.score-text{color:#fff;font-size:1.125rem;margin-bottom:.5rem}.percentage{color:#bb86fc;font-size:1.25rem;font-weight:600}.restart-button{background-color:#bb86fc;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:background-color .2s}.restart-button:hover{background-color:#a78bfa}.error-container,.loading-container{background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 1px 3px #0000004d;color:#fff;padding:2rem;text-align:center}.error-container button{background-color:#bb86fc;border:none;border-radius:.375rem;color:#000;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.75rem 1.5rem}.error-container button:hover{background-color:#a78bfa}@media (max-width:480px){.app-main{padding:.75rem}.question-container{padding:1rem}.controls-container{margin:0 -.75rem -.75rem;padding:.75rem}.controls-buttons{gap:.5rem}.control-button{font-size:.8rem;padding:.625rem .75rem}}
/*# sourceMappingURL=main.aca98fb6.css.map*/