:root{color:#111827;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}.screen-layout{background:linear-gradient(#f5f3ff 0%,#eef2ff 100%);justify-content:stretch;align-items:stretch;min-height:100dvh;padding:0;display:flex}.screen-layout__shell{width:100%;height:100dvh;box-shadow:none;background:#fff;border-radius:0;grid-template-rows:88px 1fr;display:grid;overflow:hidden}.screen-layout__header{background:#fff;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 20px;display:grid}.screen-layout__brand{align-items:center;gap:10px;display:flex}.screen-layout__brand--centered{justify-self:center}.screen-layout__brand-heart{color:#fff;background:linear-gradient(#fb7185 0%,#64e9ae 100%);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:inline-flex}.screen-layout__brand-copy{flex-direction:column;line-height:1;display:flex}.screen-layout__brand-text{color:#5c50bc;font-size:28px;font-weight:700}.screen-layout__brand-tagline{color:#6b7280;margin-top:2px;font-size:11px;font-weight:600}.screen-layout__header-spacer{width:44px;height:44px}.screen-layout__hamburger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:inline-flex}.screen-layout__hamburger span{border-radius:999px;width:18px;height:2px;display:block}.screen-layout__hamburger--teal span{background:#64e9ae}.screen-layout__hamburger--purple span{background:#5c50bc}.screen-layout__body{background:#1a1a1a;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.screen-layout__footer{background:#5c50bc;justify-content:center;align-items:center;padding:16px 20px;display:flex}@media (width>=768px){.screen-layout{justify-content:center;align-items:center;padding:16px}.screen-layout__shell{border-radius:18px;max-width:720px;height:calc(100dvh - 32px);box-shadow:0 12px 32px #1118271a}}@media (width>=1024px){.screen-layout{padding:24px}.screen-layout__shell{border-radius:24px;max-width:480px;height:min(760px,100dvh - 48px);box-shadow:0 16px 40px #1118271f}}.config-pill{color:#5b21b6;background:#ede9fe;border-radius:999px;margin:0;padding:10px 16px;font-size:14px;font-weight:700;display:inline-block}.donate-button{border:0;border-radius:999px;width:100%;min-height:64px;font-size:20px;font-weight:700;transition:all .2s}.donate-button--enabled{color:#1a7a50;cursor:pointer;background:#64e9ae}.donate-button--disabled{color:#ffffffe6;cursor:not-allowed;background:#ffffff2e}.contribution-row{color:#fff;background:#ffffff24;border:1px solid #ffffff2e;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:16px 18px;display:flex}.contribution-row__label{font-size:17px;font-weight:500}.contribution-row__value{font-size:18px;font-weight:700}.fees-disclaimer{text-align:center;color:#64e9ae;margin:12px 0 0;font-size:12px;line-height:1.4}.teal-pill-button{color:#1a7a50;cursor:pointer;text-align:center;background:#64e9ae;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:104px;min-height:48px;padding:0 22px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.teal-pill-button--full{width:100%}.scanner-container{background:0 0;flex-direction:column;flex:1;display:flex}.scanner-surface{background:0 0;flex:1;min-height:560px;position:relative;overflow:hidden}.scanner-reader{position:absolute;inset:0}.scanner-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.scanner-corner{border-style:solid;border-color:#64e9ae;width:42px;height:42px;position:absolute}.scanner-corner--tl{border-width:4px 0 0 4px;top:calc(50% - 130px);left:calc(50% - 130px);transform:translate(-50%,-50%)}.scanner-corner--tr{border-width:4px 4px 0 0;top:calc(50% - 130px);left:calc(50% + 130px);transform:translate(-50%,-50%)}.scanner-corner--bl{border-width:0 0 4px 4px;top:calc(50% + 130px);left:calc(50% - 130px);transform:translate(-50%,-50%)}.scanner-corner--br{border-width:0 4px 4px 0;top:calc(50% + 130px);left:calc(50% + 130px);transform:translate(-50%,-50%)}.scanner-line{background:#64e9ae;height:2px;position:absolute;top:50%;left:84px;right:84px;transform:translateY(-50%)}.scanner-instruction{text-align:center;color:#64e9ae;margin:0;font-size:18px;font-weight:700;line-height:1.3}.scanner-instruction--floating{z-index:6;text-shadow:0 1px 2px #0000008c;background:0 0;padding:0;position:absolute;bottom:44px;left:24px;right:24px}.scanner-footer{flex-direction:column;align-items:center;width:100%;display:flex}.scanner-config-pill{color:#fff;background:#5c50bc;border-radius:999px;margin:0;padding:12px 22px;font-size:18px;font-weight:700;line-height:1}.scanner-config-pill--error{background:#dc2626}#qr-reader{background:0 0!important;border:none!important;width:100%!important;height:100%!important;overflow:hidden!important}#qr-reader__scan_region{background:0 0!important;width:100%!important;height:100%!important;min-height:560px!important;overflow:hidden!important}#qr-reader video{object-fit:cover!important;background:0 0!important;width:100%!important;height:100%!important;display:block!important}#qr-reader__dashboard{display:none!important}#qr-shaded-region,#qr-shaded-region>div{background:0 0!important;border:none!important}.transaction-screen{background:#5c50bc;flex-direction:column;height:100%;display:flex}.transaction-screen__info-band{background:#fff;border-bottom:1px solid #5c50bc1f;padding:16px 18px 12px}.transaction-screen__config{color:#5c50bc;margin:0;font-size:13px;font-weight:600}.transaction-screen__charity{color:#5c50bc;margin:6px 0 0;font-size:18px;font-weight:700}.transaction-screen__campaign{color:#666;margin:2px 0 0;font-size:12px}.transaction-screen__body{background:#5c50bc;flex-direction:column;flex:1;gap:12px;padding:18px 20px 14px;display:flex}.transaction-screen__label{letter-spacing:.08em;color:#ffffffeb;margin:0;font-size:12px}.transaction-screen__amount-input{color:#1a7a50;background:#64e9ae;border:none;border-radius:10px;outline:none;width:100%;height:56px;padding:0 14px;font-size:18px;font-weight:700}.transaction-screen__amount-input::placeholder{color:#1a7a5073}.transaction-screen__body>div:last-child{margin-top:auto;padding-top:8px}.confirmed-screen{color:#fff;text-align:center;background-color:#5c50bc;justify-content:center;align-items:center;height:100%;display:flex}.confirmed-screen__content{max-width:320px}.confirmed-screen__headline{margin-bottom:16px;font-size:28px;font-weight:600}.confirmed-screen__amount{color:#64e9ae;margin-bottom:12px;font-size:56px;font-weight:700}.confirmed-screen__subtext{opacity:.9;margin-bottom:6px;font-size:14px}.confirmed-screen__subtext--spaced{margin-top:20px}.confirmed-screen__charity{color:#64e9ae;margin-bottom:6px;font-size:18px;font-weight:600}.confirmed-screen__campaign{opacity:.9;margin-bottom:16px;font-size:14px}.confirmed-screen__shopper{color:#64e9ae;margin-bottom:20px;font-size:18px;font-weight:600}.confirmed-screen__return-message{opacity:.8;font-size:12px}.shopper-qr-screen{color:#fff;text-align:center;background:#5c50bc;justify-content:center;align-items:center;height:100%;display:flex}.shopper-qr-screen__content{flex-direction:column;align-items:center;gap:12px;display:flex}.shopper-qr-screen__qr-card{background:#fff;border-radius:12px;margin-bottom:12px;padding:12px}.shopper-qr-screen__qr-image{width:180px;height:180px}.shopper-qr-screen__charity{color:#fff;font-size:16px;font-weight:600}.shopper-qr-screen__campaign{opacity:.7;font-size:14px}.shopper-qr-screen__status{color:#64e9ae;font-size:14px;font-weight:600}.shopper-confirmed-screen{color:#fff;text-align:center;background:#5c50bc;justify-content:center;align-items:center;height:100%;display:flex}.shopper-confirmed-screen__content{flex-direction:column;align-items:center;max-width:320px;display:flex}.shopper-confirmed-screen__headline{margin-bottom:6px;font-size:26px;font-weight:700}.shopper-confirmed-screen__merchant{color:#64e9ae;margin-bottom:6px;font-size:19px;font-weight:600}.shopper-confirmed-screen__subtext{opacity:.65;font-size:14px}.shopper-confirmed-screen__subtext--to{margin-top:4px}.shopper-confirmed-screen__amount{color:#64e9ae;font-size:50px;font-weight:700;line-height:1}.shopper-confirmed-screen__fees-note{opacity:.45;font-size:14px}.shopper-confirmed-screen__charity{color:#64e9ae;margin-top:4px;font-size:19px;font-weight:600}.shopper-confirmed-screen__campaign{opacity:.6;margin-bottom:12px;font-size:14px}.shopper-confirmed-screen__progress-track{background:#fff3;border-radius:999px;width:110px;height:3px;margin-bottom:6px;overflow:hidden}.shopper-confirmed-screen__progress-fill{background:#64e9ae;height:100%;transition:width 1s linear}.shopper-confirmed-screen__return-message{opacity:.38;margin-top:4px;font-size:10px}.transaction-screen__footer{background:#5c50bc;justify-content:center;align-items:center;padding:16px 20px 24px;display:flex}.transaction-screen__footer-button{width:100%}