:root[data-shell=app] [data-surface=stage]{color:var(--stage-ink);background:var(--stage-ground);box-shadow:inset 0 0 0 var(--bw-hair) var(--stage-edge);--bg:var(--stage-ground);--bg-raised:color-mix(in srgb, var(--stage-ink) 6%, transparent);--bg-sunken:color-mix(in srgb, var(--stage-ground) 76%, black);--bg-hover:color-mix(in srgb, var(--stage-ink) 7%, transparent);--bg-press:color-mix(in srgb, var(--stage-ink) 12%, transparent);--fg:var(--stage-ink);--fg-muted:var(--stage-muted);--fg-faint:var(--stage-muted);--hair:color-mix(in srgb, var(--stage-ink) 10%, transparent);--hair-strong:color-mix(in srgb, var(--stage-ink) 20%, transparent);--edge:color-mix(in srgb, var(--stage-ink) 48%, transparent);--learner:var(--stage-learner);--learner-wash:color-mix(in srgb, var(--stage-learner) 16%, transparent);--focus:var(--stage-learner);--ring:var(--ring-w) solid var(--focus);--act-shadow:var(--act-offset) var(--act-offset) 0 var(--stage-offset);--control-ink:var(--stage-ink);--control-muted:var(--stage-muted);--control-rule:color-mix(in srgb, var(--stage-ink) 28%, transparent);--control-hover:color-mix(in srgb, var(--stage-ink) 7%, transparent);--control-edge:color-mix(in srgb, var(--stage-ink) 48%, transparent)}:root[data-shell=app] [data-surface=stage]>*{color-scheme:var(--stage-scheme)}
.lesson-end{min-width:0;aspect-ratio:var(--stage-aspect);padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);animation:lesson-end-in var(--dur-move) var(--ease-std);place-items:center;display:grid}@keyframes lesson-end-in{0%{opacity:0}}.lesson-end-body{gap:var(--s-5);width:min(100%, var(--col-dialog));display:grid}.lesson-end-head,.lesson-end-title{font-size:var(--t-heading);font-weight:var(--w-strong);line-height:var(--lh-ui);text-wrap:balance}.lesson-end-title:focus{outline:none}.lesson-end-score{align-items:center;gap:var(--s-2) var(--s-3);font-size:var(--t-read);font-weight:var(--w-ui);color:var(--learner);flex-wrap:wrap;display:flex}.lesson-end-marks{gap:var(--s-1);display:inline-flex}.lesson-end-mark{width:var(--s-5);height:var(--s-5);color:var(--learner);background:var(--learner-wash);border-radius:var(--r-full);animation:ui-rise var(--dur-move) var(--ease-std) backwards;place-items:center;display:inline-grid}.lesson-end-mark:nth-child(2){animation-delay:var(--dur-fast)}.lesson-end-mark:nth-child(3){animation-delay:calc(2 * var(--dur-fast))}.lesson-end-mark svg{width:var(--s-3);height:var(--s-3);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lesson-end-mark[data-mark=wrong]{box-shadow:inset 0 0 0 var(--bw-hair) var(--edge);background:0 0}.lesson-end-mark[data-mark=open]{box-shadow:inset 0 0 0 var(--bw-hair) var(--hair-strong);background:0 0}.lesson-end-prompt{font-size:var(--t-ui);font-weight:var(--w-strong)}.lesson-end-lead{margin-top:calc(-1 * var(--s-1));font-size:var(--t-ui);color:var(--fg-muted)}.lesson-end-row{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.lesson-end-acts{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.lesson-end-comment{gap:var(--s-3);display:grid}.lesson-end-comment-acts{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.lesson-end-thanks{font-size:var(--t-ui);color:var(--fg-muted)}@media (max-width:639px){.lesson-end{margin-inline:calc(-1 * var(--gutter));padding:var(--s-6) var(--gutter);border-radius:0}}@media (prefers-reduced-motion:reduce){.lesson-end,.lesson-end-mark{animation:none}}
.ui-rating{align-items:center;gap:var(--s-1);border:0;min-inline-size:0;margin:0;padding:0;display:inline-flex}.ui-rating-question{margin-right:var(--s-1);font-size:var(--t-label);color:var(--fg-muted)}.ui-rating-thumb[aria-pressed=true]{background:var(--learner-wash);color:var(--learner)}