#crypto-checkout { width: min(92vw, 520px); max-height: 90dvh; overflow: auto; border: 1px solid var(--line); padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--paper); color: var(--ink); }
#crypto-checkout::backdrop { background: rgb(28 29 22 / 42%); backdrop-filter: blur(5px); }
.checkout-close { position: absolute; right: 1rem; top: .8rem; width: 44px; height: 44px; background: transparent; font-size: 2rem; color: inherit; }
.checkout-eyebrow { color: var(--copper); font-size: .75rem; margin-bottom: .8rem; }
#checkout-title { font-family: "Iowan Old Style", Baskerville, serif; font-size: clamp(2.5rem, 8vw, 3.8rem); line-height: 1; letter-spacing: -.055em; margin: 0 0 1.5rem; font-weight: 400; }
.checkout-domain { font-size: .85rem; overflow-wrap: anywhere; }
.checkout-total { font-size: clamp(2.5rem, 9vw, 4.5rem); letter-spacing: -.06em; margin: .5rem 0; }
.checkout-network, .checkout-terms { color: var(--muted); font-size: .75rem; line-height: 1.5; }
#payment-form { margin-top: 2rem; }
#payment-form label { display: block; margin-bottom: .5rem; font-size: .8125rem; }
#payment-form input { width: 100%; min-height: 50px; border: 1px solid var(--line); border-radius: 0; background: transparent; color: inherit; padding: .75rem; font: inherit; }
#payment-form .purchase-button { margin-top: 1rem; min-height: 56px; }
.checkout-status { margin-top: 1.25rem; font-size: .8125rem; line-height: 1.5; }
.checkout-terms { margin-top: 1.5rem; }
@media (prefers-reduced-motion: no-preference) { #crypto-checkout[open] { animation: enter 240ms var(--ease); } }