.ugr{--ugr-ink:var(--ink,#000);--ugr-soft:var(--ink-60,#0009);--ugr-line:var(--border,#e4e4e4);--ugr-card:var(--white,#fff);--ugr-sel:#274ac3;--ugr-sel-tint:#274ac314;--ugr-ok:var(--correct,#2563eb);--ugr-ok-tint:var(--correct-tint,#2563eb1a);--ugr-bad:var(--wrong,#c8482c);--ugr-bad-tint:var(--wrong-tint,#fff0eb);--ugr-bad-line:var(--wrong-border,#ffad99);color:var(--ugr-ink);gap:10px;font-size:16px;line-height:1.5;display:grid}.ugr button{font:inherit;color:inherit}.ugr-option{text-align:left;background:var(--ugr-card);border:2px solid var(--ugr-line);cursor:pointer;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.ugr-option:hover:not(:disabled){border-color:#0000004d}.ugr-option:active:not(:disabled){transform:translateY(1px)}.ugr-option:focus-visible,.ugr-pill:focus-visible,.ugr-dot:focus-visible{outline:3px solid var(--ugr-sel);outline-offset:2px}.ugr-option:disabled{cursor:default}.ugr-letter{border:2px solid var(--ugr-line);border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.ugr-option[data-state=selected]{border-color:var(--ugr-sel);background:var(--ugr-sel-tint)}.ugr-option[data-state=selected] .ugr-letter{background:var(--ugr-sel);border-color:var(--ugr-sel);color:#fff}.ugr-option[data-state=correct],.ugr-option[data-state=key]{border-color:var(--ugr-ok);background:var(--ugr-ok-tint)}.ugr-option[data-state=correct] .ugr-letter{background:var(--ugr-ok);border-color:var(--ugr-ok);color:#fff}.ugr-option[data-state=key] .ugr-letter{border-color:var(--ugr-ok);color:var(--ugr-ok)}.ugr-option[data-state=wrong]{border-color:var(--ugr-bad-line);background:var(--ugr-bad-tint)}.ugr-option[data-state=wrong] .ugr-letter{background:var(--ugr-bad);border-color:var(--ugr-bad);color:#fff}.ugr-option[data-state=dim]{opacity:.55}.ugr-statements{gap:8px;display:grid}.ugr-statement{background:var(--ugr-card);border:2px solid var(--ugr-line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:grid}.ugr-statement[data-state=correct]{border-color:var(--ugr-ok)}.ugr-statement[data-state=wrong]{border-color:var(--ugr-bad-line);background:var(--ugr-bad-tint)}.ugr-reason{color:var(--ugr-soft);grid-column:1/-1;margin:0;font-size:14.5px}.ugr-pills{gap:6px;display:inline-flex}.ugr-pill{border:2px solid var(--ugr-line);background:var(--ugr-card);cursor:pointer;border-radius:999px;min-width:64px;min-height:40px;padding:0 14px;font-weight:600}.ugr-pill:disabled{cursor:default}.ugr-pill[aria-pressed=true]{background:var(--ugr-sel);border-color:var(--ugr-sel);color:#fff}.ugr-pill[data-state=correct]{background:var(--ugr-ok);border-color:var(--ugr-ok);color:#fff}.ugr-pill[data-state=key]{border-color:var(--ugr-ok);color:var(--ugr-ok)}.ugr-pill[data-state=wrong]{background:var(--ugr-bad);border-color:var(--ugr-bad);color:#fff}.ugr-target{border-left:4px solid var(--ugr-sel);background:var(--ugr-card);border-radius:0 10px 10px 0;margin:0;padding:12px 16px;font-weight:600}.ugr-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ugr-scale .ugr-option{text-align:center;grid-template-columns:1fr;align-content:start;justify-items:center;gap:8px;min-height:88px}.ugr-scale .ugr-letter{width:26px;height:26px;font-size:12.5px}.ugr-note{margin:0;font-size:14.5px;font-weight:600}.ugr-note[data-tone=correct]{color:var(--ugr-ok)}.ugr-note[data-tone=wrong]{color:var(--ugr-bad)}@media (max-width:640px){.ugr-scale{grid-template-columns:1fr}.ugr-scale .ugr-option{text-align:left;grid-template-columns:26px minmax(0,1fr);justify-items:start;min-height:52px}.ugr-statement{grid-template-columns:1fr}.ugr-pills{justify-content:flex-end}}.ugr-ml{border-collapse:separate;border-spacing:0 8px;width:100%}.ugr-ml th{text-align:center;color:var(--ugr-soft);padding:0 6px;font-size:13px;font-weight:700}.ugr-ml th:first-child{text-align:left}.ugr-ml td{background:var(--ugr-card);border-top:2px solid var(--ugr-line);border-bottom:2px solid var(--ugr-line);padding:10px 8px}.ugr-ml td:first-child{border-left:2px solid var(--ugr-line);border-radius:12px 0 0 12px;padding-left:14px}.ugr-ml td:last-child{border-right:2px solid var(--ugr-line);border-radius:0 12px 12px 0}.ugr-ml td.ugr-cell{text-align:center;width:76px}.ugr-dot{border:2px solid var(--ugr-line);background:var(--ugr-card);cursor:pointer;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.ugr-dot:after{content:"";background:0 0;border-radius:50%;width:12px;height:12px}.ugr-dot[aria-checked=true]{border-color:var(--ugr-sel)}.ugr-dot[aria-checked=true]:after{background:var(--ugr-sel)}.ugr-dot[data-state=correct]{border-color:var(--ugr-ok)}.ugr-dot[data-state=correct]:after{background:var(--ugr-ok)}.ugr-dot[data-state=key]{border-color:var(--ugr-ok);border-style:dashed}.ugr-dot[data-state=wrong]{border-color:var(--ugr-bad)}.ugr-dot[data-state=wrong]:after{background:var(--ugr-bad)}.ugr-dot:disabled{cursor:default}.ugr-ml-reason{color:var(--ugr-soft);margin-top:6px;font-size:14px;display:block}.ugr-table-wrap{border:1px solid var(--border,#e4e4e4);background:#fff;border-radius:10px;margin:12px 0;overflow-x:auto}.ugr-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.ugr-table th{vertical-align:bottom;background:#00000008;border-bottom:1px solid #0000001a;padding:8px 12px;font-weight:700;line-height:1.3}.ugr-table th,.ugr-table td{padding:7px 10px}.ugr-table td{white-space:nowrap;border-bottom:1px solid #0000000f}.ugr-table tr:last-child td{border-bottom:0}