.nr-page{
  max-width:900px;
  margin:0 auto;
  padding:44px 18px 70px;
  color:#30343b;
}
.nr-head{
  text-align:center;
  margin-bottom:24px;
}
.nr-kicker{
  display:inline-block;
  padding:6px 12px;
  border:1px solid #d6d8dc;
  border-radius:999px;
  background:#f4f4f2;
  color:#656a72;
  font-size:13px;
  font-weight:700;
  margin-bottom:10px;
}
.nr-head h1{
  margin:0 0 8px;
  font-size:34px;
  font-weight:850;
}
.nr-head p{
  margin:0 auto;
  max-width:650px;
  color:#70757d;
  line-height:1.8;
}
.nr-card{
  background:#fff;
  border:1px solid #d9dce0;
  border-radius:24px;
  padding:30px;
  box-shadow:0 12px 34px rgba(40,44,50,.07);
  text-align:center;
}
.nr-progress{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#686d74;
  font-size:15px;
  font-weight:700;
  margin-bottom:28px;
}
.nr-phase{
  color:#777c83;
  min-height:28px;
  font-weight:700;
}
.nr-number{
  min-height:125px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:68px;
  letter-spacing:10px;
  font-weight:900;
  color:#292d33;
  direction:ltr;
  transition:opacity .15s;
}
.nr-number.nr-hidden{
  opacity:0;
}
.nr-recall{
  max-width:430px;
  margin:8px auto 0;
}
.nr-recall label{
  display:block;
  margin-bottom:10px;
  color:#4f545b;
  font-weight:700;
}
.nr-recall input{
  width:100%;
  box-sizing:border-box;
  padding:15px 18px;
  border:2px solid #cfd2d6;
  border-radius:13px;
  font-size:26px;
  text-align:center;
  letter-spacing:5px;
  direction:ltr;
  outline:none;
}
.nr-recall input:focus{
  border-color:#70757d;
  box-shadow:0 0 0 3px #eeeeec;
}
.nr-recall button,
.nr-start{
  border:1px solid #5e636a;
  background:#383d43;
  color:#fff;
  border-radius:12px;
  padding:12px 28px;
  margin-top:13px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.nr-recall button:hover,
.nr-start:hover{
  background:#282d32;
}
.nr-recall button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.nr-feedback{
  min-height:30px;
  margin:18px 0 4px;
  font-weight:800;
}
.nr-feedback.good{color:#4d7658}
.nr-feedback.bad{color:#9a5555}
.nr-start{margin-top:18px}
@media(max-width:650px){
  .nr-page{padding:28px 10px 55px}
  .nr-card{padding:20px 14px}
  .nr-head h1{font-size:28px}
  .nr-number{font-size:50px;letter-spacing:6px;min-height:105px}
}