.trf{gap:var(--s-3);flex-direction:column;display:flex}.trf-barra{justify-content:space-between;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-3);display:flex}.trf-pen{color:var(--warn)}.trf-pen[hidden]{display:none}.trf-panel{justify-content:center;align-items:center;gap:var(--s-3);width:100%;min-height:min(44vh,300px);padding:var(--s-5) var(--s-4);border:2px solid var(--border-strong);border-radius:var(--r-3);background:var(--surface-2);color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color 90ms var(--ease), border-color 90ms var(--ease);flex-direction:column;display:flex}.trf-panel:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.trf-panel.trf-ahora{background:var(--accent-soft);border-color:var(--accent)}.trf-panel.trf-pen{border-color:var(--warn)}.trf-panel:disabled{cursor:default;opacity:.85}.trf-forma{border:4px solid var(--border);width:64px;height:64px;transition:background-color 90ms var(--ease), border-color 90ms var(--ease), transform 90ms var(--ease);background:0 0;border-radius:50%}.trf-panel.trf-ahora .trf-forma{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.trf-estado{font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-tight);text-align:center}.trf-sub{font-size:var(--fs-sm);color:var(--text-2);text-align:center}.trf-tiempos{gap:var(--s-2);flex-wrap:wrap;min-height:1.5rem;margin:0;padding:0;list-style:none;display:flex}.trf-tiempos li{font-family:var(--font-mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;padding:2px var(--s-2);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface-2);color:var(--text-2)}.trf-tiempos li.trf-mejor{border-color:var(--ok);color:var(--ok)}.trf-ayuda{font-size:var(--fs-sm);color:var(--text-3);margin:0}.trf-detalle{gap:var(--s-3);flex-direction:column;display:flex}.trf-res{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:0;display:grid}.trf-res>div{min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);flex-direction:column;gap:2px;display:flex}.trf-res dt{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.trf-res dd{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.trf-frase{color:var(--text-2);margin:0}@media (prefers-reduced-motion:reduce){.trf-panel,.trf-forma{transition:none}}