.learning-companion{object-fit:contain;pointer-events:none;flex:none;width:112px;height:112px;display:block}.learning-companion.is-celebrate{animation:.7s ease-out both companion-celebrate}.learning-companion.is-think{animation:.45s ease-out both companion-think}@keyframes companion-celebrate{0%{transform:translateY(8px)scale(.92)}40%{transform:translateY(-12px)rotate(-5deg)}70%{transform:translateY(0)rotate(3deg)}to{transform:none}}@keyframes companion-think{0%{transform:rotate(-7deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.learning-companion{animation:none!important}}.learning-reward{align-items:center;gap:10px;margin:0 0 14px;display:flex}.learning-reward-xp{border-radius:var(--radius-pill);background:var(--color-accent-2-100);color:var(--color-accent-2-800);font-family:var(--font-heading);font-size:var(--text-md);padding:5px 11px;font-weight:400}.learning-reward-streak{color:var(--color-accent-700);font-size:var(--text-md);align-items:center;gap:5px;font-weight:700;display:inline-flex}.learning-reward-streak svg{width:15px;height:15px}.learning-reward-xp{padding:9px 14px;font-size:17px;animation:.45s ease-out both reward-pop}.learning-reward-streak{animation:.45s ease-out .12s both reward-pop}@keyframes reward-pop{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.learning-reward *{animation:none}}