:root{--sl-content-width:78rem}.content-panel:has(h1#_top){display:none}.cd{--r:14px;--surface:var(--dx-surface);--line:var(--dx-line);--edge:var(--dx-line-strong);--ink:var(--dx-text);--mute:var(--dx-muted);--acc:var(--dx-accent);--on-acc:var(--dx-on-accent);--ok:var(--dx-ok);--bad:var(--dx-bad);--warn:var(--dx-warn);--ease:cubic-bezier(.22,1,.36,1);color:var(--ink);font-family:var(--sl-font)}.cd *{box-sizing:border-box}.cd h1{letter-spacing:-.02em;margin:.2rem 0 .4rem;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1}.cd-lede{color:var(--mute);max-width:34rem;margin:0}.cd-sess{border:1px solid var(--edge);border-radius:var(--r);background:var(--surface);margin:0 0 1.5rem;overflow:hidden}.cd-sess [hidden],.cd-sess[hidden]{display:none!important}.cd-sess[data-s=ready]{border-color:color-mix(in oklab, var(--acc) 45%, var(--edge))}.cd-sess-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.85rem 1.1rem;display:flex}.cd-sess-text{color:var(--mute);flex-wrap:wrap;flex:16rem;align-items:center;gap:.6rem;margin:0;font-size:.92rem;line-height:1.5;display:flex}.cd-sess-text b{color:var(--ink);font-weight:600}.cd-sess-text .cd-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--acc);border:1px solid color-mix(in oklab, var(--acc) 50%, transparent);border-radius:99px;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.cd-sess-actions{gap:.5rem;display:flex}.cd-sess-creds{border-top:1px solid var(--line);background:color-mix(in oklab, var(--dx-bg) 55%, var(--surface));grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:1rem 1.25rem;padding:1rem 1.1rem 1.1rem;display:grid}.cd-sf{align-content:start;gap:.35rem;min-width:0;display:grid}.cd-sl{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:.7rem;font-weight:600}.cd-sv,.cd-sess-creds select{border:1px solid var(--edge);background:var(--dx-bg);min-height:40px;color:var(--ink);border-radius:10px;align-items:center;width:100%;min-width:0;padding:0 .75rem;font-size:.85rem;display:flex}.cd-sv{font-family:var(--sl-font-mono);text-overflow:ellipsis;white-space:nowrap;line-height:38px;display:block;overflow:hidden}.cd-sess-creds select{font:inherit;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a9199' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.25rem;font-size:.88rem}.cd-sf-hook{grid-column:1/-1}.cd-hookin{font:inherit;font-family:var(--sl-font-mono);border:1px solid var(--edge);background:var(--dx-bg);min-height:40px;color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:0 .75rem;font-size:.85rem}.cd-hookin:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.cd-hint{color:var(--mute);font-size:.78rem}.cd-keybox{border:1px solid var(--edge);background:var(--dx-bg);border-radius:10px;align-items:center;gap:.35rem;min-height:40px;padding:0 .3rem 0 0;display:flex}.cd-keybox .cd-sv{background:0 0;border:0;flex:auto;min-height:38px}.cd-mini{font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:8px;flex:none;min-height:32px;padding:0 .7rem;font-size:.78rem;font-weight:600;transition:border-color .2s,background .2s}.cd-mini:hover{border-color:var(--acc);background:color-mix(in oklab, var(--acc) 10%, transparent)}.cd-sess-top .cd-mini{min-height:36px}.cd-switch{cursor:pointer;border:1px solid var(--edge);background:var(--surface);border-radius:12px;grid-column:1/-1;align-items:center;gap:.85rem;padding:.8rem 1rem;transition:border-color .2s,background .2s;display:flex}.cd-switch:hover{border-color:var(--acc)}.cd-switch:has(input:checked){border-color:var(--acc);background:color-mix(in oklab, var(--acc) 9%, var(--surface))}.cd-switch:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}.cd-switch input{opacity:0;width:1px;height:1px;position:absolute}.cd-track{background:var(--dx-line-strong);width:44px;height:26px;transition:background .2s var(--ease);border-radius:99px;flex:none;position:relative}.cd-track i{background:var(--dx-bg);width:20px;height:20px;transition:transform .25s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.cd-switch input:checked+.cd-track{background:var(--acc)}.cd-switch input:checked+.cd-track i{background:var(--on-acc);transform:translate(18px)}.cd-switch-text{gap:.1rem;display:grid}.cd-switch-text b{color:var(--ink);font-size:.92rem}.cd-switch-text small{color:var(--mute);font-size:.8rem}@media (width<=52rem){.cd-sess-creds{grid-template-columns:1fr 1fr}.cd-sf-key{grid-column:1/-1}}@media (width<=32rem){.cd-sess-creds{grid-template-columns:1fr}.cd-mini{min-height:40px}.cd-sess-top .cd-mini{min-height:44px}}@media (prefers-reduced-motion:reduce){.cd-track,.cd-track i{transition:none}}.cd[data-live="1"] .cd-pulse{background:var(--warn)}.cd-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);align-items:center;gap:.5rem;margin:0;font-size:.78rem;font-weight:600;display:inline-flex}.cd-pulse{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in oklab, var(--ok) 60%, transparent);border-radius:50%;animation:2.2s infinite cd-pulse}@keyframes cd-pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.cd-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;margin-bottom:2rem;display:flex}.cd-scenarios{border:1px solid var(--edge);background:var(--surface);border-radius:999px;gap:2px;min-inline-size:0;margin:0;padding:4px;display:inline-flex}.cd-scenarios legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cd-scenarios label{position:relative}.cd-scenarios input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cd-scenarios span{min-height:40px;color:var(--mute);transition:background .25s var(--ease), color .25s var(--ease);white-space:nowrap;border-radius:999px;place-items:center;padding:.45rem 1rem;font-size:.85rem;font-weight:500;display:grid}.cd-scenarios input:checked+span{background:var(--acc);color:var(--on-acc)}.cd-scenarios input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}@media (width<=32rem){.cd-scenarios span{min-height:44px}.cd-scenarios{border-radius:20px;grid-template-columns:1fr 1fr;width:100%;display:grid}.cd-scenarios span{text-align:center}}.cd[data-state=processing] .cd-scenarios,.cd[data-state=challenge] .cd-scenarios{opacity:.5;pointer-events:none}.cd-grid{grid-template-columns:minmax(0,30rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (width<=62rem){.cd-grid{grid-template-columns:1fr}.cd-window{width:100%;max-width:32rem;margin-inline:auto}}.cd-window{border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 0 color-mix(in oklab, var(--ink) 6%, transparent), 0 24px 60px -28px color-mix(in oklab, var(--acc) 45%, transparent);border-radius:18px;overflow:hidden}.cd-chrome{border-bottom:1px solid var(--line);background:var(--dx-surface-2);align-items:center;gap:6px;padding:.6rem .8rem;display:flex}.cd-chrome i{background:color-mix(in oklab, var(--mute) 35%, transparent);border-radius:50%;width:10px;height:10px}.cd-url{color:var(--mute);background:var(--dx-bg);border:1px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:.4rem;margin-left:.6rem;padding:.2rem .7rem;font-size:.72rem;display:inline-flex}.cd-store{gap:1rem;padding:1.15rem;display:grid;position:relative}.cd-order{border:1px solid var(--line);border-radius:var(--r);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .8rem;display:grid}.cd-order span{color:var(--mute);font-size:.78rem;display:block}.cd-thumb{background:conic-gradient(from 210deg, var(--acc), color-mix(in oklab, var(--acc) 30%, #fff), var(--acc));border-radius:10px;width:40px;height:40px}.cd-total{font-variant-numeric:tabular-nums;font-size:1.05rem}.cd-card-scene{perspective:1000px;place-items:center;display:grid}.cd-card{aspect-ratio:1.586;width:min(100%,21.5rem);transform-style:preserve-3d;transition:transform .8s var(--ease);position:relative}.cd[data-flip="1"] .cd-card{transform:rotateY(180deg)}.cd[data-state=processing] .cd-card{animation:1.6s ease-in-out infinite cd-float}.cd[data-state=declined] .cd-card,.cd[data-state=rejected] .cd-card{animation:.5s cd-shake}@keyframes cd-float{50%{transform:translateY(-6px)rotateX(3deg)}}@keyframes cd-shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.cd-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--cd-hue,var(--dx-card)) 88%, #fff) 0%, var(--cd-hue,var(--dx-card)) 40%, color-mix(in oklab, var(--cd-hue,var(--dx-card)) 55%, #000) 100%);box-shadow:0 18px 34px -16px color-mix(in oklab, var(--cd-hue,var(--dx-card)) 70%, #000);transition:background .5s var(--ease);border-radius:18px;flex-direction:column;justify-content:space-between;padding:1.1rem 1.2rem;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.cd-back{padding:0;transform:rotateY(180deg)}.cd-row{justify-content:space-between;align-items:center;display:flex}.cd-chip{background:linear-gradient(135deg,#f3dfa2,#c9a54e);border-radius:6px;width:38px;height:28px;box-shadow:inset 0 0 0 1px #0000002e}.cd-brand{letter-spacing:.04em;text-shadow:0 1px 2px #00000040;font-size:1.15rem;font-style:italic;font-weight:800;transition:opacity .3s}.cd-pan{letter-spacing:.02em;text-shadow:0 1px 2px #00000040;font-variant-numeric:tabular-nums;flex-wrap:nowrap;gap:0 .1rem;font:500 clamp(.85rem,6cqw,1.28rem)/1 ui-monospace,IBM Plex Mono,SFMono-Regular,Menlo,monospace;display:flex}.cd-pan span{text-align:center;width:.72em;display:inline-block}.cd-pan span.gap{width:.5em}.cd-pan span.in{animation:cd-pop .38s var(--ease)}@keyframes cd-pop{0%{opacity:0;filter:blur(3px);transform:translateY(-.45em)}}.cd-meta small{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.56rem;display:block}.cd-meta span{letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:11.5rem;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.cd-sheen{width:40%;animation:cd-sheen 5.5s var(--ease) infinite;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff38,#0000);position:absolute;inset:-40% auto -40% -60%;transform:skew(-18deg)}@keyframes cd-sheen{0%,55%{left:-60%}to{left:140%}}.cd-stripe{background:#111;height:2.7rem;margin-top:1.4rem;display:block}.cd-sig{color:#111;background:#ffffffeb;border-radius:6px;justify-content:space-between;align-items:center;margin:1.1rem 1.2rem 0;padding:.45rem .7rem;font-size:.72rem;display:flex}.cd-sig b{letter-spacing:.12em;font:700 1rem ui-monospace,monospace}.cd-form{gap:.85rem;display:grid}.cd-two{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.cd-field label{margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.cd-inputwrap{position:relative}.cd-field input{width:100%;font:inherit;color:var(--ink);background:var(--dx-bg);border:1px solid var(--edge);border-radius:10px;min-height:44px;padding:.65rem .8rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.cd-field input::placeholder{color:var(--mute);opacity:1}.cd-field input:focus{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in oklab, var(--acc) 22%, transparent);outline:none}.cd-field[data-invalid] input{border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in oklab, var(--bad) 16%, transparent);animation:.35s cd-nudge}@keyframes cd-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.cd-err{color:var(--bad);opacity:0;min-height:0;max-height:0;transition:all .25s var(--ease);margin:.3rem 0 0;font-size:.8rem;overflow:hidden}.cd-field[data-invalid] .cd-err{opacity:1;max-height:3em}.cd-ok{width:18px;height:18px;color:var(--ok);opacity:0;transition:all .3s var(--ease);position:absolute;top:50%;right:.7rem;translate:0 -50%;scale:.5}.cd-field[data-valid] .cd-ok{opacity:1;scale:1}.cd-actions{align-items:stretch;gap:.6rem;margin-top:.2rem;display:flex}.cd-ghost{font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:10px;min-height:44px;padding:.6rem .9rem;font-size:.85rem;font-weight:600;transition:border-color .2s,background .2s}.cd-ghost:hover{border-color:var(--acc);background:color-mix(in oklab, var(--acc) 8%, transparent)}.cd-pay{font:inherit;color:var(--on-acc);background:var(--acc);cursor:pointer;min-height:44px;transition:transform .15s var(--ease), box-shadow .25s, filter .2s;box-shadow:0 10px 22px -12px var(--acc);border:0;border-radius:10px;flex:1;padding:.6rem 1rem;font-size:.95rem;font-weight:700;position:relative;overflow:hidden}.cd-pay:hover{filter:brightness(1.06);box-shadow:0 14px 26px -12px var(--acc)}.cd-pay:active{transform:scale(.98)}.cd-pay:focus-visible,.cd-ghost:focus-visible,.cd-tabs button:focus-visible,.cd-langs button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.cd-pay-sm{flex:none}.cd-pay-label,.cd-pay-busy{transition:transform .35s var(--ease), opacity .25s;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.cd-pay-busy{opacity:0;position:absolute;inset:0;transform:translateY(100%)}.cd-pay-busy i{border:2px solid color-mix(in oklab, var(--on-acc) 35%, transparent);border-top-color:var(--on-acc);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite cd-spin}.cd-pay-busy em{font-style:normal}@keyframes cd-spin{to{rotate:360deg}}.cd[data-state=processing] .cd-pay-label,.cd[data-state=challenge] .cd-pay-label{opacity:0;transform:translateY(-100%)}.cd[data-state=processing] .cd-pay-busy,.cd[data-state=challenge] .cd-pay-busy{opacity:1;transform:none}.cd[data-state=processing] .cd-pay,.cd[data-state=challenge] .cd-pay{pointer-events:none}.cd[data-state=challenge] .cd-dialog .cd-pay{pointer-events:auto}.cd[data-state=processing] .cd-pay:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff47,#0000 70%);animation:1.2s linear infinite cd-sweep;position:absolute;inset:0;translate:-100%}@keyframes cd-sweep{to{translate:100%}}.cd[data-state=processing] .cd-form,.cd[data-state=challenge] .cd-form{opacity:.55;pointer-events:none;transition:opacity .3s}.cd-result{background:color-mix(in oklab, var(--surface) 94%, transparent);backdrop-filter:blur(10px);text-align:center;animation:cd-fade .45s var(--ease);z-index:2;align-content:center;justify-items:center;gap:.35rem;padding:2rem;display:grid;position:absolute;inset:0}.cd-result[hidden]{display:none}@keyframes cd-fade{0%{opacity:0;transform:scale(.98)}}.cd-result h2{letter-spacing:-.01em;border:0;margin:.6rem 0 0;font-size:1.5rem}.cd-result-link{justify-content:center;align-items:center;margin-bottom:.5rem;text-decoration:none;display:inline-flex}.cd-result-link[hidden]{display:none}.cd-result p{color:var(--mute);max-width:20rem;margin:0 0 1rem}.cd-burst{width:88px;height:88px;position:relative}.cd-mark{width:88px;height:88px;overflow:visible}.cd-mark .ring,.cd-mark .tick,.cd-mark .cross,.cd-mark .hand{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220px}.cd-mark .tick,.cd-mark .cross,.cd-mark .hand{stroke-dasharray:60;stroke-dashoffset:60px}.cd-result[data-kind=ok] .ring,.cd-result[data-kind=ok] .tick{stroke:var(--ok);animation:cd-draw .7s 50ms var(--ease) forwards}.cd-result[data-kind=ok] .tick{animation-duration:.45s;animation-delay:.4s}.cd-result[data-kind=bad] .ring,.cd-result[data-kind=bad] .cross{stroke:var(--bad);animation:cd-draw .7s 50ms var(--ease) forwards}.cd-result[data-kind=bad] .cross{animation-duration:.4s;animation-delay:.4s}.cd-result[data-kind=pending] .ring,.cd-result[data-kind=pending] .hand{stroke:var(--warn);animation:cd-draw .7s 50ms var(--ease) forwards}.cd-result[data-kind=pending] .hand{animation-duration:.45s;animation-delay:.4s}.cd-result:not([data-kind=ok]) .tick,.cd-result:not([data-kind=bad]) .cross,.cd-result:not([data-kind=pending]) .hand{display:none}@keyframes cd-draw{to{stroke-dashoffset:0}}.cd-burst i{background:var(--ok);opacity:0;border-radius:50%;width:7px;height:7px;margin:-3.5px;position:absolute;top:50%;left:50%}.cd-burst i:nth-of-type(3n+1){background:var(--acc)}.cd-burst i:nth-of-type(3n+2){background:var(--warn);width:5px;height:5px}.cd-result[data-kind=ok] .cd-burst i{animation:cd-fly .9s .45s var(--ease) forwards}@keyframes cd-fly{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.3)}}.cd-lab{top:calc(var(--sl-nav-height,3.5rem) + 1rem);gap:1rem;display:grid;position:sticky}@media (width<=62rem){.cd-lab{position:static}}.cd-timeline{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cd-timeline li{border:1px solid var(--line);background:var(--surface);opacity:.55;transition:opacity .35s, border-color .35s, background .35s, transform .35s var(--ease);border-radius:12px;gap:.15rem;min-width:0;padding:.875rem 1rem;display:grid;position:relative}.cd-timeline li b{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.cd-timeline li b:before{content:"";border:2px solid var(--mute);border-radius:50%;flex:none;width:9px;height:9px;transition:all .3s}.cd-timeline li code{color:var(--mute);white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:.75rem;line-height:1.3;display:none}.cd-timeline li time{color:var(--mute);min-height:1em;font:500 .75rem ui-monospace,monospace}.cd-timeline li[data-s=active]{opacity:1;border-color:var(--acc);background:color-mix(in oklab, var(--acc) 8%, var(--surface));transform:translateY(-2px)}.cd-timeline li[data-s=active] b:before{border-color:var(--acc);background:var(--acc);animation:1.2s infinite cd-pulse2}@keyframes cd-pulse2{70%{box-shadow:0 0 0 7px #0000}0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--acc) 55%, transparent)}}.cd-timeline li[data-s=done]{opacity:1}.cd-timeline li[data-s=done] b:before{border-color:var(--ok);background:var(--ok)}.cd-timeline li[data-s=bad]{opacity:1;border-color:color-mix(in oklab, var(--bad) 55%, var(--line))}.cd-timeline li[data-s=bad] b:before{border-color:var(--bad);background:var(--bad)}.cd-timeline li[data-s=skip]{opacity:.3}.cd-timeline li[data-s=skip] b:before{border-style:dashed}.cd-console{border:1px solid var(--edge);background:var(--dx-code-bg);color:var(--dx-code-ink);--c-ink:var(--dx-code-ink);--c-mute:var(--dx-code-cmt);--c-key:var(--dx-code-key);--c-str:var(--dx-code-str);--c-num:var(--dx-code-num);--c-lit:var(--dx-code-lit);border-radius:16px;overflow:hidden}.cd-tabs{border-bottom:1px solid var(--line);gap:2px;padding:.4rem .5rem 0;display:flex;overflow-x:auto}.cd-tabs button{font:inherit;color:var(--c-mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px 8px 0 0;min-height:40px;padding:.55rem .8rem;font-size:.8rem;font-weight:600;transition:color .2s;position:relative}.cd-tabs button:hover{color:var(--c-ink)}.cd-tabs button[aria-selected=true]{color:var(--dx-text)}.cd-tabs button[aria-selected=true]:after{content:"";background:var(--acc);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:.6rem;right:.6rem}.cd-tabs button[data-fresh]:before{content:"";background:var(--acc);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;right:.25rem}.cd-langs{gap:.3rem;padding:.6rem .8rem 0;display:flex}.cd-langs[hidden]{visibility:hidden;display:flex}.cd-langs button{font:inherit;color:var(--c-mute);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:999px;min-height:36px;padding:.25rem .85rem;font-size:.8rem;font-weight:600}@media (pointer:coarse){.cd-langs button,.cd-tabs button{min-height:44px}}.cd-langs button[aria-pressed=true]{color:var(--dx-text);border-color:var(--acc);background:color-mix(in oklab, var(--acc) 22%, transparent)}.cd-langs .cd-copy{margin-left:auto}.cd-meta-line{color:var(--c-mute);align-items:center;gap:.6rem;min-height:2.1rem;padding:.8rem 1rem 0;font:500 .78rem ui-monospace,monospace;display:flex}.cd-meta-line .m{color:var(--dx-text);font-weight:700}.cd-meta-line .s{border-radius:6px;margin-left:auto;padding:.1rem .5rem;font-weight:700}.cd-meta-line .s.ok{background:color-mix(in oklab, var(--ok) 16%, transparent);color:var(--ok)}.cd-meta-line .s.bad{background:color-mix(in oklab, var(--bad) 16%, transparent);color:var(--bad)}.cd-meta-line .s.pend{background:color-mix(in oklab, var(--warn) 18%, transparent);color:var(--warn)}.cd-code{height:24rem;color:inherit;background:0 0;border:0;margin:0;padding:.6rem 1rem 1rem;font:400 .8rem/1.65 ui-monospace,IBM Plex Mono,SFMono-Regular,Menlo,monospace;overflow:auto}.cd-code code{white-space:pre;color:inherit;background:0 0;padding:0}.cd-code .k{color:var(--c-key)}.cd-code .s{color:var(--c-str)}.cd-code .n{color:var(--c-num)}.cd-code .l{color:var(--c-lit)}.cd-code .c{color:var(--c-mute)}.cd-code .ln{animation:cd-line .45s var(--ease) backwards;display:block}@keyframes cd-line{0%{opacity:0;transform:translate(-8px)}}.cd-note{color:var(--c-mute);border-top:1px solid var(--line);min-height:2.6rem;margin:0;padding:.75rem 1rem;font-size:.8rem;line-height:1.5}.cd-dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;width:min(92vw,24rem);margin:auto;padding:0;box-shadow:0 40px 80px -30px #0009}.cd-dialog::backdrop{backdrop-filter:blur(5px);background:#050c0c8c}.cd-dialog[open]{animation:cd-sheet .45s var(--ease)}.cd-dialog[open]::backdrop{animation:.3s cd-fade}@keyframes cd-sheet{0%{opacity:0;transform:translateY(24px)scale(.97)}}.cd-bank{gap:.75rem;padding:1.3rem;display:grid}.cd-bank-head{align-items:center;gap:.6rem;display:flex}.cd-bank-head small{color:var(--mute);margin-left:auto}.cd-shield{color:#fff;background:#355fd0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.cd-shield svg{width:18px}.cd-bank h2{border:0;margin:.3rem 0 0;font-size:1.25rem}.cd-bank p{color:var(--mute);margin:0;font-size:.92rem}.cd-bank p b{color:var(--ink)}.cd-otp{grid-template-columns:repeat(6,1fr);gap:.4rem;margin:.4rem 0;display:grid}.cd-otp i{border:1px solid var(--edge);background:var(--dx-bg);border-radius:10px;height:46px;position:relative}.cd-otp i:after{content:"";background:var(--ink);width:8px;height:8px;animation:cd-dot .3s var(--ease) forwards;animation-delay:calc(var(--i) * .13s + .5s);border-radius:50%;margin:-4px;position:absolute;top:50%;left:50%;scale:0}@keyframes cd-dot{to{scale:1}}.cd-dialog-actions{justify-content:flex-end;gap:.6rem;display:flex}.cd-fine{font-size:.7rem!important}@media (prefers-reduced-motion:reduce){.cd *,.cd :before,.cd :after,.cd-dialog,.cd-dialog::backdrop{transition-duration:.01ms!important;animation-delay:0s!important}.cd-sheen,.cd-pulse,.cd-burst i,.cd[data-state=processing] .cd-card,.cd[data-state=processing] .cd-pay:after{animation:none!important}.cd-burst i{display:none}.cd-card{transition:none}.cd-mark .ring,.cd-mark .tick,.cd-mark .cross,.cd-mark .hand{stroke-dashoffset:0!important;animation:none!important}.cd-result[data-kind=ok] .cross,.cd-result[data-kind=bad] .tick{display:none}.cd-result[data-kind=ok] .ring,.cd-result[data-kind=ok] .tick{stroke:var(--ok)}.cd-result[data-kind=bad] .ring,.cd-result[data-kind=bad] .cross{stroke:var(--bad)}.cd-result[data-kind=pending] .ring,.cd-result[data-kind=pending] .hand{stroke:var(--warn)}.cd-pay-busy i{animation-duration:1.6s!important}}
