.tool-reaction-time-test{color:var(--fg);max-width:820px;margin:0 auto}
.tool-reaction-time-test *{box-sizing:border-box}
.tool-reaction-time-test .rt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tool-reaction-time-test .rt-seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.tool-reaction-time-test .rt-seg button{font:inherit;color:var(--fg);background:transparent;border:0;padding:10px 18px;cursor:pointer;min-height:44px}
.tool-reaction-time-test .rt-seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}
.tool-reaction-time-test .rt-count{color:var(--muted)}
.tool-reaction-time-test .rt-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:300px;padding:24px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;outline-offset:3px}
.tool-reaction-time-test .rt-pad:focus-visible{outline:3px solid var(--accent)}
.tool-reaction-time-test .rt-pad[data-state="wait"],.tool-reaction-time-test .rt-pad[data-state="early"]{background:var(--danger);border-color:var(--danger);color:#fff}
.tool-reaction-time-test .rt-pad[data-state="wait"][data-mode="audio"]{background:var(--surface);border-color:var(--accent);color:var(--fg)}
.tool-reaction-time-test .rt-pad[data-state="go"][data-mode="visual"]{background:var(--ok);border-color:var(--ok);color:#001b0a}
.tool-reaction-time-test .rt-msg{font-size:clamp(1.4rem,5vw,2.4rem);font-weight:700}
.tool-reaction-time-test .rt-sub{opacity:.85;max-width:44ch}
.tool-reaction-time-test .rt-tries{list-style:none;display:flex;gap:8px;padding:0;margin:12px 0;flex-wrap:wrap}
.tool-reaction-time-test .rt-tries li{flex:1 1 60px;text-align:center;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums}
.tool-reaction-time-test .rt-result{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:16px;margin:12px 0}
.tool-reaction-time-test .rt-big span{font-size:3rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.tool-reaction-time-test .rt-tier{font-weight:700;margin:4px 0 10px}
.tool-reaction-time-test .rt-bar{height:10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}
.tool-reaction-time-test .rt-bar i{display:block;height:100%;width:0;background:var(--accent)}
.tool-reaction-time-test .rt-pct{color:var(--muted);margin:10px 0 0}
.tool-reaction-time-test .rt-hist h2{font-size:1.1rem;margin:18px 0 6px}
.tool-reaction-time-test .rt-hist ul{padding-left:18px;margin:6px 0 10px}
.tool-reaction-time-test .rt-muted,.tool-reaction-time-test .rt-note{color:var(--muted)}
.tool-reaction-time-test .rt-note{font-size:.9rem;margin-top:16px}
.tool-reaction-time-test .rt-btn{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;min-height:40px}