:root[data-shell=app] [data-surface=stage]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--stage-ink);background:var(--stage-ground);--bg:var(--stage-ground);--bg-raised:#fffffa0f;--bg-sunken:#0000003d;--bg-hover:#fffffa12;--bg-press:#fffffa1f;--fg:var(--stage-ink);--fg-muted:var(--stage-muted);--fg-faint:var(--stage-muted);--hair:#fffffa1a;--hair-strong:#fffffa33;--edge:#fffffa66;--learner:var(--stage-learner);--learner-wash:#8fa2ff29;--focus:var(--stage-learner);--ring:var(--ring-w) solid var(--focus);--control-ink:var(--stage-ink);--control-muted:var(--stage-muted);--control-rule:#fffffa47;--control-hover:#fffffa12;--control-edge:#fffffa66}
.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}@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)}
.ui-pad-field{gap:var(--s-1);display:grid}.ui-pad{aspect-ratio:16/9;min-height:var(--hit);margin-top:var(--s-1);border-radius:var(--r-sm);background:repeating-linear-gradient(to right, var(--hair) 0 var(--bw-hair), transparent 0 25%), repeating-linear-gradient(to bottom, var(--hair) 0 var(--bw-hair), transparent 0 25%), var(--bg-sunken);box-shadow:inset 0 0 0 var(--bw-hair) var(--edge);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.ui-pad:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset)}.ui-pad>span,.ui-pad:before,.ui-pad:after,.ui-pad-cross:before,.ui-pad-cross:after{pointer-events:none;position:absolute}.ui-pad:before,.ui-pad:after,.ui-pad-cross:before,.ui-pad-cross:after{content:"";background:var(--hair-strong);inset:0}.ui-pad-cross:before,.ui-pad-cross:after{background:var(--edge)}.ui-pad:before{width:var(--bw-hair);left:50%}.ui-pad:after{height:var(--bw-hair);top:50%}.ui-pad-cross{inset:0}.ui-pad-cross:before{left:var(--pad-x);width:var(--bw-hair)}.ui-pad-cross:after{top:var(--pad-y);height:var(--bw-hair)}.ui-pad-default{left:var(--pad-default-x);top:var(--pad-default-y);inline-size:var(--s-3);aspect-ratio:1;border:var(--bw-hair) solid var(--fg-muted);border-radius:var(--r-full);translate:-50% -50%}.ui-pad-thumb{left:var(--pad-x);top:var(--pad-y);inline-size:var(--s-5);aspect-ratio:1;border-radius:var(--r-full);background:var(--learner);box-shadow:0 0 0 var(--bw-hair) var(--bg-raised);translate:-50% -50%}