.lcp-wrap{max-width:520px;margin:0 auto;font-family:system-ui}
.lcp-card{
  padding:24px;
  border-radius:20px;
  opacity:0;
  transform:translateY(20px);
  transition:.35s ease;
  display:none;
}
.lcp-card.lcp-active{display:block;opacity:1;transform:none}
.lcp-title{margin:0 0 30px 0;font-size:24px; font-weight: 600;}
.lcp-inputbox{position:relative}
.lcp-inputbox input{
  width:100%;
  padding:16px;
  font-size:22px;
  border-radius:16px;
  border:1px solid #eee;
  outline:none;
}
.disabled-btn {
  opacity: 0.6;
  cursor: not-allowed!important;
}
.lcp-inputbox span{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#777;
  font-size:14px;
}
.lcp-row{display:flex;gap:12px;margin-top:16px}
.lcp-row select{
  flex:1;
  padding:14px;
  border-radius:14px;
  border:1px solid #eee;
  outline:none;
  font-size:14px;
  background:#fff;
}
.lcp-btn{
  width:100%;
  margin-top:20px;
  padding:16px;
  border-radius:14px;
  border:0;
  background:#8b5cf6;
  color:#fff;
  font-size:16px;
  cursor:pointer;
}
.lcp-btn-secondary{background:var(--purple);color:#ffffff;}
.lcp-result-row{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin:16px 0;
  font-size:16px;
  font-weight:700;
  color:var(--black-700);
  border-bottom: 1px solid #8b4fc978;
  padding: 5px 0;
}
.lcp-result-row b{color:#4F4F4F;}
.lcp-hr{border-top:1px solid #eee;margin:16px 0}
.lcp-note{margin-top:10px;font-size:13px;color:red;}