.header-actions { display:flex; align-items:center; gap:18px; }
.wallet-button { min-height:44px; padding:10px 16px; color:#e1ceff; background:#292331; border:0; border-radius:99px; font:inherit; font-size:13px; cursor:pointer; }
.wallet-button:hover { background:#3a2e4b; }
.wallet-intro { display:flex;align-items:center;gap:16px;margin-bottom:14px; }
.wallet-intro img { width:80px;height:80px;object-fit:contain; }
.wallet-intro .step-label { font-size:10px;letter-spacing:1.5px; }
.wallet-safety { background:linear-gradient(140deg,#33283f,#242129); border:0;border-radius:20px;padding:24px;margin:24px 0; }
.wallet-safety h3 { font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:10px 0; }
.wallet-safety p,.wallet-safety li { font-size:14px;line-height:1.65;color:#d0c4da; }
.wallet-safety ol { padding-left:20px; }
.wallet-safety li+li { margin-top:9px; }
.wallet-safety small { display:block;color:#c2b2d0;font-size:12px;line-height:1.6;margin-top:18px; }
.wallet-safety summary { cursor:pointer;min-height:44px;padding:12px 0;color:#e1ceff;font-size:13px; }
.wallet-permissions { font-size:12px!important;line-height:1.7!important;color:#bcb0c8!important; }
.connected-wallet { display:grid;gap:12px;padding:22px 0;margin:14px 0; }
.connected-wallet>span { font-size:10px;letter-spacing:1.5px;color:#b8a4c9; }
.connected-wallet strong { font-size:24px;letter-spacing:-.5px;color:#d6c0ff; }
.connected-wallet code,.transaction-reference { display:block;overflow-wrap:anywhere;word-break:break-word;line-height:1.6;font-size:12px;color:#c7b8d1; }
.connected-wallet summary { font-size:12px;color:#b9a9c7;cursor:pointer;min-height:44px;padding:12px 0; }
#wallet-prepare,#wallet-connect,#wallet-approve { width:100%;white-space:normal;min-height:48px; }
.conversion-art { position:relative;min-height:124px; }
.conversion-token { border:0;background:radial-gradient(circle at 28% 20%,#d6bcfa,#7958ae);box-shadow:0 8px 26px #130d22;color:#21152c; }
.conversion-card { border:0;box-shadow:0 10px 26px #100b1b88;transform:rotate(-5deg); }
.conversion-track { background:linear-gradient(90deg,#aa7dea44,#c9b2ee,#aac8b244);height:1px; }
.confirming .conversion-token { animation:token-to-everyday 2.6s ease-in-out infinite; }
.confirming .conversion-card { animation:card-arrives 2.6s ease-in-out infinite; }
.complete .conversion-card { box-shadow:0 8px 35px #a5d7b92b;transform:rotate(0); }
@keyframes token-to-everyday { 0%,100%{transform:translateX(0) scale(1);opacity:1} 50%{transform:translateX(24px) scale(.76);opacity:.5} }
@keyframes card-arrives { 0%,100%{transform:rotate(-5deg) scale(.97)} 50%{transform:rotate(2deg) scale(1.05);box-shadow:0 8px 30px #b894de33} }
@media(max-width:540px) { .header-actions{gap:8px}.wallet-button{font-size:12px;padding:9px 13px}.header-actions .header-waitlist{font-size:12px}.topbar .breadcrumb{font-size:12px}.topbar .breadcrumb span,.topbar .breadcrumb b{display:none}.wallet-safety{padding:18px}.wallet-intro{gap:10px}.wallet-intro img{width:68px;height:68px}.wallet-safety h3{font-size:20px} }
@media(prefers-reduced-motion:reduce) { .conversion-art * { animation:none!important; } }

#wallet-signin { width:100%;min-height:48px;white-space:normal; }

.payment-final .review-exchange { margin:18px 0;gap:14px; }.payment-final .review-exchange>div { padding:14px 0; }.payment-final .review-exchange strong { font-size:25px;overflow-wrap:anywhere; }.payment-final .review-exchange small { font-size:11px;line-height:1.5; }.payment-final .payment-estimate-note { font-size:12px;line-height:1.65;margin:14px 0; }.payment-final .connected-wallet { padding:8px 0;margin:8px 0;gap:8px; }.payment-final .quote-details p { font-size:12px;line-height:1.65; }.payment-final .purchase-rebate-preview { margin:14px 0; }.payment-final .dialog-cta { margin-top:16px; }.payment-final .supplier-disclosure { margin-bottom:0; }

.token-picker-button { display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer; }.token-picker-button:disabled { cursor:default;opacity:.6; }.token-picker-button:focus-visible,.token-choice:focus-visible { outline:2px solid #c6afff;outline-offset:4px; }.token-picker-caret { margin-left:auto;color:#c4b6d2;font-size:20px;padding:0 8px; }.token-icon:has(img),.conversion-token:has(img) { padding:0;background:transparent;box-shadow:none;overflow:hidden; }.token-icon img,.conversion-token img { width:100%;height:100%;object-fit:cover;border-radius:50%;display:block; }.token-picker-note { font-size:13px!important; }.token-picker-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 8px; }.token-choice { display:flex;align-items:center;gap:10px;text-align:left;min-height:70px;padding:12px;border:0;border-radius:14px;background:#28232f;color:#f0e9f9;font:inherit;cursor:pointer; }.token-choice:hover,.token-choice[aria-pressed="true"] { background:#3a304a; }.token-choice>span:nth-child(2) { min-width:0;display:grid;gap:5px; }.token-choice strong { font-size:13px;overflow-wrap:anywhere; }.token-choice small { color:#afa0c0;font-size:10px; }.token-choice-art { width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center; }.token-choice-art img { width:100%;height:100%;object-fit:cover;border-radius:50%; }.token-choice>.icon { width:14px;flex:0 0 14px;margin-left:auto;color:#d5c0ff; }
@media(max-width:360px){.token-choice { gap:7px;padding:10px;min-height:64px; }.token-choice-art { width:30px;height:30px;flex-basis:30px; }.token-choice strong { font-size:11px; }.token-choice>.icon { width:11px;flex-basis:11px; }}

.token-picker-button .token-icon { width:30px;height:30px;flex:0 0 30px; }

.payment-token-amount { display:flex;align-items:center;gap:9px; }.payment-token-amount img { width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px; }.payment-token-amount>span { min-width:0;overflow-wrap:anywhere; }

.checkout-email { display:grid;gap:10px;margin:20px 0; }.checkout-email label { font-size:14px;font-weight:600;color:#f0e9f9; }.checkout-email input { box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:14px 16px;border:0;border-radius:12px;background:#292331;color:#fff;font:inherit;font-size:16px; }.checkout-email input:focus-visible { outline:2px solid #c6afff;outline-offset:2px; }.checkout-email small { font-size:12px;line-height:1.6;color:#bcb0c8; }
.payment-final .review-exchange strong.payment-token-amount { display:flex; }.payment-final .payment-token-amount>span { font:inherit;letter-spacing:inherit;color:inherit; }

.quick-checkout { max-width:480px;margin:0 auto; }.quick-checkout h2 { margin-bottom:22px; }.checkout-product { display:flex;align-items:center;gap:18px;margin-bottom:24px; }.checkout-product>img { width:112px;height:72px;object-fit:cover;border-radius:10px;flex-shrink:0; }.checkout-product>div { display:grid;gap:7px;min-width:0; }.checkout-product strong { font-size:19px;line-height:1.3;overflow-wrap:anywhere; }.checkout-product span { font-size:14px;color:#c9bdd4; }.quick-checkout .checkout-email { margin:0 0 24px; }.quick-checkout .checkout-email small { font-size:11px; }.checkout-payment { margin:18px 0 12px; }.checkout-payment>span { color:#ad9abc;font-size:10px;letter-spacing:1.5px; }.checkout-payment>strong { display:flex;align-items:center;gap:10px;font:500 29px/1.25 var(--display);margin:10px 0; }.checkout-payment>strong>span { min-width:0;overflow-wrap:anywhere; }.checkout-payment img { width:28px;height:28px;flex:0 0 28px;border-radius:50%; }.checkout-payment>small { display:block;font-size:12px;color:#bcb0c8;line-height:1.6; }.checkout-rebate { color:#b9d9c0;font-size:12px;line-height:1.6; }.checkout-rebate details { color:#baadca; }.checkout-rebate summary { cursor:pointer;padding:6px 0; }.checkout-rebate p { font-size:12px!important;line-height:1.6!important;margin:4px 0!important; }.quick-checkout .modal-error:empty { display:none; }.quick-checkout .modal-error { margin:14px 0; }.quick-checkout #wallet-pay { width:100%;min-height:52px;margin:20px 0 0; }.quick-checkout .checkout-terms { font-size:11px;line-height:1.6;color:#a99ab8;margin:12px 0 16px; }.checkout-terms a { text-decoration:underline; }.checkout-details summary { font-size:12px;color:#c6b4d7;cursor:pointer;min-height:34px;padding:8px 0; }.checkout-details p { font-size:12px!important;line-height:1.6!important; }.checkout-details code { overflow-wrap:anywhere; }.quick-checkout .checkout-provider { margin:12px 0 0;font-size:11px;color:#a593b4; }.quick-checkout #wallet-refresh[hidden] { display:none; }
@media(max-width:360px){.checkout-product { gap:12px; }.checkout-product>img { width:88px;height:58px; }.checkout-product strong { font-size:16px; }.checkout-payment>strong { font-size:25px; }.quick-checkout h2 { font-size:28px; }}

/* Selected coin flows into the merchant artwork without an extra checkout step. */
.quick-checkout .checkout-gift-flow { margin:0 0 22px; }.quick-checkout .checkout-flow { min-height:86px;margin:0;padding:8px 3px 14px;gap:20px;overflow:visible; }.quick-checkout .checkout-flow .conversion-token { width:48px;height:48px;flex:0 0 48px;animation:checkout-coin-float 2.8s ease-in-out infinite; }.quick-checkout .checkout-flow .conversion-track { display:block;position:relative;max-width:none;height:1px;min-width:24px;background:linear-gradient(90deg,#a279db22,#c3a5ef88,#acdab944); }.quick-checkout .checkout-flow .conversion-track i { position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#d2b3ff;box-shadow:0 0 10px #bd8fff99;animation:checkout-coin-stream 2.4s linear infinite; }.quick-checkout .checkout-flow .conversion-track i:nth-child(2) { animation-delay:-.8s; }.quick-checkout .checkout-flow .conversion-track i:nth-child(3) { animation-delay:-1.6s; }.quick-checkout .checkout-flow .conversion-card { width:112px;height:72px;animation:checkout-card-glow 2.8s ease-in-out infinite; }.checkout-gift-caption { display:flex;align-items:baseline;justify-content:space-between;gap:10px; }.checkout-gift-caption strong { font-size:17px;line-height:1.4;overflow-wrap:anywhere;min-width:0; }.checkout-gift-caption>span { color:#c9bdd4;font-size:13px;text-align:right;flex-shrink:0; }
@keyframes checkout-coin-stream { 0%{left:0;opacity:0;transform:scale(.7)} 18%{opacity:1;transform:scale(1)} 80%{opacity:1} 100%{left:100%;opacity:0;transform:scale(.7)} }
@keyframes checkout-coin-float { 0%,100%{transform:translateY(2px)} 50%{transform:translateY(-3px)} }
@keyframes checkout-card-glow { 0%,100%{transform:rotate(-4deg);box-shadow:0 8px 22px #100b1b88} 50%{transform:rotate(-2deg);box-shadow:0 8px 26px #b894de30} }
@media(max-width:360px){.quick-checkout .checkout-flow { gap:14px;min-height:76px; }.quick-checkout .checkout-flow .conversion-token { width:42px;height:42px;flex-basis:42px; }.quick-checkout .checkout-flow .conversion-card { width:94px;height:60px; }.checkout-gift-caption { gap:8px; }.checkout-gift-caption strong { font-size:15px; }.checkout-gift-caption>span { font-size:12px; }}
@media(prefers-reduced-motion:reduce){.quick-checkout .checkout-flow * { animation:none!important; }.quick-checkout .checkout-flow .conversion-track i:nth-child(1){left:20%}.quick-checkout .checkout-flow .conversion-track i:nth-child(2){left:50%}.quick-checkout .checkout-flow .conversion-track i:nth-child(3){left:80%}}
