.exam-paper{--grid:color-mix(in oklab, var(--line) 70%, var(--bg));background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-position:top;background-size:28px 28px}.score-row{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem 1rem;padding:.5rem 0;display:grid}.score-track{gap:3px;display:flex}.score-cell{background:color-mix(in oklab, var(--fg) 9%, transparent);width:9px;height:18px}.score-cell[data-on=true]{background:var(--fg);transform-origin:bottom;animation:.26s cubic-bezier(.2,.7,.3,1) both score-fill;animation-delay:calc(var(--i) * 38ms)}.score-row[data-marked=true] .score-cell[data-on=true]{background:var(--mark)}.score-row[data-marked=true] .score-name,.score-row[data-marked=true] .score-verdict{color:var(--mark)}.score-row[data-marked=true] .score-name:after{content:"";vertical-align:middle;background:var(--mark);width:1.75rem;height:1px;margin-left:.6rem;display:inline-block}@keyframes score-fill{0%{opacity:0;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}.score-note{animation:.42s ease-out .56s both score-note}@keyframes score-note{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.score-cell[data-on=true],.score-note{animation:none}}@media (max-width:26rem){.score-cell{width:6px;height:15px}.score-track{gap:2px}.score-row{gap:.5rem .6rem}.score-row[data-marked=true] .score-name:after{display:none}}