.dpx .dpxHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dpx .dpxBalance{border:1px solid var(--brand-border);background:var(--brand-surface-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;margin-inline-start:auto;padding:6px 14px;font-weight:800;display:inline-flex}.dpx .dpxMethods{flex-wrap:wrap;gap:8px;display:flex}.dpx .dpxMethods button{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-muted);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.dpx .dpxMethods button:hover{color:var(--brand-text)}.dpx .dpxMethods button[aria-pressed=true]{color:var(--brand-text);background:color-mix(in srgb, var(--brand-primary) 18%, var(--brand-surface-2));border-color:color-mix(in srgb, var(--brand-primary) 55%, transparent)}.dpx .dpxLogo{border-radius:22%}.dpx .dpxAmounts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dpx .dpxAmounts button{border:1px solid var(--brand-border);background:var(--brand-surface);min-width:72px;color:var(--brand-muted);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:10px;padding:9px 0;font-weight:800}.dpx .dpxAmounts button[aria-pressed=true]{color:var(--brand-text);background:color-mix(in srgb, var(--brand-primary) 18%, var(--brand-surface-2));border-color:color-mix(in srgb, var(--brand-primary) 55%, transparent)}.dpx .dpxAmounts input{text-align:center;border:1px solid var(--brand-border);background:var(--brand-surface);width:110px;color:var(--brand-text);font:inherit;font-variant-numeric:tabular-nums;border-radius:10px;padding:9px 12px;font-weight:700}.dpx .dpxSelect{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);font:inherit;cursor:pointer;border-radius:10px;max-width:100%;padding:9px 12px;font-size:13px;font-weight:600}.dpx .dpxPay{border:1px dashed color-mix(in srgb, var(--brand-primary) 45%, var(--brand-border));background:color-mix(in srgb, var(--brand-primary) 6%, transparent);border-radius:12px;gap:10px;padding:14px;display:grid}.dpx .dpxMono{text-align:left;word-break:break-all;border:1px solid var(--brand-border);background:var(--brand-surface);direction:ltr;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;display:flex}.dpx .dpxCopy{border:1px solid var(--brand-border);color:var(--brand-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.dpx .dpxCopy:hover{color:var(--brand-text)}.dpx .dpxTimer{font-variant-numeric:tabular-nums;color:var(--brand-primary);align-items:center;gap:5px;font-weight:800;display:inline-flex}.dpx .dpxRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dpx .dpxHint{color:var(--brand-muted);margin:0;font-size:12.5px;line-height:1.7}.dpx .dpxErr{color:#f87171;margin:0;font-size:13px;font-weight:700}.dpx .dpxOk{color:#22c55e;margin:0;font-size:13px;font-weight:800}.dpx .dpxSpin{animation:1s linear infinite dpxSpin}@keyframes dpxSpin{to{transform:rotate(360deg)}}.dpx .dpxTxInput{text-align:left;border:1px solid var(--brand-border);background:var(--brand-surface);width:100%;color:var(--brand-text);direction:ltr;border-radius:10px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px}