.lesson-path{position:relative;width:min(100%,280px);margin:0 auto 1.25rem}.lesson-path-track{list-style:none;margin:0;padding:0}.lesson-path-row{position:relative;display:flex;align-items:center;min-height:var(--row,56px);padding-left:calc(50% - 16px + var(--sway, 0px))}.lesson-path-dot{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--line);box-shadow:0 3px 0 var(--line-strong);color:var(--ink-faint);font-size:.78rem;font-weight:800}.lesson-path-dot[data-state=current],.lesson-path-dot[data-state=done]{background:var(--gold);box-shadow:0 3px 0 var(--gold-deep);color:#fff}.lesson-path-dot[data-state=current]{border:3px solid var(--wine)}.lesson-path-dot[data-state=todo]{background:var(--surface);border:2px dashed var(--line-strong);box-shadow:none}.lesson-path-figure{position:absolute;top:calc(var(--at, 0) * var(--row, 56px) - 20px);right:calc(50% + 16px - var(--sway, 0px) + 8px);pointer-events:none}.lesson-path-figure .character img{height:96px!important;transform:scaleX(-1)}@media (prefers-reduced-motion:no-preference){.lesson-path-figure{transition:top .45s ease,right .45s ease}}.step-slide{animation:step-slide-in .28s ease}@keyframes step-slide-in{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}.lesson-combo{text-align:center;font-weight:800;font-size:.85rem;color:var(--ochre);margin:0 0 .5rem;animation:lesson-combo-in .35s cubic-bezier(.2,1.5,.35,1)}@keyframes lesson-combo-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.quiz-presenter{display:flex;flex-direction:column;align-items:center;gap:0;margin:.4rem 0 1.2rem}.quiz-presenter-char{width:300px;height:300px;max-width:80%;flex:none;object-fit:contain}.quiz-presenter .duo-mascot{margin-bottom:0;margin-top:-4px}.quiz-presenter .duo-mascot img{width:240px}.quiz-bubble{position:relative;background:var(--paper);border:1.5px solid var(--gold-line);border-radius:14px;padding:.75rem 1rem;margin:0;text-align:center;box-shadow:0 0 14px color-mix(in srgb,var(--gold) 30%,transparent);animation:quiz-bubble-in .3s ease-out}@keyframes quiz-bubble-in{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-bubble:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 6px);width:12px;height:12px;background:var(--paper);border-right:1.5px solid var(--gold-line);border-bottom:1.5px solid var(--gold-line);border-radius:0 0 2px 0;transform:rotate(45deg)}.lesson-progress{height:12px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:1.25rem}.lesson-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--ochre),var(--wine));border-radius:999px;transition:width .4s ease}.lesson-feedback{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;border-radius:16px;padding:1.1rem;margin-top:1rem;animation:lesson-rise .3s ease}.lesson-feedback[data-kind=correct]{background:color-mix(in srgb,var(--wine) 12%,var(--surface));border:1px solid var(--wine)}.lesson-feedback[data-kind=wrong]{background:var(--surface-sunk);border:1px solid var(--ochre)}@keyframes lesson-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.lesson-feedback-text{min-width:0}.lesson-feedback-text strong{display:block;font-size:1rem;margin-bottom:.2rem}.lesson-feedback[data-kind=correct] .lesson-feedback-text strong{color:var(--wine)}.lesson-feedback[data-kind=wrong] .lesson-feedback-text strong{color:var(--ochre)}.journal-save-message,.lesson-feedback-text p{margin:0;font-size:.88rem;color:var(--ink-soft)}.journal-save-message[data-kind=error]{padding-left:.65rem;border-left:3px solid var(--ochre);color:var(--ink);font-weight:650}