@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{--sand: #FBF6EE;--ink: #2B4257;--apricot: #E8A659;--sage: #7A9B7E;--brick: #C1502E;--line: rgba(43,66,87,.14)}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;background:var(--sand);background-image:radial-gradient(circle at 10% 0%,rgba(232,166,89,.1),transparent 45%),radial-gradient(circle at 90% 100%,rgba(122,155,126,.1),transparent 45%);font-family:Inter,system-ui,sans-serif;color:var(--ink);padding:24px 16px 56px;display:flex;justify-content:center}.boot-spinner,.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--apricot);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}h1,h2{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}h1{font-size:28px}h2{font-size:19px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apricot);display:block;margin-bottom:6px}.lead{font-size:15px;line-height:1.55;color:#2b4257c7;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px;max-width:480px;width:100%;box-shadow:0 1px 2px #2b42570a}.field-label{display:block;font-weight:600;font-size:14px;margin:18px 0 8px}.text-input,.text-area{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--sand);outline:none;transition:border-color .15s}.text-input:focus,.text-area:focus{border-color:var(--apricot)}.btn-primary{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;transition:transform .1s,background .15s}.btn-primary:hover:not(:disabled){background:#1d3142}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.btn-ghost.small{padding:7px 12px;font-size:13px}.btn-ghost:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}.btn-link{background:none;border:none;color:var(--ink);text-decoration:underline;font-size:14px;cursor:pointer;padding:10px 0 0}.row-buttons{display:flex;gap:10px;margin-top:16px}.row-buttons .btn-primary,.row-buttons .btn-ghost{margin-top:0}.hint{color:var(--brick);font-size:13px;margin-top:8px}.step-dots{display:flex;gap:6px;justify-content:center;margin-top:24px}.dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.dot-active{background:var(--apricot)}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.topic-grid.wide{grid-template-columns:repeat(2,1fr)}@media (min-width: 540px){.topic-grid.wide{grid-template-columns:repeat(3,1fr)}}.topic-pill{text-align:left;border:none;box-shadow:inset 0 0 0 1.5px #d9d2c4;background-color:#fbf6ee;border-radius:14px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.topic-pill.active{box-shadow:inset 0 0 0 1.5px #e8a659;background-color:#fbeadc}.topic-pill:active{background-color:#f3ece0}.topic-pill-label{font-weight:700;font-size:14px;pointer-events:none}.topic-pill-blurb{font-size:12px;color:#2b42579e;pointer-events:none}.topic-pill:focus-visible{outline:3px dashed #2B4257;outline-offset:3px}.onboard,.auth-card{margin:0 auto}.auth-success{background:#7a9b7e1f;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.5;color:#3f5a42;margin-top:16px}.level-picker{margin:0 auto}.level-best{font-size:13px;color:var(--sage);font-weight:600;margin:-4px 0 4px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0 4px}.level-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:inset 0 0 0 1.5px #d9d2c4;background-color:#fbf6ee;font-weight:700;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.level-cell.active{box-shadow:inset 0 0 0 2px #e8a659;background-color:#fbeadc;color:var(--brick)}.level-word{text-align:center;font-size:13px;font-weight:700;color:var(--apricot);margin:6px 0 0}.level-start{width:100%}.level-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.level-title-row h1{margin:0}.explainer-trigger{display:flex;align-items:center;gap:6px;background:#2b42570f;border:none;border-radius:20px;padding:6px 12px 6px 8px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.explainer-trigger-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--apricot);color:#fff;font-size:12px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b425773;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-box{background:#fff;border-radius:20px;padding:24px;max-width:420px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.modal-header .eyebrow{margin-bottom:0}.modal-close{background:#2b42570f;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;flex-shrink:0;color:var(--ink)}.modal-title{font-family:Fraunces,serif;font-size:20px;margin:4px 0 12px}.modal-text{font-size:15px;line-height:1.6;color:#2b4257d9;margin:0 0 20px}.modal-ok{width:100%;margin-top:0}.dashboard{max-width:760px;width:100%;display:flex;flex-direction:column;gap:28px}.dash-header{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.jar-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.jar-svg{width:84px;height:105px}.jar-count{font-family:Fraunces,serif;font-size:22px;font-weight:700;margin-top:2px}.jar-label{font-size:11px;color:#2b425799;text-align:center;max-width:90px}.section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px}.section-sub{font-size:13px;color:#2b425799;margin:-2px 0 14px}.topic-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.topic-card{text-align:left;border:1.5px solid var(--apricot);background:#e8a65914;border-radius:14px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .1s}.topic-card:hover{transform:translateY(-2px)}.topic-card-label{font-weight:700;font-size:15px}.topic-card-blurb{font-size:12px;color:#2b4257a6}.topic-card-stat{font-size:12px;font-weight:700;color:var(--sage);margin-top:4px}.topic-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note-section .note-quote{font-family:Fraunces,serif;font-style:italic;font-size:16px;color:#2b4257cc;border-left:3px solid var(--apricot);padding-left:14px;margin:0}.dash-footer{display:flex;justify-content:center;gap:12px}.streak-line{font-size:14px;font-weight:700;color:var(--brick);margin:8px 0 0}.overview-link{margin-top:10px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 540px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0}.stat-number{font-family:Fraunces,serif;font-size:26px;font-weight:700;color:var(--ink)}.stat-label{font-size:12px;color:#2b425799;text-align:center}.activity-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:6px}.activity-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:#2b42570d;border-radius:6px;overflow:hidden}.activity-bar{width:100%;background:var(--apricot);border-radius:6px 6px 0 0;min-height:4px}.activity-day{font-size:10px;color:#2b425780;font-weight:600}.badge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 540px){.badge-row{grid-template-columns:repeat(6,1fr)}}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;text-align:center}.badge.earned{background:#e8a6591f}.badge.locked{background:#2b42570a;opacity:.55}.badge-icon{font-size:26px}.badge-label{font-size:11px;font-weight:600;line-height:1.3}.topic-progress-list{display:flex;flex-direction:column;gap:16px}.topic-progress-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px;flex-wrap:wrap}.topic-progress-name{font-weight:700;font-size:14px}.topic-progress-meta{font-size:12px;color:#2b425799}.topic-progress-track{height:8px;border-radius:4px;background:#2b425714;overflow:hidden}.topic-progress-fill{height:100%;background:var(--sage);border-radius:4px}.practice{max-width:560px}.practice-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}.practice-title{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.diff-control{display:flex;align-items:center;gap:8px}.diff-label{font-size:12px;color:#2b425799}.diff-word{font-size:11px;color:var(--apricot);font-weight:700}.diff-btn{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);background:var(--sand);font-size:16px;line-height:1;cursor:pointer}.diff-value{font-weight:700;font-size:13px;min-width:30px;text-align:center}.loading-state,.error-state{text-align:center;padding:30px 0;color:#2b4257b3}.error-friendly{font-size:15px;margin-bottom:4px}.error-details{margin-top:18px;text-align:left;background:var(--sand);border-radius:10px;padding:10px 14px;font-size:12px}.error-details summary{cursor:pointer;font-weight:600;color:#2b42578c}.error-details code{display:block;margin-top:8px;white-space:pre-wrap;word-break:break-word;color:var(--brick)}.task-progress{font-size:12px;color:#2b42578c;margin-bottom:10px;font-weight:600}.fallback-tag{color:var(--apricot);font-weight:600}.task-question{font-family:Fraunces,serif;font-size:21px;line-height:1.5;font-weight:500;margin:0 0 18px}.hint-box{background:#e8a65924;border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:14px}.hint-box-more{background:#7a9b7e1f}.hint-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hint-answer-btn{color:var(--brick)}.answer-row{display:flex;gap:10px;flex-wrap:wrap}.answer-input{flex:1;min-width:140px;font-size:18px;font-weight:600}.answer-row .btn-primary{margin-top:0}.feedback{border-radius:14px;padding:16px;margin-top:16px;font-size:14px;line-height:1.5}.feedback p{margin:6px 0 0}.feedback-correct{background:#7a9b7e24;color:#3f5a42}.feedback-incorrect{background:#c1502e1a;color:#7c3a22}@media (prefers-reduced-motion: reduce){.spinner,.boot-spinner{animation:none}}.continue-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--sand);border:2px solid var(--sage);border-radius:16px;cursor:pointer;transition:background .15s;text-align:left}.continue-card:hover{background:#7a9b7e1f}.continue-card-left{display:flex;flex-direction:column;gap:3px}.continue-card-topic{font-weight:700;font-size:16px;color:var(--ink)}.continue-card-meta{font-size:13px;color:#2b425799}.continue-card-arrow{font-size:22px;color:var(--sage)}.unseen-list{display:flex;flex-direction:column;gap:8px}.unseen-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#c1502e0f;border:1.5px solid rgba(193,80,46,.18);border-radius:12px;cursor:pointer;transition:background .15s;text-align:left}.unseen-row:hover{background:#c1502e1a}.unseen-topic{font-weight:600;font-size:14px;color:var(--ink)}.unseen-count{font-size:13px;color:var(--brick);font-weight:600}.topic-accordion{display:flex;flex-direction:column;gap:6px}.topic-acc-group{border:1.5px solid rgba(43,66,87,.1);border-radius:12px;overflow:hidden}.topic-acc-group.open{border-color:var(--sage)}.topic-acc-head{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.topic-acc-head:hover{background:#2b42570a}.topic-acc-arrow{font-size:12px;color:#2b425766;flex-shrink:0}.topic-acc-label{font-weight:700;font-size:14px;color:var(--ink);flex:1}.topic-acc-meta{font-size:12px;color:#2b425780;text-align:right}.topic-acc-body{padding:0 16px 16px;border-top:1px solid rgba(43,66,87,.07)}.topic-acc-blurb{font-size:13px;color:#2b4257a6;margin:10px 0 6px}.topic-acc-stats{font-size:12px;color:#2b425780;margin-bottom:10px}.topic-acc-body .btn-primary{margin-top:4px}.task-library-accordion{display:flex;flex-direction:column;gap:8px}.accordion-group{border:1.5px solid rgba(43,66,87,.1);border-radius:14px;overflow:hidden}.accordion-group.open{border-color:var(--sage)}.accordion-head{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.accordion-head:hover{background:#2b42570a}.accordion-arrow{font-size:13px;color:#2b425780;flex-shrink:0}.accordion-topic{font-weight:700;font-size:15px;color:var(--ink);flex:1}.accordion-meta{font-size:12px;color:#2b425780;white-space:nowrap}.accordion-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.task-library-item{border:1.5px solid rgba(43,66,87,.08);border-radius:10px;padding:11px 13px;cursor:pointer;transition:background .15s}.task-library-item:hover{background:#2b42570a}.task-library-item.open{border-color:var(--sage);background:#7a9b7e0f}.task-library-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.task-library-q{font-size:14px;line-height:1.4;flex:1}.task-library-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(43,66,87,.08);font-size:13px;line-height:1.5;display:flex;flex-direction:column;gap:4px}.task-status-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.task-status-pill.correct{background:#7a9b7e2e;color:#3f5a42}.task-status-pill.incorrect{background:#c1502e1f;color:#7c3a22}.task-status-pill.unseen{background:#2b425714;color:#2b425780}