.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}
.uyn{--uyn-ink:var(--ink,#111);--uyn-line:var(--border,#d5d9e0);--uyn-card:var(--white,#fff);--uyn-sel:#274ac3;--uyn-ok:var(--correct,#2563eb);--uyn-ok-tint:var(--correct-tint,#2563eb1a);--uyn-bad:var(--wrong,#c8482c);--uyn-bad-tint:var(--wrong-tint,#fff0eb);color:var(--uyn-ink);gap:14px;font-size:16px;line-height:1.5;display:grid}.uyn[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.uyn-tray{gap:12px;display:flex}.uyn-tile{min-width:76px;height:40px;font:inherit;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c3557;border:2px solid #1c3557;border-radius:6px;place-items:center;padding:0 16px;font-weight:700;display:inline-grid}.uyn-tile:disabled{cursor:default;opacity:.6}.uyn-tile[data-armed]{outline-offset:2px;outline:3px solid #ffd43b}.uyn-tile:focus-visible,.uyn-slot:focus-visible{outline:3px solid var(--uyn-sel);outline-offset:2px}.uyn-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.uyn-row{background:var(--uyn-card);border:1px solid var(--uyn-line);border-radius:8px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:6px 14px;padding:10px 12px 10px 14px;display:grid}.uyn-slot{cursor:pointer;background:#f4f6f9;border:2px dashed #9aa5b5;border-radius:6px;place-items:center;width:96px;height:48px;display:grid}.uyn-slot[data-filled]{background:0 0;border-style:solid;border-color:#0000}.uyn-slot[data-over],.uyn-slot[data-armed]:not([data-filled]):hover{border-color:var(--uyn-sel);background:#274ac314}.uyn-placed{width:100%;height:100%}.uyn-ghost{z-index:60;pointer-events:none;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000040}.uyn[data-review] .uyn-row[data-state=correct]{border-color:var(--uyn-ok);background:var(--uyn-ok-tint)}.uyn[data-review] .uyn-row[data-state=wrong]{border-color:var(--uyn-bad);background:var(--uyn-bad-tint)}.uyn-placed[data-state=correct]{background:var(--uyn-ok);border-color:var(--uyn-ok);cursor:default}.uyn-placed[data-state=wrong]{background:var(--uyn-bad);border-color:var(--uyn-bad);cursor:default}.uyn-key{color:var(--uyn-ok);grid-column:1/-1;font-size:14px;font-weight:700}.uyn-reason{color:#4a4a4a;grid-column:1/-1;margin:0;font-size:14px}@media (max-width:560px){.uyn-row{grid-template-columns:minmax(0,1fr) 76px;padding:8px 10px}.uyn-slot{width:76px;height:44px}.uyn-tile{min-width:68px}}