.grader{--hue:var(--ui-hue-red);gap:var(--ui-space-3);flex-direction:column;min-width:0;display:flex}.grader[data-tone=near]{--hue:var(--ui-hue-amber)}.grader[data-tone=pass]{--hue:var(--ui-hue-green)}.grader__head{align-items:flex-start;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-md);background:color-mix(in oklab, var(--hue) 8%, var(--ui-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 30%, transparent);transition:background-color var(--ui-dur-travel) var(--ui-ease), box-shadow var(--ui-dur-travel) var(--ui-ease);display:flex}.grader[data-tone=idle] .grader__head{background:var(--ui-fill);box-shadow:0 0 0 1px var(--ui-ring)}.grader__verdict{min-width:0;color:var(--ui-ink);font:var(--ui-type-button);font-variant-numeric:tabular-nums;text-wrap:pretty;flex:1}.grader__verdict .eve-swap__item{min-width:0}.grader__mark{width:14px;height:14px;color:var(--hue);transition:color var(--ui-dur-travel) var(--ui-ease);flex-shrink:0;margin-top:3px}.grader__mark svg{width:14px;height:14px}.grader[data-tone=idle] .grader__head .grader__mark{color:var(--ui-faint)}.grader__ring{flex-shrink:0;width:20px;height:20px;rotate:-90deg}.grader__ring circle{fill:none;stroke-width:3px}.grader__ring-track{stroke:color-mix(in oklab, var(--hue) 18%, var(--ui-line));transition:stroke var(--ui-dur-travel) var(--ui-ease)}.grader__ring-value{stroke:var(--hue);stroke-linecap:round;transition:stroke-dashoffset var(--ui-dur-travel) var(--ui-ease), stroke var(--ui-dur-travel) var(--ui-ease)}.grader[data-tone=idle] .grader__ring-value{stroke:#0000}.grader__bar{border-radius:var(--ui-radius-full);background:var(--ui-fill);height:6px;box-shadow:inset 0 0 0 1px var(--ui-ring);position:relative}.grader__bar-fill{border-radius:inherit;background:var(--hue);clip-path:inset(0 calc((1 - var(--fill)) * 100%) 0 0 round var(--ui-radius-full));transition:clip-path var(--ui-dur-travel) var(--ui-ease), background-color var(--ui-dur-travel) var(--ui-ease);position:absolute;inset:0}.grader__bar-limit{top:-4px;bottom:-4px;left:calc(var(--limit) * 100%);background:var(--ui-ink);border-radius:1px;width:2px;position:absolute}.grader__log{column-gap:var(--ui-space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.grader__log[data-columns="2"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grader__log>li{overflow:hidden}.grader__line{color:var(--ui-ink);font:var(--ui-type-ui);grid-template-columns:14px minmax(0,1fr);gap:6px;padding-block:3px;display:grid}.grader__log .grader__mark{--hue:var(--ui-hue-red)}.grader__log li[data-state=pass] .grader__mark{--hue:var(--ui-hue-green)}.grader__log li[data-state=pass] .grader__line{color:var(--ui-muted)}.grader__log li[data-state=idle] .grader__line,.grader__log li[data-state=idle] .grader__mark{color:var(--ui-faint)}.grader__text{margin-right:6px}.grader__found{background:color-mix(in oklab, var(--ui-hue-red) 9%, var(--ui-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--ui-hue-red) 30%, transparent);color:color-mix(in oklab, var(--ui-hue-red) 80%, var(--ui-ink));font:var(--ui-type-caption);border-radius:3px;padding:0 4px;display:inline-block}@media (prefers-reduced-motion:reduce){.grader__bar-fill,.grader__ring-value{transition-property:background-color,stroke}}