.reaction-container[data-v-37286d07]{max-width:800px;margin:0 auto;padding:2rem 1rem;font-family:"Exo 2",sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.reaction-header[data-v-37286d07]{text-align:center;margin-bottom:2rem}.reaction-title[data-v-37286d07]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.reaction-subtitle[data-v-37286d07]{color:var(--color-text-medium);font-size:1.1rem}.stats-grid[data-v-37286d07]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.reaction-settings[data-v-37286d07]{margin-bottom:1.5rem}.progress-indicator[data-v-37286d07]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.progress-dots[data-v-37286d07]{display:flex;gap:.5rem}.progress-dot[data-v-37286d07]{width:12px;height:12px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.progress-dot--done[data-v-37286d07]{background:#10b981}.progress-dot--current[data-v-37286d07]{background:#f59e0b;transform:scale(1.2)}.progress-text[data-v-37286d07]{font-size:.875rem;font-weight:600;color:var(--color-text-medium)}.reaction-area[data-v-37286d07]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #cbd5e1;border-radius:24px;min-height:320px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;margin-bottom:1.5rem}.reaction-area--waiting[data-v-37286d07]{border-style:solid;border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.reaction-area--click[data-v-37286d07]{border-style:solid;border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);animation:pulse-green-37286d07 .5s ease-in-out infinite}@keyframes pulse-green-37286d07{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 15px #10b98100}}.reaction-area--finished[data-v-37286d07]{border-style:solid;border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reaction-area--early[data-v-37286d07]{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.reaction-area__content[data-v-37286d07]{text-align:center;z-index:1}.start-icon[data-v-37286d07],.wait-icon[data-v-37286d07],.click-icon[data-v-37286d07]{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.start-icon[data-v-37286d07]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #f59e0b4d}.start-icon svg[data-v-37286d07]{width:40px;height:40px;color:#fff}.wait-icon[data-v-37286d07]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d;animation:pulse-red-37286d07 1s ease-in-out infinite}@keyframes pulse-red-37286d07{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wait-icon svg[data-v-37286d07]{width:40px;height:40px;color:#fff}.click-icon[data-v-37286d07]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px #10b9814d}.click-icon svg[data-v-37286d07]{width:40px;height:40px;color:#fff}.start-text[data-v-37286d07],.wait-text[data-v-37286d07],.click-text[data-v-37286d07]{font-size:1.5rem;font-weight:700}.start-text[data-v-37286d07]{color:var(--color-text-base)}.wait-text[data-v-37286d07]{color:#dc2626}.click-text[data-v-37286d07]{color:#059669}.result-display[data-v-37286d07]{margin-bottom:1.5rem}.result-icon[data-v-37286d07]{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon svg[data-v-37286d07]{width:30px;height:30px;color:#fff}.result-value[data-v-37286d07]{font-size:4rem;font-weight:800;color:#10b981;line-height:1}.result-unit[data-v-37286d07]{font-size:1.5rem;font-weight:600;color:var(--color-text-medium);margin-left:.25rem}.result-label[data-v-37286d07]{font-size:1.125rem;color:var(--color-text-medium);margin-bottom:.5rem}.result-best[data-v-37286d07]{font-size:1rem;font-weight:600;color:#f59e0b}.reset-btn-external[data-v-37286d07]{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b4d;margin-bottom:1.5rem}.reset-btn-external[data-v-37286d07]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.reset-btn-external svg[data-v-37286d07]{width:20px;height:20px}.results-list[data-v-37286d07]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.result-item[data-v-37286d07]{background:var(--color-surface);border-radius:10px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d;border:1px solid var(--color-background-alt)}.result-item__index[data-v-37286d07]{font-size:.75rem;font-weight:600;color:#9ca3af}.result-item__value[data-v-37286d07]{font-size:.9rem;font-weight:700;color:var(--color-text-base)}.result-item__value--early[data-v-37286d07]{color:#ef4444}@media (max-width: 640px){.reaction-title[data-v-37286d07]{font-size:2rem}.stats-grid[data-v-37286d07]{grid-template-columns:1fr;gap:.75rem}.result-value[data-v-37286d07]{font-size:3rem}}