.commitment-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:#080808;transform:translateY(100%);pointer-events:none;transition:transform 820ms cubic-bezier(.22,1.1,.36,1);transition-timing-function:linear(0,.02244,.07948,.15824,.24883,.34384,.4379,.52732,.60972,.68373,.74875,.80475,.85209,.89138,.92339,.94896,.96897,.98424,.99556,1.00365,1.00913,1.01257,1.01444,1.01514,1.01498,1.01423,1.01311,1.01177,1.01034,1.00891,1.00753,1.00625,1.00509,1.00406,1.00318,1.00243,1.0018,1.00128,1.00087,1.00055,1);will-change:transform}
.phone.commitment-open .charity-screen{transform:translateY(-100%);pointer-events:none}
.phone.commitment-open .commitment-screen{transform:translateY(0);pointer-events:auto}
.phone.static-preview .welcome-screen,.phone.static-preview .charity-screen,.phone.static-preview .commitment-screen{transition:none!important}
.embedded-preview .return{display:none!important}
.commitment-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 7cqw 5cqw;scrollbar-width:thin;scrollbar-color:#bdbdbd #fff}
.commitment-screen .charity-title-bar{padding-bottom:7cqw}
.stake-eyebrow{font-size:3.25cqw;line-height:1.35;font-weight:500;letter-spacing:.015em;color:#747474;margin:0 0 1.5cqw}
.stake-editor{display:flex;align-items:baseline;min-width:0;gap:.5cqw;line-height:1}
.stake-currency,.stake-amount{font:550 15.2cqw/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.06em}
.stake-amount{min-width:0;width:100%;padding:0;border:0;border-radius:0;background:#fff;color:#080808;appearance:textfield;-moz-appearance:textfield;outline-offset:4px}
.stake-amount::-webkit-inner-spin-button,.stake-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.stake-unit{font-size:3.8cqw;color:#747474;line-height:1.4;margin:1.5cqw 0 5cqw;letter-spacing:-.01em}
.stake-presets{display:flex;gap:1.5cqw;margin-bottom:8cqw}
.stake-preset{flex:1;min-width:0;font:500 3.35cqw/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;border:1px solid #dedede;border-radius:1cqw;color:#111;background:#fff;min-height:10.6cqw;padding:2.5cqw .3cqw;cursor:pointer}
.stake-preset[aria-pressed=true]{background:#080808;color:#fff;border-color:#080808}
.commitment-footer{flex-shrink:0;padding:4cqw 7cqw 7cqw;background:#fff}
.commitment-exposure{font-size:3.4cqw;line-height:1.4;color:#737373;margin:0 0 3.5cqw;text-align:center;letter-spacing:-.015em}
.commitment-exposure strong{font-weight:550;color:#080808}
.commitment-bank{font-size:3.05cqw;color:#737373;line-height:1.4;margin:0 0 3cqw;text-align:center}
.commitment-bank[hidden]{display:none}
.commitment-next{background:#080808;color:#fff}
.commitment-next:disabled{opacity:.4;cursor:default}
.commitment-screen button:focus-visible,.commitment-screen input:focus-visible{outline:2px solid #080808;outline-offset:3px}
.stake-invalid{font-size:3.2cqw;color:#9a2323;line-height:1.4;margin:2cqw 0 3cqw}
.stake-invalid[hidden]{display:none}
.stake-range{appearance:none;width:100%;height:1cqw;background:#dedede;border-radius:1cqw;accent-color:#080808;margin:5cqw 0 2cqw;cursor:pointer}
.stake-range::-webkit-slider-thumb{appearance:none;width:5cqw;height:5cqw;border-radius:50%;background:#080808;border:0}
.stake-range::-moz-range-thumb{width:5cqw;height:5cqw;border-radius:50%;background:#080808;border:0}
.stake-range-labels{display:flex;justify-content:space-between;color:#858585;font-size:3cqw;margin:2cqw 0 6cqw;font-variant-numeric:tabular-nums}
.stake-range-caption{font-size:3cqw;color:#858585;line-height:1.45;margin:0}
.commitment-design-controls{padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #393939}
.commitment-design-controls label{font-size:13px;display:block;color:#ccc;margin:0 0 8px}
.commitment-design-controls select{width:100%;background:#242424;color:#eee;border:1px solid #494949;border-radius:5px;padding:10px;font:13px -apple-system,BlinkMacSystemFont,sans-serif}
.commitment-design-controls .tools{margin-top:10px;margin-bottom:0}
.commitment-design-controls p{font-size:12px;color:#999;line-height:1.5;margin:10px 0 0}
@media(prefers-reduced-motion:reduce){.commitment-screen{transition:none}}


/* Selected slider: three charge-explanation studies. */
.commitment-body .stake-editor{margin-top:1cqw}
.commitment-body .stake-currency,.commitment-body .stake-amount{font-size:18cqw;font-weight:500;letter-spacing:-.06em}
.stake-amount{font-variant-numeric:lining-nums}
.commitment-body .stake-unit{margin:1.8cqw 0 7cqw;font-size:3.6cqw}
.commitment-screen .stake-range{display:block;margin:3cqw 0 0;width:100%;height:1cqw;background:linear-gradient(to right,#080808 var(--progress,0%),#dedede var(--progress,0%));accent-color:#080808;cursor:pointer;touch-action:pan-y}
.commitment-screen .stake-range:focus-visible{outline:2px solid #080808;outline-offset:7px}
.commitment-screen .stake-range-labels{margin:3.8cqw 0 7cqw}
.charge-explanation{margin-top:8cqw}
.outcome-statement{padding:0 0 5cqw;margin-bottom:5cqw;border-bottom:1px solid #e7e7e7}
.outcome-statement:last-child{border:0;margin-bottom:0;padding-bottom:0}
.outcome-statement h3{font-size:4.25cqw;line-height:1.35;font-weight:400;letter-spacing:-.025em;margin:0 0 1.8cqw;color:#636363}
.outcome-statement p{font-size:7cqw;font-weight:550;line-height:1.15;letter-spacing:-.04em;margin:0;color:#080808}
.outcome-statement small{font-size:3.5cqw;line-height:1.45;letter-spacing:-.015em;color:#747474;display:block;margin-top:2.5cqw}
.outcome-statement small strong{font-weight:550;color:#080808;white-space:nowrap}
.outcome-cards{display:grid;gap:3cqw}
.outcome-card{border:1px solid #dedede;border-radius:1.3cqw;padding:4.5cqw}
.outcome-card h3{font-size:3cqw;line-height:1.3;font-weight:500;letter-spacing:.04em;margin:0 0 3cqw;color:#777}
.outcome-card .outcome-amount{font-size:10cqw;font-weight:500;line-height:1;letter-spacing:-.05em;margin:0 0 2.5cqw;color:#080808}
.outcome-card p{font-size:3.5cqw;line-height:1.4;letter-spacing:-.015em;color:#717171;margin:0}
.outcome-card.is-missed{background:#f6f6f6;border-color:#f6f6f6}
.charge-note{font-size:3.25cqw;line-height:1.45;letter-spacing:-.01em;color:#808080;margin:3.5cqw 0 0}
.charge-breakdown{margin:0}
.charge-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;gap:3cqw;padding:4.5cqw 0;border-bottom:1px solid #e5e5e5}
.charge-breakdown-row:first-child{padding-top:0}
.charge-breakdown-row:last-child{border-bottom:0}
.charge-breakdown dt{font-size:4.1cqw;line-height:1.3;letter-spacing:-.025em;font-weight:500;max-width:55%}
.charge-breakdown dt small{display:block;font-size:3.3cqw;line-height:1.45;letter-spacing:-.01em;font-weight:400;color:#777;margin-top:1.3cqw}
.charge-breakdown dd{font-size:6.4cqw;line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:0;white-space:nowrap}
.verification-panel{border:1px solid #bcbcbc;border-left:3px solid #080808;border-radius:1cqw;background:#f7f7f7;padding:4cqw;margin:1cqw 0 7cqw}
.verification-panel[hidden]{display:none}
.verification-heading{display:flex;align-items:center;gap:2cqw;margin:0 0 2.5cqw}
.verification-heading svg{width:4.6cqw;height:4.6cqw;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.verification-heading h3{font-size:3.85cqw;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0}
.verification-panel p{font-size:3.25cqw;line-height:1.5;letter-spacing:-.01em;margin:2.5cqw 0 0;color:#626262}
.verification-panel ul{padding:0 0 0 4cqw;margin:0;font-size:3.4cqw;line-height:1.5;color:#424242;letter-spacing:-.01em}
.verification-panel li+li{margin-top:1.5cqw}
.verification-panel strong{color:#080808;font-weight:600;white-space:nowrap}
.commitment-bank{color:#080808;font-size:3.3cqw;font-weight:500;line-height:1.35;margin:0 0 3cqw}
.commitment-exposure{margin-bottom:3cqw}
@media(prefers-reduced-motion:reduce){.commitment-screen{transition:none}}

/* Range-selection studies: the charge explanation is identical across versions. */
.amount-ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1cqw;padding:1cqw;background:#f1f1f1;border-radius:1.5cqw;margin:0 0 7cqw}
.amount-ranges button{min-width:0;min-height:10.5cqw;padding:2.5cqw 1cqw;border:0;border-radius:1cqw;background:transparent;color:#777;font:500 3.4cqw/1.25 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.025em;cursor:pointer;white-space:nowrap}
.amount-ranges button[aria-pressed=true]{background:#080808;color:#fff}
.three-ranges{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6cqw}
.three-ranges button{font-size:2.95cqw;padding-left:.3cqw;padding-right:.3cqw;letter-spacing:-.035em}
.higher-stake-row{display:flex;align-items:center;justify-content:space-between;gap:3cqw;width:100%;text-align:left;background:#fff;color:#080808;border:1px solid #d9d9d9;border-radius:1cqw;padding:3.7cqw 4cqw;margin:0 0 7cqw;font-family:inherit;cursor:pointer}
.higher-stake-row strong{display:block;font-size:4.1cqw;font-weight:550;letter-spacing:-.025em;line-height:1.3}
.higher-stake-row small{display:block;font-size:3.05cqw;line-height:1.4;letter-spacing:-.01em;color:#7a7a7a;margin-top:1cqw}
.range-arrow{font-size:5.5cqw;font-weight:400;line-height:1}
.variant-expand .stake-range-labels{margin-bottom:5cqw}
.variant-tabs .charge-explanation,.variant-expand .charge-explanation,.variant-tiers .charge-explanation{margin-top:6cqw}