:root{color:#111827;background:#f6f8fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{margin:0}button,input{font:inherit}.page{box-sizing:border-box;max-width:44rem;min-height:100vh;margin:0 auto;padding:1.25rem}.auth-page{place-items:center;display:grid}.auth-card,.task-card,.countdown{background:#fff;border:1px solid #dbe3ed;border-radius:1rem;box-shadow:0 4px 20px #0f172a0f}.auth-card{width:min(100%,28rem);padding:1.5rem}h1,h2,p{margin-top:0}h1{font-size:clamp(1.75rem,8vw,2.3rem);line-height:1.15}h2{font-size:1.35rem}.eyebrow{color:#386a8d;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem;font-weight:700}.security-warning{color:#5e3a06;background:#fff8e9;border-left:.25rem solid #bd7a19;border-radius:.25rem;padding:.75rem}form{gap:.625rem;margin-top:1.5rem;display:grid}label,dt{font-weight:700}input{border:1px solid #8392a5;border-radius:.5rem;min-height:2.75rem;padding:0 .75rem}input:focus-visible,.button:focus-visible{outline-offset:2px;outline:3px solid #075985}.button{box-sizing:border-box;border:0;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem 1rem;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:#075985;font-weight:700}.button-primary:disabled{cursor:wait;opacity:.65}.form-error{color:#b42318}.dashboard-header{justify-content:space-between;align-items:center;margin:1rem 0;display:flex}.dashboard-header .eyebrow{margin-bottom:.25rem}.dashboard-header h1{margin-bottom:0}.sync-badge{color:#146c43;background:#dff7ec;border-radius:999px;padding:.3rem .65rem;font-size:.875rem;font-weight:700}.sync-badge-syncing,.sync-badge-pending{color:#8a4b08;background:#fff4d6}.sync-badge-failed{color:#b42318;background:#fde8e7}.countdown{flex-wrap:wrap;align-items:baseline;gap:.35rem;padding:1.25rem;display:flex}.countdown strong{color:#075985;font-size:3rem;line-height:1}.countdown small{color:#526173;flex-basis:100%}.task-card{margin-top:1rem;padding:1.25rem}.metrics{gap:.75rem;margin:1.25rem 0;display:grid}.metrics div{border-top:1px solid #e5eaf0;justify-content:space-between;padding-top:.75rem;display:flex}.metrics dt{color:#526173}.metrics dd{margin:0}.learn-header{margin:1rem 0 1.25rem}.learn-header h1{margin-bottom:.5rem}.step-label{color:#526173;font-weight:700}.sync-status{color:#526173;margin:-.5rem 0 1rem;font-size:.9rem;font-weight:700}.sync-status-syncing,.sync-status-pending{color:#8a4b08}.sync-status-failed{color:#b42318}.learning-card{background:#fff;border:1px solid #dbe3ed;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 20px #0f172a0f}.question-form{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;margin-bottom:1rem;padding:0;font-size:1.2rem;font-weight:750;line-height:1.45}.option-list{gap:.75rem;display:grid}.option{cursor:pointer;border:1px solid #aeb9c8;border-radius:.75rem;align-items:flex-start;gap:.75rem;min-height:3rem;padding:.75rem;display:flex}.option:has(input:checked){background:#eaf5fb;border-color:#075985}.option input,.confidence input{flex:none;width:1.25rem;height:1.25rem;min-height:0;margin:.15rem 0 0}.confidence{border-top:1px solid #e5eaf0;margin-top:1.25rem;padding-top:1rem}.confidence legend{margin-bottom:.65rem;font-size:1rem}.confidence-options{flex-wrap:wrap;gap:.75rem;display:flex}.confidence-options label{border:1px solid #aeb9c8;border-radius:.5rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .75rem;display:flex}.submit-answer{width:100%;margin-top:.75rem}.feedback{border-radius:.75rem;margin-top:1.25rem;padding:1rem}.feedback.is-correct{background:#edf9f2;border:1px solid #83c9a3}.feedback.is-wrong{background:#fff7e8;border:1px solid #e0b668}.feedback-result{font-size:1.15rem;font-weight:800}.feedback h3{font-size:1rem}.feedback li+li{margin-top:.5rem}.feedback-meta{border-top:1px solid #0f172a1f;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;padding-top:.75rem;display:flex}.feedback-meta span:first-child{font-weight:800}.remediation-note{background:#ffffffb3;border-radius:.5rem;margin:1rem 0 0;padding:.75rem}.continue-button{width:100%;margin-top:1rem}.retry-panel{margin-top:1rem}.card-kicker{color:#386a8d;letter-spacing:.03em;font-size:.875rem;font-weight:800}.concept-card p:not(.card-kicker){font-size:1.08rem}.concept-card .button,.example-reveal .button{width:100%}.example-reveal{background:#edf5fb;border-radius:.75rem;margin-top:1rem;padding:1rem}.example-correct,.example-wrong{font-weight:800}.example-correct{color:#146c43}.example-wrong{color:#8a4b08}.diagnostic-recorded,.counterexample-card{background:#f1f7fb;border-radius:.75rem;margin-top:1rem;padding:1rem}.counterexample-card{border-left:.3rem solid #bd7a19}.counterexample-card .button{width:100%}.complete-card{text-align:center}.results-header{margin:1rem 0 1.25rem}.mastery-status{border-radius:999px;padding:.3rem .7rem;font-weight:800;display:inline-block}.mastery-status-mastered{color:#146c43;background:#dff7ec}.mastery-status-review_due{color:#8a4b08;background:#fff4d6}.mastery-status-learning,.mastery-status-not_started{color:#075985;background:#eaf5fb}.results-note{color:#526173}.results-metrics{gap:.75rem;margin:1.25rem 0 0;display:grid}.results-metrics div{border-top:1px solid #e5eaf0;justify-content:space-between;gap:1rem;padding-top:.75rem;display:flex}.results-metrics dt{color:#526173}.results-metrics dd{text-align:right;margin:0;font-weight:700}.concept-table{border-collapse:collapse;width:100%;margin-top:1rem}.concept-table th,.concept-table td{text-align:left;border-bottom:1px solid #e5eaf0;padding:.75rem .25rem}.concept-table td{text-align:right;font-weight:700}.results-action{width:100%;margin:1rem 0}@media (width<=30rem){.results-metrics div{flex-direction:column;align-items:flex-start;gap:.25rem}.results-metrics dd{text-align:left}.concept-table{table-layout:fixed}.concept-table th:first-child{overflow-wrap:anywhere;width:72%}.feedback-meta{flex-direction:column}}@media (width<=24rem){.page{padding:.875rem}.learning-card{padding:1rem}.option{overflow-wrap:anywhere}.feedback ul{padding-left:1.25rem}}@media (width>=42rem){.page,.auth-card,.task-card{padding:2rem}.metrics{grid-template-columns:repeat(3,1fr)}.metrics div{display:block}.metrics dd{margin-top:.35rem;font-weight:700}.results-metrics{grid-template-columns:repeat(2,1fr);column-gap:2rem}}