.lcp-wrap{max-width:520px;margin:0 auto;font-family:system-ui}
.lcp-card{
  background:#fff;
  padding:24px;
  border-radius:20px;
  box-shadow:0 15px 40px rgba(0,0,0,.1);
  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 14px 0;font-size:18px}
.lcp-inputbox{position:relative}
.lcp-inputbox input{
  width:100%;
  padding:16px;
  font-size:22px;
  border-radius:16px;
  border:1px solid #eee;
  outline:none;
}
.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:#eee;color:#333}
.lcp-result-row{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin:14px 0;
  font-size:14px;
  color:#444;
}
.lcp-result-row b{color:#111}
.lcp-hr{border:none;border-top:1px solid #eee;margin:16px 0}
.lcp-note{margin-top:10px;font-size:13px;color:#777}