:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080f1b;color:#f5f8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#172b42 0,transparent 55%),#080f1b}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #91baff;outline-offset:3px}.cx-demo{max-width:1180px;margin:0 auto;padding:28px 28px 44px}.cx-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:24px;border-bottom:1px solid #2b3e55}.cx-brand{font-size:22px;font-weight:850;letter-spacing:-.04em}.cx-badge{font-size:12px;font-weight:750;color:#f5d486;border:1px solid #7d683e;background:#302b1d;padding:8px 13px;border-radius:30px}.cx-title{padding:38px 0 24px}.cx-title h1{font-size:clamp(28px,3.3vw,42px);line-height:1.2;letter-spacing:-.055em;margin:12px 0}.cx-example{color:#f3d17d;font-weight:750;font-size:13px;margin:0}.cx-subtitle{font-size:15px;line-height:1.65;color:#a4b9d1;margin:0}.cx-overview{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;background:#102038;border:1px solid #2a4464;border-radius:14px;padding:20px 24px;margin-bottom:24px}.cx-caption{color:#9eb7d3;font-size:12px}.cx-stage{font-size:18px;color:#f5d486}.cx-overview p{flex-basis:100%;margin:0}.cx-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cx-person{min-width:0;border:1px solid #30445d;border-radius:18px;background:linear-gradient(145deg,#14243a,#0e192a);padding:24px;box-shadow:0 15px 35px #0002}.cx-person-head{display:flex;align-items:center;gap:12px}.cx-person-head h2{font-size:22px;margin:0;letter-spacing:-.04em}.cx-person-number{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#2f465f;color:#e9f4ff;font-weight:800}.cx-buyer .cx-person-number{background:#3e3828;color:#f4d58a}.cx-trade-id{display:flex;flex-direction:column;gap:6px;margin:22px 0 18px;font-size:11px;color:#9db1c8}.cx-trade-id code{font-family:ui-monospace,monospace;overflow-wrap:anywhere;color:#d9e6f5;font-size:10px;line-height:1.6}.cx-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.cx-amount{min-width:0;display:flex;flex-direction:column;gap:9px;padding:15px 13px;border-radius:12px;border:1px solid #2d4058;background:#0b1524}.cx-amount span{font-size:11px;color:#a5b7cb}.cx-amount strong{overflow-wrap:anywhere;font-size:20px;letter-spacing:-.035em}.cx-send strong{color:#ff9a95}.cx-receive strong{color:#92c4ff}.cx-details{display:grid;grid-template-columns:132px minmax(0,1fr);gap:13px 12px;font-size:12px;margin:0 0 22px}.cx-details dt{color:#8fa7c1}.cx-details dd{margin:0;color:#dce8f8;text-align:right;overflow-wrap:anywhere;line-height:1.55}.cx-checks{border-top:1px solid #2a3b50;border-bottom:1px solid #2a3b50;padding:16px 0;margin-bottom:20px}.cx-checks h3{font-size:12px;color:#9db3cb;margin:0 0 13px}.cx-check{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px}.cx-check span{color:#c2d3e8}.cx-check strong{font-size:11px;color:#8ba0b8}.cx-check[data-status=locked] strong{color:#f1d083}.cx-check[data-status=claimed] strong{color:#86dcbd}.cx-check[data-status=refunded] strong{color:#a8c9ff}.cx-actions{min-height:76px;display:flex;flex-direction:column;gap:9px}.cx-button{border:1px solid #3e73d5;border-radius:10px;background:#275bb1;color:white;min-height:44px;padding:12px 14px;font-size:12px;font-weight:750;cursor:pointer;line-height:1.4}.cx-button:hover{background:#326dca}.cx-pending{font-size:11px;color:#f3d17d;margin:0;line-height:1.5}.cx-small{color:#91a8c1;font-size:11px;line-height:1.7}.cx-link-button{font-size:11px;border:0;background:none;padding:0;color:#94bcff;cursor:pointer;text-align:left;margin:12px 0 0}.cx-notes{display:grid;gap:10px;border:1px solid #2a3d55;background:#101c2d;border-radius:13px;padding:18px 22px;margin:24px 0}.cx-notes p,.cx-notes strong{margin:0;color:#a9bfd8;font-size:12px;line-height:1.7}.cx-notes strong{color:#f1d083}.cx-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;border-top:1px solid #24364b;padding:22px 0 10px}.cx-controls h2{font-size:12px;color:#a8bfd8;margin:0 8px 0 0}.cx-coin-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#a1b8d0}.cx-controls select{border:1px solid #344d6b;background:#13243b;border-radius:8px;color:white;min-height:36px;padding:6px 10px;font-size:12px}.cx-quiet-button{border:1px solid #344d6b;background:#13243b;border-radius:8px;color:#c7d9ed;min-height:36px;padding:7px 10px;font-size:11px;cursor:pointer}.cx-notice{min-height:20px;color:#f1d083;font-size:12px}.cx-back{font-size:12px;color:#b0c9ec;text-underline-offset:4px}@media(max-width:760px){.cx-demo{padding:20px 16px 32px}.cx-title{padding-top:26px}.cx-panels{grid-template-columns:minmax(0,1fr);gap:16px}.cx-person{padding:20px 18px}.cx-overview{padding:17px 18px}.cx-stage{font-size:16px}.cx-details{grid-template-columns:110px minmax(0,1fr)}.cx-brand{font-size:19px}.cx-badge{font-size:10px;padding:7px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.cx-language{margin-left:auto;border:1px solid #344d6b;background:#13243b;color:#d8e9fb;border-radius:8px;padding:7px 9px;font-size:12px;min-width:76px}@media(max-width:420px){.cx-header{gap:8px;flex-wrap:wrap}.cx-badge{margin-left:auto}.cx-language{font-size:11px}}

.cx-inclusion-time{font-size:10px;color:#879fb8;text-align:right;margin:4px 0 10px}