.ysa-card{max-width:820px;margin:auto;padding:28px;background:#fff;font-family:Arial}
.ysa-logo{height:56px;margin-bottom:12px}
.ysa-question{margin-bottom:24px}
.ysa-qtitle{font-weight:800;margin-bottom:12px}

.ysa-scale{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.ysa-pill{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:22px 0;
  border-radius:18px;
  background:#e5e7eb;
  cursor:pointer;
}

.ysa-pill-num{font-size:28px;font-weight:900}
.ysa-pill-label{font-size:14px;margin-top:6px}

input{display:none}
input:checked + .ysa-pill{background:#0b2c5d;color:#fff}

.ysa-progress{margin:16px 0}
.ysa-progress-fill{height:8px;width:0;background:#0b2c5d}

button{margin-top:18px;padding:14px;width:100%}