.cp-float{position:absolute;transform:translate(-50%,-100%);pointer-events:none;will-change:transform,opacity}.cp-label{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;padding:2px 9px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;line-height:18px;box-shadow:0 2px 8px #0000002e;text-shadow:0 1px 1px rgba(0,0,0,.15);animation:cp-pop 1.1s cubic-bezier(.2,.9,.3,1.2) forwards}.cp-label b{font-size:14px;font-weight:800}.cp-label.cp-bonk{font-size:15px;animation:cp-bonk 1.1s cubic-bezier(.2,.9,.3,1.2) forwards}.cp-label.cp-big{font-size:14px;padding:3px 12px}.cp-heart{animation:cp-heart 1.6s ease-out forwards}.cp-heart svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.cp-zzz{display:flex;gap:1px;font-weight:800;color:#909399;font-style:italic;animation:cp-fade 1.65s linear forwards}.cp-zzz span{display:inline-block;opacity:0;animation:cp-z 1.3s ease-out forwards}.cp-zzz span:nth-child(1){font-size:10px}.cp-zzz span:nth-child(2){font-size:13px;animation-delay:.14s}.cp-zzz span:nth-child(3){font-size:16px;animation-delay:.28s}@keyframes cp-pop{0%{opacity:0;transform:translate(-50%,-60%) scale(.4)}18%{opacity:1;transform:translate(-50%,-110%) scale(1.15)}30%{transform:translate(-50%,-105%) scale(1)}75%{opacity:1;transform:translate(-50%,-150%) scale(1)}to{opacity:0;transform:translate(-50%,-190%) scale(.92)}}@keyframes cp-bonk{0%{opacity:0;transform:translate(-50%,-60%) scale(.3) rotate(0)}14%{opacity:1;transform:translate(-50%,-110%) scale(1.35) rotate(-8deg)}22%{transform:translate(-50%,-110%) scale(1.1) rotate(7deg)}30%{transform:translate(-50%,-110%) scale(1.15) rotate(-4deg)}38%{transform:translate(-50%,-110%) scale(1.05) rotate(0)}78%{opacity:1;transform:translate(-50%,-140%) scale(1)}to{opacity:0;transform:translate(-50%,-175%) scale(.9)}}@keyframes cp-heart{0%{opacity:0;transform:translate(-50%,-40%) scale(.2)}15%{opacity:1;transform:translate(-50%,-100%) scale(1.3)}25%{transform:translate(-50%,-100%) scale(1)}45%{transform:translate(calc(-50% - 5px),-170%) scale(1.05)}65%{opacity:1;transform:translate(calc(-50% + 5px),-240%) scale(1)}to{opacity:0;transform:translate(-50%,-330%) scale(.85)}}@keyframes cp-z{0%{opacity:0;transform:translateY(4px)}25%{opacity:1}to{opacity:0;transform:translate(10px,-22px)}}@keyframes cp-fade{0%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cp-label,.cp-label.cp-bonk,.cp-heart,.cp-zzz{animation:cp-still 1.2s linear forwards;transform:translate(-50%,-120%)}.cp-zzz span{animation:none;opacity:1}}@keyframes cp-still{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}.lesson-completion-overlay{padding:16px}.lesson-completion-card{padding:28px 32px;animation:lesson-completion-reveal .28s cubic-bezier(.2,.8,.2,1) both}@keyframes lesson-completion-reveal{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.lesson-completion-card{animation:none}}@container lesson-stage (max-height: 300px){.lesson-completion-overlay{padding:8px}.lesson-completion-overlay .lesson-completion-card{padding:12px 16px}.lesson-completion-overlay .lesson-completion-icon,.lesson-completion-overlay .lesson-completion-next{display:none}.lesson-completion-overlay .lesson-completion-heading{font-size:14px;line-height:20px}.lesson-completion-overlay .lesson-completion-subtitle{font-size:12px;line-height:18px}.lesson-completion-overlay .lesson-completion-actions{margin-top:12px}.lesson-completion-overlay .lesson-completion-actions button{padding:6px 10px;font-size:12px}}