*{box-sizing:border-box}html{background:#000;color-scheme:dark}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
#checkout{min-height:100dvh;max-width:560px;margin:auto;padding:env(safe-area-inset-top) 24px max(32px,env(safe-area-inset-bottom));background:var(--background);color:var(--text)}
header{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:12px}header button,.header-spacer{min-width:70px}header button{color:var(--secondary);border:0;background:none;font:inherit;padding:12px 0;text-align:start;cursor:pointer}.wordmark{font-weight:800;font-size:26px;letter-spacing:-1.6px}h1{font-size:28px;letter-spacing:-.7px;margin:8px 0 24px}h2{font-size:17px;font-weight:600;margin:26px 0 16px}
.receipt{border:1px solid var(--border);border-radius:24px;padding:20px;background:linear-gradient(140deg,var(--surface),var(--background))}.receipt:empty{display:none}.receipt-line,.receipt-total{display:flex;justify-content:space-between;gap:24px;align-items:baseline}.receipt-line{font-size:14px;color:var(--secondary);margin:9px 0}.receipt-line b{color:var(--text);font-weight:500;white-space:nowrap}.receipt-total{padding-top:16px;margin-top:14px;border-top:1px solid var(--border);font-weight:600}.receipt-total strong{font-size:25px;white-space:nowrap}
.button{appearance:none;display:block;width:100%;min-height:54px;margin:12px 0;border:1px solid var(--border);border-radius:18px;padding:16px 18px;color:var(--text);background:var(--surface);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation}.button.primary{background:var(--green);border-color:transparent}.button.method{text-align:start}.button small{display:block;color:var(--secondary);font-weight:400;font-size:13px;line-height:1.5;margin-top:5px}.button:disabled{opacity:.5;cursor:default}.button:focus-visible,header button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.notice,.hint,.state-message{font-size:14px;color:var(--secondary);line-height:1.7}.notice{padding:14px 0}.error{border-inline-start:3px solid var(--error);padding-inline-start:14px}.state-message{margin:30px 0}.success-mark{width:62px;height:62px;background:var(--green);border-radius:50%;font-size:34px;text-align:center;line-height:62px;margin:30px auto 10px}.success-mark+h2{text-align:center}.consent{display:flex;align-items:flex-start;gap:12px;padding:14px 0}.consent input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.field-wrapper{min-width:0;grid-column:1/-1}.field-wrapper:nth-child(2),.field-wrapper:nth-child(3){grid-column:auto}.field-label{font-size:13px;color:var(--secondary);margin-bottom:7px}.secure-field{min-height:54px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;overflow:hidden}.secure-field iframe{width:100%;min-height:28px;border:0}.wallet-sdk-button{min-height:52px;margin:20px 0}.wallet-sdk-button[aria-disabled=true]{opacity:.55;pointer-events:none}
@media(max-width:360px){#checkout{padding-inline:16px}.receipt{padding:16px}h1{font-size:25px}.receipt-total strong{font-size:22px}}@media(prefers-reduced-motion:no-preference){.button{transition:opacity .15s,background .15s}}