*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;color:#1a1a2e;background-color:#fff}.quiz-container,body{min-height:100vh;min-height:100dvh}.quiz-container{max-width:700px;margin:0 auto;padding:1rem;display:flex;flex-direction:column}.progress-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:#e8eaf6;border-radius:999px;font-size:.875rem;font-weight:600;color:#1a237e;margin-bottom:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-dots{display:flex;gap:.375rem}.progress-dot{width:8px;height:8px;border-radius:50%;background-color:#c5cae9;transition:background-color .3s ease}.progress-dot.active{background-color:#1a237e}.progress-dot.correct{background-color:#2e7d32}.progress-dot.wrong{background-color:#e65100}.question-stem{font-size:1.25rem;line-height:1.6;font-weight:500;margin-bottom:1.5rem;color:#1a1a2e}.options-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:12px;background-color:#fff;cursor:pointer;font-size:1rem;line-height:1.4;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;min-height:56px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%}.option-card:hover:not(.disabled){border-color:#7986cb;background-color:#f5f7ff}.option-card:active:not(.disabled){transform:scale(.99)}.option-card.selected{border-color:#1a237e;background-color:#e8eaf6;box-shadow:0 0 0 2px rgba(26,35,126,.15)}.option-card.correct{border-color:#2e7d32;background-color:#e8f5e9;box-shadow:0 0 0 2px rgba(46,125,50,.2)}.option-card.wrong{border-color:#e65100;background-color:#fff3e0;box-shadow:0 0 0 2px rgba(230,81,0,.2)}.option-card.disabled{cursor:default;opacity:.85}.option-letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#e8eaf6;color:#1a237e;font-weight:700;font-size:.875rem;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.option-card.selected .option-letter{background-color:#1a237e;color:#fff}.option-card.correct .option-letter{background-color:#2e7d32;color:#fff}.option-card.wrong .option-letter{background-color:#e65100;color:#fff}.option-text{flex:1 1}.submit-btn{display:block;width:100%;padding:1rem;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;background-color:#1a237e;color:#fff;transition:background-color .2s ease,opacity .2s ease;min-height:56px;-webkit-tap-highlight-color:transparent}.submit-btn:hover:not(:disabled){background-color:#283593}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn.submitted{display:none}.next-btn{display:block;width:100%;padding:1rem;border:2px solid #1a237e;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;background-color:#fff;color:#1a237e;transition:background-color .2s ease,color .2s ease;min-height:56px;-webkit-tap-highlight-color:transparent;margin-top:.75rem}.next-btn:hover{background-color:#1a237e;color:#fff}.explanation-card-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .4s ease,margin .4s ease;margin-top:0}.explanation-card-wrapper.visible{max-height:400px;opacity:1;margin-top:1rem}.explanation-card{padding:1.25rem;background-color:#f5f5f5;border-radius:12px;border-left:4px solid #1a237e}.explanation-card .explanation-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1a237e;margin-bottom:.5rem}.explanation-card .explanation-text{font-size:.9375rem;line-height:1.6;color:#333}.completion-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;text-align:center;padding:2rem 0}.completion-screen h1{font-size:2rem;color:#1a237e;margin-bottom:.5rem}.completion-score{font-size:3rem;font-weight:800;color:#1a237e;margin:1rem 0}.completion-message{font-size:1.125rem;color:#555;margin-bottom:2rem}.completed-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;text-align:center;padding:3rem 1.5rem}.completed-screen h1{font-size:1.75rem;color:#1a237e;margin-bottom:.75rem}.completed-message{font-size:1.125rem;color:#475569;line-height:1.6;margin-bottom:.5rem;max-width:400px}.completed-sub{font-size:1rem;color:#94a3b8;margin-top:.25rem}.review-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:1rem;font-weight:600;color:#1a237e;cursor:pointer;transition:border-color .2s ease;margin-bottom:1rem;-webkit-tap-highlight-color:transparent}.review-toggle:hover{border-color:#1a237e}.review-list{width:100%;max-width:600px;text-align:left}.review-item{padding:1rem;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:.75rem}.review-item .review-stem{font-weight:600;margin-bottom:.5rem;font-size:.9375rem}.review-item .review-answer{font-size:.875rem;color:#555;line-height:1.6}.review-item .review-answer .label{font-weight:600;color:#333}.review-item .review-answer.correct-answer .label{color:#2e7d32}.review-item .review-answer.wrong-answer .label{color:#e65100}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;text-align:center;padding:2rem}.status-screen h2{font-size:1.5rem;color:#1a237e;margin-bottom:.75rem}.status-screen p{font-size:1rem;color:#666;max-width:400px;line-height:1.6}.spinner{width:40px;height:40px;border:4px solid #e8eaf6;border-top-color:#1a237e;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.quiz-container{padding:.75rem}.question-stem{font-size:1.125rem}.option-card{padding:.875rem 1rem;min-height:48px}.option-letter{width:32px;height:32px;font-size:.8125rem}}