.tr-progress{margin-block:0 10px;text-align:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;direction:ltr}.tr-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-block-size:min(58vh,420px);padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--panel);text-align:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tr-stage.tapping{cursor:pointer}.tr-stage.wait{background:var(--panel2)}.tr-stage.go{background:color-mix(in srgb,var(--ok) 22%,var(--panel));border-color:var(--ok)}.tr-stage.bad{background:color-mix(in srgb,var(--err) 18%,var(--panel));border-color:var(--err)}.tr-ltr{direction:ltr;unicode-bidi:isolate}.tr-big{font-size:clamp(34px,11vw,60px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;direction:ltr}.tr-hint{margin:0;max-inline-size:34em;color:var(--muted);font-size:14px;line-height:1.7}.tr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:14px}.tr-actions .btn{flex:1 1 140px}.tr-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px;inline-size:100%;max-inline-size:460px;direction:ltr}.tr-choice{display:grid;place-items:center;aspect-ratio:1;padding:6px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:22px;font-weight:700;cursor:pointer}.tr-choice:hover:enabled{border-color:var(--accent)}.tr-choice.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,var(--panel2))}.tr-choice.wrong{border-color:var(--err);background:color-mix(in srgb,var(--err) 18%,var(--panel2))}.tr-choice svg{inline-size:100%;block-size:100%}.tr-result{border-radius:18px;border:1px solid var(--line);background:var(--panel);padding-block:22px;padding-inline:20px;text-align:center}.tr-badge{display:inline-flex;align-items:center;gap:10px;padding-block:6px;padding-inline:14px;border-radius:999px;border:1px solid currentcolor;font-size:14px}.tr-badge strong{font-size:20px;font-weight:800;direction:ltr}.tr-headline{margin-block:14px 0;font-size:clamp(32px,10vw,52px);font-weight:800;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tr-caption{margin-block:6px 0;color:var(--muted);font-size:14px}.tr-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-block:18px 0}.tr-metrics>div{border-radius:12px;background:var(--panel2);padding-block:10px;padding-inline:8px}.tr-metrics dt{color:var(--muted);font-size:12px}.tr-metrics dd{margin:4px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tr-h3{margin-block:22px 8px;font-size:13px;color:var(--muted);font-weight:600;text-align:start}.tr-scale{inline-size:100%;border-collapse:collapse;font-size:13px}.tr-scale th,.tr-scale td{padding-block:8px;padding-inline:8px;border-block-end:1px solid var(--line);text-align:start;font-weight:500}.tr-scale td{text-align:end;color:var(--muted)}.tr-scale tr.on th,.tr-scale tr.on td{color:var(--text);font-weight:700;background:var(--panel2)}.tr-num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.tr-chip{display:inline-block;min-inline-size:20px;margin-inline-end:4px;border-radius:6px;padding-block:1px;padding-inline:5px;font-size:11px;font-weight:800;background:color-mix(in srgb,currentcolor 18%,transparent);direction:ltr}.tr-note{margin-block:16px 0;color:var(--muted);font-size:12px;line-height:1.7;text-align:start}.tr-g-S{color:#a78bfa}.tr-g-A{color:var(--ok)}.tr-g-B{color:var(--accent)}.tr-g-C{color:#fbbf24}.tr-g-D{color:var(--err)}@media(prefers-reduced-motion:reduce){.tr-stage{transition:none}}