:root{--cc-page: #f2f0ec;--cc-card: #fff;--cc-text: #16181c;--cc-muted: #9a9ea5;--cc-muted2: #6b6f76;--cc-border: rgba(20, 22, 26, .12);--cc-border-faint: rgba(20, 22, 26, .07);--cc-surface: #f7f6f3;--cc-accent: #16181c;--cc-accent-text: #fff;--cc-danger: oklch(56% .13 25);--cc-success: oklch(56% .13 152);--cc-focus: #5b8cff;--cc-radius: 12px;--cc-radius-pill: 999px;--cc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--cc-mono: ui-monospace, Menlo, monospace;color-scheme:light}[data-theme=dark]{--cc-page: #0e0f11;--cc-card: #1a1c1f;--cc-text: #f2f1ee;--cc-muted: #7d8087;--cc-muted2: #a7aab0;--cc-border: rgba(255, 255, 255, .12);--cc-border-faint: rgba(255, 255, 255, .07);--cc-surface: #24262a;--cc-accent: #f2f1ee;--cc-accent-text: #14161a;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{background:var(--cc-page)}body,button,input{font-family:var(--cc-font)}body{-webkit-font-smoothing:antialiased;color:var(--cc-text);background:var(--cc-card);text-rendering:optimizeLegibility}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--cc-focus) 72%,transparent);outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes settle{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-fwd{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-back{0%{transform:translate(-28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-shell{display:flex;height:100svh;min-height:100%;max-width:1100px;margin:0 auto;background:var(--cc-card);transition:background-color .18s ease-out,color .18s ease-out}.checkout-sidebar{display:none;flex:0 0 44%;flex-direction:column;justify-content:center;padding:0 9%;background:var(--cc-surface);border-right:1px solid var(--cc-border-faint)}.checkout-main{display:flex;flex:1;flex-direction:column;min-width:0;height:100svh;overflow:hidden}@media(min-width:1024px){.checkout-sidebar{display:flex}.mobile-merchant{display:none!important}}.checkout-header{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:65px;padding:10px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--cc-border-faint)}.checkout-header .label,.sidebar-secure{font-size:11px;font-weight:600;color:var(--cc-muted);text-transform:uppercase;letter-spacing:.06em}.signed-in{font-size:12px;color:var(--cc-muted2)}.checkout-body{position:relative;display:flex;flex:1;flex-direction:column;padding:26px max(20px,env(safe-area-inset-right)) 26px max(20px,env(safe-area-inset-left));overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.checkout-body:before{position:absolute;inset:0;pointer-events:none;content:"";background:url(/favicon.svg) no-repeat bottom -10% right -12%;background-size:min(60%,320px);opacity:.018}[data-theme=dark] .checkout-body:before{opacity:.012}.screen-anim{position:relative;z-index:1;display:flex;flex:1;flex-direction:column}.screen-anim[data-dir=fwd]{animation:slide-fwd .22s cubic-bezier(.16,1,.3,1)}.screen-anim[data-dir=back]{animation:slide-back .22s cubic-bezier(.16,1,.3,1)}.screen-anim[data-dir=center]{animation:fade-up .2s cubic-bezier(.16,1,.3,1)}.screen{display:flex;flex:1;flex-direction:column;min-height:100%}.centered{gap:18px;align-items:center;justify-content:center;text-align:center}.checkout-footer{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:57px;padding:6px max(20px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--cc-border-faint)}.btn-primary,.btn-ghost,.btn-chip,.btn-icon,.wallet-row,.receipt-actions a{transition:transform .14s ease-out,opacity .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-chip:active:not(:disabled),.btn-icon:active:not(:disabled),.wallet-row:active:not(:disabled),.receipt-actions a:active{opacity:.78;transform:translateY(1px)}.btn-primary:disabled,.btn-ghost:disabled,.btn-chip:disabled{cursor:wait;opacity:.5}.btn-primary{display:block;width:100%;max-width:400px;min-height:50px;padding:clamp(14px,1.5vw,19px);margin:0 auto 10px;font-size:clamp(15px,1.1vw,18px);font-weight:600;color:var(--cc-accent-text);cursor:pointer;background:var(--cc-accent);border:none;border-radius:var(--cc-radius-pill)}.btn-primary.compact{max-width:240px;margin-top:10px}.btn-ghost{display:block;width:100%;min-height:44px;padding:10px;font-size:13.5px;color:var(--cc-muted2);cursor:pointer;background:none;border:none}.btn-chip{min-height:0;padding:5px 12px;font-size:12px;font-weight:600;color:var(--cc-text);cursor:pointer;background:none;border:1px solid var(--cc-border);border-radius:var(--cc-radius-pill)}.btn-icon{width:44px;height:44px;padding:0;margin-left:-12px;font-size:25px;line-height:1;color:var(--cc-text);cursor:pointer;background:none;border:none}.footer-button{width:auto;padding-inline:8px;font-size:12.5px}.theme-button{font-weight:400}.merchant-badge{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;font-size:15px;font-weight:600;color:var(--cc-accent-text);background:var(--cc-accent);border-radius:12px}.mobile-merchant{margin-bottom:26px}.merchant-name{font-size:15px;font-weight:600}.merchant-reference{margin-top:2px;font-size:12.5px;color:var(--cc-muted);overflow-wrap:anywhere}.amount-block{margin-bottom:22px}.eyebrow{margin-bottom:6px;font-size:12.5px;color:var(--cc-muted)}.amount-display{font-size:clamp(38px,3.2vw,54px);font-weight:650;letter-spacing:-.01em}.currency-label{margin-top:2px;font-size:12.5px;color:var(--cc-muted)}.line-items{display:flex;flex-direction:column;gap:11px;padding-top:16px;margin-bottom:24px;border-top:1px solid var(--cc-border-faint)}.line-row{display:flex;gap:20px;justify-content:space-between;font-size:13.5px}.line-row>:last-child{flex:none}.line-total{display:flex;justify-content:space-between;padding-top:11px;margin-top:2px;font-size:14px;font-weight:650;border-top:1px solid var(--cc-border-faint)}.muted{color:var(--cc-muted)}.action-note{margin:0 0 10px;font-size:12.5px;color:var(--cc-muted2);text-align:center}.screen-title{margin:0 0 4px;font-size:clamp(18px,1.5vw,24px);font-weight:650}.screen-subtitle{margin:0 0 22px;font-size:13px;color:var(--cc-muted)}.field-label{display:block;margin-bottom:6px;font-size:12px;color:var(--cc-muted2)}.text-input{width:100%;min-height:48px;padding:12px 14px;margin-bottom:14px;font-size:16px;color:var(--cc-text);background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px;transition:border-color .14s ease-out,box-shadow .14s ease-out}.text-input:focus{border-color:var(--cc-accent)}.wallet-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between}.wallet-total{flex:none;font-size:16px;font-weight:650}.wallet-list{display:flex;flex-direction:column;gap:10px}.wallet-row{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;min-height:76px;padding:15px 17px;color:var(--cc-text);text-align:left;cursor:pointer;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px}.wallet-row span{display:flex;flex-direction:column;gap:2px}.wallet-row strong{font-size:14.5px;font-weight:600}.wallet-row small{font-size:12px;color:var(--cc-muted)}.wallet-row small.danger{color:var(--cc-danger)}.wallet-row[aria-selected=true]{background:var(--cc-surface);border-color:var(--cc-accent);box-shadow:0 0 0 1px var(--cc-accent) inset}.wallet-row:disabled{cursor:not-allowed;background:var(--cc-surface);opacity:.55}.fx-banner{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--cc-muted2);background:var(--cc-surface);border-radius:10px}.pay-summary{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:22px;font-size:13px;color:var(--cc-muted2);background:var(--cc-surface);border-radius:var(--cc-radius)}.pay-summary strong{color:var(--cc-text)}.pin-wrap{position:relative;margin-top:10px;cursor:text}.pin-grid{display:flex;gap:10px;justify-content:center}.pin-digit{display:flex;align-items:center;justify-content:center;width:46px;height:56px;font-size:22px;font-weight:600;color:var(--cc-text);background:var(--cc-surface);border:1.5px solid var(--cc-border);border-radius:var(--cc-radius)}.pin-digit[data-filled]{animation:settle .14s ease-out}.pin-input{position:absolute;inset:0;width:100%;height:100%;font-size:16px;cursor:text;opacity:0}.pin-cancel{margin-top:24px}.spinner{width:40px;height:40px;border:3px solid var(--cc-border);border-top-color:var(--cc-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.paused{animation:none}.processing-title{max-width:320px;margin:1em 0;font-size:14px;font-weight:400;color:var(--cc-muted2)}.result-screen{max-width:440px;margin:auto}.result-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:28px;border:2px solid;border-radius:50%;animation:settle .2s ease-out}.result-icon.success{color:var(--cc-success);border-color:var(--cc-success)}.result-icon.failed{color:var(--cc-danger);border-color:var(--cc-danger)}.result-icon.neutral{color:var(--cc-muted2);border-color:var(--cc-border)}.result-title{margin:0;font-size:18px;font-weight:650}.result-copy{margin:0;font-size:13.5px;color:var(--cc-muted2)}.countdown{margin:0;font-size:12.5px;color:var(--cc-muted)}.receipt-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:8px 0}.receipt-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;font-size:12px;color:var(--cc-text);text-decoration:none;border:1px solid var(--cc-border);border-radius:10px}.dots{display:flex;flex:none;gap:6px;justify-content:center;padding:12px 0 0}.dot{width:6px;height:6px;background:var(--cc-border);border-radius:50%;transition:background-color .18s ease-out}.dot.active{background:var(--cc-accent)}.error-text{margin:8px 0 14px;font-size:12.5px;color:var(--cc-danger)}.text-center{text-align:center}.spacer{flex:1;min-height:24px}.gap-row{display:flex;gap:12px;align-items:center}.sidebar-merchant{margin-bottom:36px}.sidebar-badge{width:40px;height:40px;font-size:14px;border-radius:11px}.sidebar-amount{margin-bottom:28px;font-size:34px;font-weight:650;letter-spacing:-.01em}.sidebar-items{display:flex;flex-direction:column;gap:16px}.product-thumb{flex:none;width:40px;height:40px;overflow:hidden;background:var(--cc-card);border-radius:8px}.product-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-line{display:flex;flex:1;gap:16px;justify-content:space-between;font-size:13.5px}.sidebar-secure{margin-top:44px}@media(max-width:380px){.pin-grid{gap:6px}.pin-digit{width:42px;height:52px}.checkout-body{padding-inline:16px}.receipt-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.screen-anim[data-dir],.pin-digit[data-filled],.result-icon{animation:none}.btn-primary,.btn-ghost,.btn-chip,.btn-icon,.wallet-row,.receipt-actions a{transition-duration:.01ms}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-chip:active:not(:disabled),.btn-icon:active:not(:disabled),.wallet-row:active:not(:disabled),.receipt-actions a:active{transform:none}}@media(prefers-reduced-transparency:reduce){.checkout-body:before{display:none}}@media(prefers-contrast:more){:root{--cc-border: currentColor;--cc-border-faint: color-mix(in srgb, currentColor 38%, transparent)}.btn-primary,.wallet-row[aria-selected=true]{outline:2px solid var(--cc-text);outline-offset:2px}}