.reaction-app{color:#e2e8f0;background:radial-gradient(circle at top,#040b16,#01030a 70%);min-height:100vh;padding:2rem 1rem 3rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.reaction-container{gap:1.5rem;max-width:720px;margin:0 auto;display:grid}.reaction-card{background:#0f172ad9;border:1px solid #94a3b840;border-radius:20px;gap:1.25rem;padding:1.75rem;display:grid;box-shadow:0 20px 60px #02061773}.reaction-stage{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:18px;justify-content:center;align-items:center;min-height:400px;transition:background .2s;display:flex;box-shadow:inset 0 0 40px #00000040}.reaction-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;display:grid}.reaction-metric{text-align:center;background:#0f121eb3;border:1px solid #94a3b840;border-radius:16px;padding:.9rem 1.1rem}.reaction-metric span{display:block}.reaction-metric span.label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8cc;font-size:.75rem}.reaction-metric span.value{color:#f8fafc;font-size:1.4rem;font-weight:600}.reaction-actions{flex-wrap:wrap;gap:.75rem;display:flex}.reaction-actions button,.reaction-actions a{cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.4rem;font-weight:600}.reaction-actions button.primary{color:#03111c;background:#38bdf8}.reaction-actions button.secondary{color:#e2e8f0e6;background:0 0;border:1px solid #94a3b866}.reaction-actions a{color:#e2e8f0e6;border:1px solid #94a3b866;text-decoration:none}.reaction-stage p{font-size:1.1rem;font-weight:600}@media (max-width:640px){.reaction-card{padding:1.25rem}.reaction-stage{min-height:280px}}