:root{--rtt-primary:#6366f1;--rtt-primary-light:#818cf8;--rtt-text:#0f172a;--rtt-text-secondary:#475569;--rtt-text-muted:#64748b;--rtt-bg:#fff;--rtt-bg-secondary:#f8fafc;--rtt-border:#e2e8f0;--rtt-radius:1rem;--rtt-radius-lg:1.25rem;--rtt-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--rtt-shadow-lg:0 4px 12px #0000001a;--rtt-idle:#6366f1;--rtt-wait:#ef4444;--rtt-go:#22c55e;--rtt-early:#f59e0b;--rtt-rank-lightning:#8b5cf6;--rtt-rank-fast:#22c55e;--rtt-rank-average:#3b82f6;--rtt-rank-slow:#f59e0b;--rtt-rank-sleepy:#ef4444;--rtt-seq-1:#ef4444;--rtt-seq-2:#f59e0b;--rtt-seq-3:#22c55e;--rtt-seq-4:#3b82f6;--rtt-seq-5:#8b5cf6;--rtt-seq-6:#ec4899;--rtt-seq-7:#14b8a6;--rtt-seq-8:#f97316;--rtt-seq-9:#06b6d4}._rtt-container{flex-direction:column;gap:1rem;display:flex}._rtt-bottom{flex-direction:column;gap:1rem;width:100%;max-width:640px;margin:0 auto;display:flex}@media (max-width:768px){._rtt-container{padding-left:1rem;padding-right:1rem}}._rtt-modes{background:var(--rtt-bg);border-radius:var(--rtt-radius);max-width:480px;box-shadow:var(--rtt-shadow);border-style:solid;border-width:1px;border-color:var(--rtt-border);gap:.5rem;margin:0 auto;padding:.375rem;display:flex}._rtt-mode-btn{border-radius:calc(var(--rtt-radius) - .25rem);color:var(--rtt-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s;display:flex}._rtt-mode-btn:hover{color:var(--rtt-text);background:var(--rtt-bg-secondary)}._rtt-mode-btn--active{background:var(--rtt-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}._rtt-mode-btn--active:hover{background:var(--rtt-primary);color:#fff;opacity:.9}._rtt-mode-btn svg{flex-shrink:0}@media (max-width:480px){._rtt-mode-btn{gap:.375rem;padding:.5rem .75rem;font-size:.8125rem}}._rtt-test-area{cursor:pointer;background:var(--rtt-idle);min-height:400px;box-shadow:var(--rtt-shadow-lg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative;overflow:hidden}._rtt-test-area--wait{background:var(--rtt-wait)}._rtt-test-area--go{background:var(--rtt-go)}._rtt-test-area--early{background:var(--rtt-early)}._rtt-test-area--result{background:var(--rtt-primary)}._rtt-test-area--sequence{background:var(--rtt-bg);border-style:solid;border-width:1px;border-color:var(--rtt-border);cursor:default;flex-direction:column;gap:1.5rem;padding:2rem}._rtt-test-content{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}._rtt-test-area--sequence ._rtt-test-content{color:var(--rtt-text)}._rtt-test-icon svg{opacity:.9;width:56px;height:56px}._rtt-test-message{font-size:1.75rem;font-weight:700;line-height:1.2}._rtt-test-submessage{opacity:.85;max-width:320px;min-height:1.5em;font-size:.9375rem}._rtt-test-time{font-size:3.5rem;font-weight:800;font-family:var(--main-font-mono);line-height:1;display:none}._rtt-test-time--visible{display:block}._rtt-sequence-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:300px;margin:0 auto;display:grid}._rtt-seq-btn{aspect-ratio:1;border-radius:var(--rtt-radius);background:var(--rtt-bg-secondary);border-style:solid;border-width:2px;border-color:var(--rtt-border);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}._rtt-seq-btn:hover{opacity:.85}._rtt-seq-btn--active{border-color:#0000;box-shadow:0 0 0 3px #6366f14d}._rtt-seq-btn--correct{border-color:var(--rtt-go);box-shadow:0 0 0 3px #22c55e4d}._rtt-seq-btn--wrong{border-color:var(--rtt-wait);box-shadow:0 0 0 3px #ef44444d}._rtt-seq-btn--disabled{cursor:not-allowed;opacity:.35;pointer-events:none}._rtt-seq-btn--disabled._rtt-seq-btn--active{opacity:1}._rtt-sequence-grid--ready ._rtt-seq-btn{border-color:var(--rtt-primary);opacity:1}._rtt-seq-level{color:var(--rtt-text-secondary);text-align:center;font-size:1rem;font-weight:600}._rtt-seq-level strong{color:var(--rtt-primary);font-size:1.25rem}@media (max-width:480px){._rtt-test-area{min-height:300px}._rtt-test-message{font-size:1.375rem}._rtt-test-time{font-size:2.75rem}._rtt-sequence-grid{gap:.5rem;max-width:240px}._rtt-test-area--sequence{padding:1.5rem}}._rtt-progress{justify-content:center;gap:.5rem;padding:.25rem 0;display:flex}._rtt-dot{background:var(--rtt-border);border-radius:50%;width:10px;height:10px;transition:background .2s,box-shadow .2s}._rtt-dot--active{background:var(--rtt-primary);box-shadow:0 0 0 3px #6366f133}._rtt-dot--done{background:var(--rtt-go)}._rtt-dot--early{background:var(--rtt-early)}._rtt-result{background:var(--rtt-bg);border-radius:var(--rtt-radius-lg);box-shadow:var(--rtt-shadow);border-style:solid;border-width:1px;border-color:var(--rtt-border);flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}._rtt-result-rank{text-align:center}._rtt-result-rank-icon{color:var(--rtt-primary);justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}._rtt-result-rank-icon svg{width:32px;height:32px}._rtt-result-rank-label{font-size:1.25rem;font-weight:700}._rtt-result-rank-desc{color:var(--rtt-text-muted);margin-top:.25rem;font-size:.8125rem}._rtt-result-stats{gap:1rem;width:100%;display:flex}._rtt-stat{text-align:center;background:var(--rtt-bg-secondary);border-radius:var(--rtt-radius);border-style:solid;border-width:1px;border-color:var(--rtt-border);flex:1;padding:.75rem}._rtt-stat-label{color:var(--rtt-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}._rtt-stat-value{font-size:1.25rem;font-weight:700;font-family:var(--main-font-mono);color:var(--rtt-text);display:block}._rtt-stat-value--primary{color:var(--rtt-primary)}._rtt-result-attempts{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}._rtt-attempt-chip{font-size:.75rem;font-family:var(--main-font-mono);border-radius:var(--main-radius-full);background:var(--rtt-bg-secondary);border-style:solid;border-width:1px;border-color:var(--rtt-border);color:var(--rtt-text-secondary);padding:.25rem .625rem}._rtt-attempt-chip--best{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}._rtt-btn-retry{background:var(--rtt-primary);color:#fff;border-radius:var(--main-radius-full);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex;box-shadow:0 2px 8px #6366f14d}._rtt-btn-retry:hover{opacity:.9}@media (max-width:480px){._rtt-result{padding:1.25rem}._rtt-result-stats{gap:.5rem}._rtt-stat{padding:.5rem}._rtt-stat-value{font-size:1.125rem}}._rtt-history{background:var(--rtt-bg);border-radius:var(--rtt-radius);box-shadow:var(--rtt-shadow);border-style:solid;border-width:1px;border-color:var(--rtt-border);overflow:hidden}._rtt-history-toggle{width:100%;color:var(--rtt-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}._rtt-history-toggle:hover{color:var(--rtt-text)}._rtt-history-count{font-size:.75rem;font-family:var(--main-font-mono);background:var(--rtt-bg-secondary);border-radius:var(--main-radius-full);color:var(--rtt-text-muted);padding:.125rem .5rem}._rtt-history-chevron{margin-left:auto;transition:transform .2s}._rtt-history-chevron--open{transform:rotate(180deg)}._rtt-history-body{padding:0 1rem 1rem}._rtt-history-list{flex-direction:column;gap:.5rem;max-height:280px;display:flex;overflow-y:auto}._rtt-history-item{background:var(--rtt-bg-secondary);border-radius:calc(var(--rtt-radius) - .25rem);border-style:solid;border-width:1px;border-color:var(--rtt-border);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}._rtt-history-mode{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--main-radius-full);color:var(--rtt-primary);white-space:nowrap;background:#6366f11a;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}._rtt-history-mode--audio{color:#16a34a;background:#22c55e1a}._rtt-history-mode--sequence{color:#7c3aed;background:#8b5cf61a}._rtt-history-avg{font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono);color:var(--rtt-text)}._rtt-history-date{color:var(--rtt-text-muted);white-space:nowrap;margin-left:auto;font-size:.75rem}._rtt-history-empty{text-align:center;color:var(--rtt-text-muted);padding:1.5rem 0;font-size:.8125rem}._rtt-history-clear{width:100%;color:var(--rtt-text-muted);cursor:pointer;border-radius:calc(var(--rtt-radius) - .25rem);background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem;font-size:.8125rem;transition:color .2s;display:flex}._rtt-history-clear:hover{color:var(--rtt-wait)}._rtt-history-trend{align-items:flex-end;gap:2px;height:32px;margin-top:.5rem;padding:0 .75rem;display:flex}._rtt-history-bar{background:var(--rtt-primary);opacity:.5;border-radius:2px 2px 0 0;flex:1;min-width:4px;transition:opacity .2s}._rtt-history-bar:last-child{opacity:1}