body { background: #fff; color: #24262b; }
.moneying-recovery-page, .moneying-recovery-page * { box-sizing: border-box; }
.moneying-recovery-page {
  width: 100%; min-height: calc(100vh - 209px); padding: 202px 20px 96px;
  color: #24262b; background: #fff;
  font-family: Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.moneying-recovery-shell { width: min(520px, 100%); margin: 0 auto; }
.moneying-recovery-heading { min-height: 83px; margin-bottom: 42px; text-align: center; }
.moneying-recovery-title { margin: 0; color: #24262b; font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -.02em; }
.moneying-recovery-description { margin: 15px 0 0; color: #a0a2a8; font-size: 13px; font-weight: 400; line-height: 1.55; letter-spacing: -.015em; }
.moneying-recovery-card { width: 100%; padding: 32px 46px; border: 1px solid #dedfe2; border-radius: 20px; background: #fff; }
.moneying-recovery-form { display: flex; flex-direction: column; gap: 12px; }
.moneying-recovery-input {
  width: 100%; height: 56px; padding: 0 20px; border: 1px solid #dedfe2; border-radius: 12px;
  color: #24262b; background: #fff; font: inherit; font-size: 15px; line-height: 1;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.moneying-recovery-input::placeholder { color: #a9abb1; opacity: 1; }
.moneying-recovery-input:focus, .moneying-recovery-input:focus-visible { border-color: #c3ff00; outline: none; box-shadow: inset 0 0 0 1px #c3ff00; }
.moneying-recovery-input--code { text-align: center; font-size: 21px; font-weight: 700; letter-spacing: .2em; }
.moneying-recovery-input--code::placeholder { font-size: 15px; font-weight: 400; letter-spacing: 0; }
.moneying-recovery-button {
  width: 100%; min-height: 56px; padding: 0 20px; border: 0; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; color: #24262b; background: #c3ff00;
  font: inherit; font-size: 15px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none;
  cursor: pointer; transition: filter .18s ease, opacity .18s ease;
}
.moneying-recovery-button:hover { filter: brightness(.97); }
.moneying-recovery-button:disabled { cursor: wait; opacity: .62; }
.moneying-recovery-button--secondary { border: 1px solid #dedfe2; color: #555860; background: #f4f4f5; }
.moneying-recovery-back, .moneying-recovery-text-button { color: #a0a2a8; font: inherit; font-size: 12px; text-align: center; text-decoration: none; }
.moneying-recovery-back { width: max-content; margin: 24px auto 0; display: block; }
.moneying-recovery-back:hover, .moneying-recovery-text-button:hover { color: #666970; text-decoration: underline; text-underline-offset: 3px; }
.moneying-recovery-alert { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #ffc9c9; border-radius: 12px; color: #b42318; background: #fff5f5; font-size: 13px; line-height: 1.5; }
.moneying-recovery-status { text-align: center; }
.moneying-recovery-status h2, .moneying-recovery-found-title { margin: 0; color: #24262b; font-size: 18px; font-weight: 700; line-height: 1.45; }
.moneying-recovery-status p, .moneying-recovery-verify-copy { margin: 12px 0 0; color: #777a81; font-size: 13px; line-height: 1.65; }
.moneying-recovery-status .moneying-recovery-button { margin-top: 24px; }
.moneying-recovery-temp { margin-top: 20px; padding: 18px; border-radius: 12px; color: #24262b; background: #f3f3f3; font-size: 24px; font-weight: 800; letter-spacing: .08em; }
.moneying-recovery-verify-copy { margin: 0 0 18px; text-align: center; }
.moneying-recovery-verify-copy strong { color: #24262b; font-weight: 700; }
.moneying-recovery-resend { margin-top: 14px; text-align: center; }
.moneying-recovery-text-button { padding: 5px; border: 0; background: transparent; cursor: pointer; }
.moneying-recovery-found-title { margin-bottom: 18px; text-align: left; }
.moneying-recovery-found-count { color: #6f9200; }
.moneying-recovery-results { display: grid; gap: 10px; }
.moneying-recovery-result { padding: 15px 16px; border: 1px solid #e1e2e5; border-radius: 12px; display: flex; align-items: center; gap: 12px; text-align: left; }
.moneying-recovery-result-icon { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; color: #74777e; background: #f0f0f1; }
.moneying-recovery-result-icon--kakao { color: #3c1e1e; background: #fee500; }
.moneying-recovery-result-icon svg { width: 17px; height: 17px; }
.moneying-recovery-result strong { display: block; color: #24262b; font-size: 14px; }
.moneying-recovery-result small { display: block; margin-top: 3px; color: #a0a2a8; font-size: 11px; }
.moneying-recovery-result-actions { margin-top: 18px; display: grid; gap: 10px; }
.moneying-recovery-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
  .moneying-recovery-page { min-height: 620px; padding: 126px 18px 92px; }
  .moneying-recovery-shell { width: min(430px, 100%); }
  .moneying-recovery-heading { min-height: 76px; margin-bottom: 38px; }
  .moneying-recovery-title { font-size: 19px; }
  .moneying-recovery-description { margin-top: 12px; font-size: 12px; }
  .moneying-recovery-card { padding: 22px 18px; border-radius: 18px; }
  .moneying-recovery-input, .moneying-recovery-button { min-height: 54px; height: 54px; border-radius: 11px; font-size: 14px; }
  .moneying-recovery-input--code { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { .moneying-recovery-input, .moneying-recovery-button { transition: none; } }