.cp-ca {
  width: 100%; max-width: 560px; margin: 16px auto 0; box-sizing: border-box; padding: 18px 20px; border-radius: 24px; text-align: left;
  background-color: rgba(15, 16, 17, 0.35); -webkit-backdrop-filter: blur(24px) saturate(140%); backdrop-filter: blur(24px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 24px 48px -24px rgba(0, 0, 0, 0.5);
  font-family: "Cashpad Sans", ui-sans-serif, system-ui, sans-serif; color: #fff;
}
.cp-ca-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.cp-ca-label { margin: 0; font-size: 15px; line-height: 1.3; }
.cp-ca-state { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255, 255, 255, 0.64); white-space: nowrap; }
.cp-ca-dot { width: 8px; height: 8px; border-radius: 50%; background: #7fd3a4; box-shadow: 0 0 0 0 rgba(127, 211, 164, 0.55); animation: cp-ca-dot 2.2s ease-out infinite; }
.cp-ca[data-state="live"] .cp-ca-dot { animation: none; }
@keyframes cp-ca-dot { to { box-shadow: 0 0 0 9px rgba(127, 211, 164, 0); } }
@media (prefers-reduced-motion: reduce) { .cp-ca-dot { animation: none; } }
.cp-ca-field {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 6px 6px 6px 18px;
  border-radius: 999px; background-color: rgba(255, 255, 255, 0.06);
}
.cp-ca-wait { margin: 0; font-size: 15px; color: rgba(255, 255, 255, 0.64); }
.cp-ca-addr { margin: 0; min-width: 0; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; line-height: 1.35; user-select: all; }
@media screen and (max-width: 479px) { .cp-ca-field { border-radius: 18px; padding: 10px 6px 10px 14px; } .cp-ca-addr { font-size: 13px; } }
.cp-ca-copy {
  flex: 0 0 auto; height: 40px; padding: 0 18px; border: 0; border-radius: 999px; cursor: pointer;
  background: #fff; color: #0f1011; font: inherit; font-size: 14px;
}
.cp-ca-copy:focus-visible { outline: 2px solid #7fd3a4; outline-offset: 3px; }
@media screen and (min-width: 1920px) { .hero .cp-ca { max-width: 640px; } }
@media screen and (max-width: 479px) { .cp-ca { padding: 16px; border-radius: 20px; } }