/* Minimal styles; no Tailwind required */
.ea-wrap {  margin: 0 auto;  box-sizing: border-box; }
.ea-heading { max-width: 42rem; margin: 0 auto; text-align: center; }
.ea-title { font-size: 1.5rem; font-weight: 700; margin: 0; }
@media (min-width: 640px){ .ea-title { font-size: 1.875rem; } }
.ea-sub { margin-top: 0.5rem; font-size: 0.9rem; color: #cbd5e1; }

.ea-card { position: relative; margin: 2rem auto 0; padding: 1.5rem; border-radius: 1.5rem; border: 1px solid #334155; box-shadow: 0 10px 25px rgba(0,0,0,0.25); background: #0f172a; color: #e2e8f0; }

.ea-readout { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ea-emoji { font-size: 2rem; }
.ea-copy { flex: 1; }
.ea-copy-title { font-size: 1.3rem; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(226,232,240,0.8); }
.ea-copy-text { margin-top: 0.25rem; font-size: 1rem; color: #f1f5f9; }

.ea-scale { display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; margin-top: 1.5rem; }

.ea-slider-wrap { margin-top: 0.5rem; }
.ea-slider { width: 100%; padding: 0; height: auto;}
.ea-slider:focus { outline: none; }

.ea-labels { margin-top: 0.25rem; display: block; justify-content: space-between; font-size: 11px; color: rgba(226,232,240,0.8); }
.ea-labels span {
    width: 33%;
    display: inline-block;
    text-align: center;
}
.ea-labels span:first-child {
    text-align: left;
}
.ea-labels span:last-child {
    text-align: right;
}

.ea-cta-wrap { margin-top: 1.5rem; display: flex; justify-content: center; }
.ea-cta { border-radius: 999px; padding: 0.5rem 1.25rem; font-size: 0.9rem; font-weight: 600; transition: transform 150ms ease; text-decoration: none; }
.ea-cta.disabled { pointer-events: none; background: rgba(51,65,85,0.6); color: #cbd5e1; }
.ea-cta:not(.disabled) { background: #7c3aed; color: white; }
.ea-cta:not(.disabled):hover { transform: scale(1.02); }