body,html,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--pill-w: 95px;--pill-h: 35px}h1,h3{margin:0}.page{height:100%;display:grid;place-items:center;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-direction:column}.card{width:100%;height:100%;background:#fff;box-shadow:0 10px 30px #0000000a;display:flex;align-items:center;justify-content:center;flex-direction:column}h1{font-size:22px;text-align:center}.sub{color:#64748b;font-size:14px;text-align:center}.tip-btn:hover{background:#f9fafb}.wallets{display:grid;gap:10px;margin-bottom:12px;width:75%}.apple,.gpay{width:100%;padding:12px;border-radius:12px;border:1px solid #e5e7eb;font-weight:600;cursor:pointer}.apple{background:#000;color:#fff}.apple.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.gpay{background:#fff;color:#111827}.gpay:hover{background:#f9fafb}.gpay.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.apple-logo{font-size:18px;margin-right:6px}.status{margin-top:8px;font-size:14px;color:#111827}.note{margin-top:12px;font-size:12px;color:#6b7280}.tip-btn.selected{background:#eff6ff;border-color:#2563eb;color:#1f2937;box-shadow:0 0 0 3px #2563eb33}.tip-btn:focus-visible{outline:3px solid rgba(37,99,235,.5);outline-offset:2px}.logo{display:block;max-width:160px}.venmo{background:#008cff;color:#fff;font-weight:600;padding:12px;border-radius:12px;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.venmo-content{display:flex;align-items:center;gap:6px}.venmo-appicon{height:20px;width:20px}.venmo-wordmark{height:16px;width:auto}.venmo:hover:not(.disabled){background:#2f7bac}.venmo.disabled{background:#a7cbe3;cursor:not-allowed}.venmo.disabled .venmo-appicon,.venmo.disabled .venmo-wordmark{opacity:.4}.paypal{background:#ffc439;color:#111;font-weight:600;padding:12px;border-radius:12px;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.paypal:hover:not(.disabled){background:#ffb020}.paypal.disabled{background:#f8e0a2;cursor:not-allowed;color:#9ca3af}.paypal.disabled .icon{opacity:.4}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;animation:fadeIn .18s ease-out}.popup{width:85%;background:#fff;border-radius:16px;padding:18px 18px 16px;border:1px solid #e5e7eb;box-shadow:0 20px 50px #02061726;animation:slideUp .22s ease-out}.popup-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.popup-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:18px}.popup-title{margin:0;font-size:18px;font-weight:700;color:#111827}.popup-body{margin:6px 2px 12px;color:#374151;line-height:1.45;font-size:14px}.popup-actions{display:flex;justify-content:flex-end}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;padding:10px 14px;border-radius:10px;background:#0ea5e9;color:#fff;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease}.btn-primary:hover{background:#0284c7}.btn-primary:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.credit-card{background-color:#3dba84;color:#fff;border:none;border-radius:12px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.credit-card:hover:not(.disabled){background-color:#2fa86f}.credit-card.disabled{background-color:#a8d5c1;pointer-events:none;opacity:1}.btn-icon{height:20px;width:auto;margin-right:8px}.icon{height:18px;vertical-align:middle}.cashapp{background:#fff;color:#00c244;font-weight:600;padding:12px;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.cashapp:hover:not(.disabled){background:#f9fafb}.cashapp.disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.cashapp.disabled .cashapp-icon{opacity:.4}.cashapp-icon{height:19px;width:auto;transition:opacity .2s ease}.logo-wrapper{width:125px;padding-bottom:5px;display:flex;align-items:center;justify-content:center;align-self:center;text-align:center}.logo{width:100%;height:auto;align-self:center;text-align:center}.tipping-steps{display:flex;flex-direction:column;gap:20px}.step h3{font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.amount-btn.selected{border:2px solid #4a90e2}.tip-btn{width:var(--pill-w);height:var(--pill-h);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;font-size:14.5px;padding:0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;font-weight:600}.tip-btn.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33,0 1px 3px #00000014,0 1px 2px #0000000f}.custom-tip{position:relative;display:flex;align-items:center;justify-content:center;height:var(--pill-h);width:var(--pill-w);border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-weight:600;box-sizing:border-box;cursor:text}.custom-tip.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;color:#1f2937}.custom-tip:focus-within{box-shadow:0 0 0 3px #2563eb33;border-color:#2563eb}.currency-prefix{position:absolute;left:10px;font-weight:700;color:#111827;pointer-events:none}.custom-tip input{flex:1;border:0;outline:0;background:transparent;font:inherit;text-align:center;line-height:1;padding:0 10px 0 20px;min-width:0;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.tip-grid{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:90%;padding:2px 0}.thank-you-page{height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc}.thank-you-card{width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px;box-shadow:0 10px 30px #0000000a}.step-one{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.step-one-title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding-bottom:15px}.step-two{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.step-two-title{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding-bottom:16px;padding-top:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}