@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1f1d1a;--body:#3d3933;--muted:#5d5850;--faint:#8a8378;--page:#f7f4ee;--card:#fff;--line:#e4ded3;--soft:#efebe3;--chip:#f4f1ea;--track:#e9e4da;--dashed:#c9c1b3;--green:oklch(55% .14 150);--green-l:oklch(94% .05 150);--red:oklch(58% .17 25);--red-l:oklch(95% .035 25);--blue:oklch(50% .14 245);--blue-l:oklch(95% .03 245);--yellow-l:oklch(95% .06 90)}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Atkinson Hyperlegible,Helvetica,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--blue)}a:hover{color:oklch(40% .14 245)}button,input,textarea,select{color:inherit;font-family:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.content-col{max-width:880px;margin:0 auto;padding:28px 20px 72px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px}.btn{border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 18px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){opacity:.85}.btn-outline{border:2px solid var(--ink);color:var(--ink);background:0 0}.btn-outline:hover:not(:disabled){background:var(--chip)}.btn-sm{border-radius:10px;min-height:32px;padding:6px 12px;font-size:13px}.chip{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.mastery-0{color:#5d5850;background:#efebe3}.mastery-1{color:oklch(42% .14 25);background:oklch(94% .045 25)}.mastery-2{color:oklch(40% .09 80);background:oklch(94% .07 90)}.mastery-3{color:oklch(36% .11 150);background:oklch(93% .06 150)}.mastery-dot-0{background:#d9d2c5}.mastery-dot-1{background:oklch(60% .17 25)}.mastery-dot-2{background:oklch(80% .14 85)}.mastery-dot-3{background:oklch(58% .14 150)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.fade-up{animation:.35s both fadeUp}.progress-bar-wrap{background:var(--track);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--green);border-radius:999px;height:100%;transition:width .4s}@media (width<=600px){.content-col{padding:20px 16px 60px}}