.learn-card{transition:box-shadow .2s var(--ease-standard),transform .2s var(--ease-standard)}.learn-card:hover{box-shadow:var(--sh-3)}.learn-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.learn-parts{display:flex;gap:.35rem}.learn-parts>span{height:.4rem;flex:1;border-radius:999px;background:var(--surface-3)}.learn-parts>span[data-state=done]{background:var(--accent)}.learn-parts>span[data-state=current]{background:var(--accent-bright)}.learn-actions{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}@media (min-width: 640px){.learn-actions{padding-bottom:0}}@media (prefers-reduced-motion: no-preference){.learn-enter{animation:learnEnter .14s ease-out both}}@media (prefers-reduced-motion: reduce){.learn-card{transition:none}}@keyframes learnEnter{0%{opacity:0}}.learn-unit{scroll-margin-top:6rem}