.learning-inline-feedback{display:flex!important;align-items:center;gap:.7rem;margin:1rem 0!important;padding:1rem 1.15rem!important;border:1px solid #ffffff30!important;border-radius:14px!important;background:#ffffff0a!important;color:#f7f7f8!important;line-height:1.7;animation:learning-feedback-in .24s ease-out}
.learning-inline-feedback:empty{display:none!important}
.learning-inline-feedback::before{content:'✓';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#f5f5f6;color:#141416;font-weight:800}
.unit-completion-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:clamp(24px,5vw,40px);border:1px solid #ffffff24;border-radius:24px;background:#141416;color:#f5f5f7;box-shadow:0 28px 100px #0009;font-family:inherit;text-align:start;animation:learning-feedback-in .24s ease-out}
.unit-completion-dialog::backdrop{background:#050507c9;backdrop-filter:blur(5px)}
.unit-completion-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff;color:#141416;font-size:28px;font-weight:800;margin-bottom:24px}
.unit-completion-dialog h2{margin:0 0 8px;font-size:clamp(23px,4vw,30px);line-height:1.5}
.unit-completion-dialog .unit-completion-name{margin:0 0 26px;color:#d5d5da;font-size:17px}
.unit-completion-dialog h3{margin:0 0 12px;font-size:15px}
.unit-completion-dialog ul{padding-inline-start:22px;margin:0;line-height:1.85;color:#d9d9dd;font-size:14px}
.unit-completion-dialog li+li{margin-top:10px}
.unit-completion-note{margin:24px 0!important;color:#a9a9b3;font-size:13px;line-height:1.8}
.unit-completion-actions{display:flex;flex-wrap:wrap;gap:10px}
.unit-completion-dialog .btn{border-radius:12px!important;min-height:46px;flex:1;white-space:nowrap;justify-content:center}
.unit-completion-dialog :focus-visible{outline:3px solid #d6d6ff;outline-offset:4px}
@keyframes learning-feedback-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.learning-inline-feedback,.unit-completion-dialog{animation:none!important;transition:none!important}.unit-completion-dialog::backdrop{backdrop-filter:none}}