.pay-app{--pay-r:var(--radius-sm,6px);--pay-r-lg:10px;--pay-fast:120ms;--pay-med:260ms;--pay-ease:var(--ease-advo,cubic-bezier(0.2,0,0,1));--pay-ease-out:var(--ease-advo-out,cubic-bezier(0.16,1,0.3,1));--ap-key-transition-ms:var(--pay-fast);--ap-key-ease:var(--pay-ease);--ap-key-inactive-opacity:0.24;min-height:100vh;min-height:100dvh;align-items:center;background:var(--color-paper-wash);color:var(--color-ink);font-family:var(--font-sans);padding-block-start:max(12px,env(safe-area-inset-top));padding-block-end:max(16px,env(safe-area-inset-bottom));padding-inline-start:max(16px,env(safe-area-inset-left));padding-inline-end:max(16px,env(safe-area-inset-right));overflow-x:clip;overscroll-behavior:none}.pay-app,.pay-column{display:flex;flex-direction:column}.pay-column{width:100%;max-width:30rem;gap:12px;min-width:0}.pay-header{display:flex;flex-direction:column;gap:2px}.pay-wordmark{font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3)}.pay-app:not([data-kit=eastwood]) .pay-wordmark-logo{height:22px;width:auto;object-fit:contain;display:block;align-self:flex-start}.pay-title{font-size:1.5rem;font-weight:400;line-height:1.15;margin:0}.pay-card{background:var(--color-paper);border:1px solid var(--color-hair);border-radius:var(--pay-r-lg);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.pay-card--quiet{background:transparent;border-style:dashed}.pay-plate-field{display:flex;flex-direction:column;gap:8px}.pay-label{font-size:var(--text-xs);color:var(--color-ink-2)}.pay-plate-input{width:100%;min-height:56px;padding:8px 12px;border:0;border-radius:var(--pay-r);box-shadow:inset 0 0 0 3px var(--color-ink);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-align:center;text-transform:uppercase;caret-color:var(--color-ink)}.pay-plate-input::placeholder{color:var(--color-ink-3);font-weight:400;letter-spacing:.08em}.pay-plate-input:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.pay-hint-slot{min-height:28px}.pay-hint{margin:0;padding:4px 10px;border-left:var(--rule-heavy,2px) solid var(--color-hair);font-size:var(--text-xs);line-height:1.4;color:var(--color-ink-3)}.pay-hint--guide{border-left-color:var(--color-hair-2);color:var(--color-ink-2)}.pay-hint--error{border-left-color:var(--color-ink);color:var(--color-ink);font-weight:500}.pay-keypad{display:flex;flex-direction:column;gap:6px}.pay-keypad-grid{display:grid;gap:6px}.pay-keypad-grid--digits{grid-template-columns:repeat(5,minmax(0,1fr))}.pay-keypad-grid--letters{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:359px){.pay-keypad,.pay-keypad-grid{gap:5px}.pay-keypad-grid--letters{grid-template-columns:repeat(4,minmax(0,1fr))}.pay-hint-slot{min-height:48px}}.pay-key{--ap-key-min-size:46px;--ap-key-radius:var(--pay-r);--ap-key-bg:var(--color-paper-wash);--ap-key-fg:var(--color-ink);--ap-key-bg-pressed:var(--color-ink);--ap-key-fg-pressed:var(--color-paper);--ap-key-press-scale:0.96;border:1px solid var(--color-hair);font-size:var(--text-sm);font-weight:650}.pay-key--delete{grid-column:span 4;--ap-key-bg:var(--color-ink);--ap-key-fg:var(--color-paper);--ap-key-bg-pressed:var(--color-ink-2);--ap-key-fg-pressed:var(--color-paper);border-color:transparent;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.pay-action{--ap-key-min-size:56px;--ap-key-radius:var(--pay-r);--ap-key-bg:var(--color-ink);--ap-key-fg:var(--color-paper);--ap-key-bg-pressed:var(--color-ink-2);--ap-key-fg-pressed:var(--color-paper);width:100%;font-size:var(--text-base);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.pay-action--secondary{--ap-key-bg:transparent;--ap-key-fg:var(--color-ink-2);--ap-key-bg-pressed:var(--color-paper-sunk);--ap-key-fg-pressed:var(--color-ink);--ap-key-min-size:48px;border:1px solid var(--color-hair-2);font-size:var(--text-sm);font-weight:500;letter-spacing:0;text-transform:none}.pay-actions{flex-direction:column}.pay-action-row,.pay-actions{display:flex;gap:8px}.pay-action-row>*{flex:1;min-width:0}.pay-amount{display:flex;flex-direction:column;gap:2px}.pay-amount-label{font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3)}.pay-amount-value{font-family:var(--font-mono);font-size:clamp(2.25rem,1.6rem + 2.6vw,3rem);font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.02em}.pay-rows{display:grid;gap:6px;margin:0}.pay-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:var(--text-xs);min-width:0}.pay-row dt{color:var(--color-ink-3);min-width:0}.pay-row dd{margin:0;color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.pay-row--text dd{white-space:normal;overflow-wrap:anywhere}.pay-row--total{border-top:1px solid var(--color-hair);padding-top:6px;font-weight:500}.pay-note{font-size:var(--text-xs);color:var(--color-ink-3);margin:0;line-height:1.4}.pay-note--strong{color:var(--color-ink-2)}.pay-notice{display:flex;flex-direction:column;gap:8px;background:var(--color-paper);border:1px solid var(--color-hair-2);border-radius:var(--pay-r-lg);padding:16px}.pay-notice-title{font-size:var(--text-lg);font-weight:500;line-height:1.2;margin:0}.pay-notice-body{font-size:var(--text-sm);line-height:1.45;color:var(--color-ink-2);margin:0}.pay-skeleton-amount{--ap-skeleton-radius:var(--radius-sm,6px);display:flex;flex-direction:column;gap:8px}.pay-receipt{max-width:360px;width:100%;margin-inline:auto;background:var(--color-paper);border:1px solid var(--color-hair);border-radius:var(--radius-sm,6px);padding:16px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--color-ink)}.pay-receipt-head{text-align:center;display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px dashed var(--color-hair-2)}.pay-receipt-kind{letter-spacing:.14em;text-transform:uppercase;font-size:var(--text-eyebrow)}.pay-receipt-serial{color:var(--color-ink-3)}.pay-receipt-section{padding-block:8px;border-bottom:1px dashed var(--color-hair-2)}.pay-receipt-section:last-of-type{border-bottom:0}.pay-receipt-foot{padding-top:8px;border-top:1px dashed var(--color-hair-2);text-align:center;color:var(--color-ink-3)}@media print{.pay-app{background:#fff;min-height:0;padding:0}.pay-no-print{display:none!important}.pay-receipt{border:0;max-width:none;padding:0}}@media (prefers-reduced-motion:reduce){.pay-app .ap-skeleton{animation:none}}@media (min-width:768px) and (min-height:700px){.pay-app{justify-content:center;padding-block:32px}}.pay-demo-band{margin:0;padding:10px max(16px,env(safe-area-inset-left)) 10px max(16px,env(safe-area-inset-right));background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-align:center}.pay-app[data-kit=eastwood]{--ew-sky-1:#c9e8f5;--ew-sky-2:#a3b8e8;--ew-mid:#8b9fd4;--ew-lavender:#b8a8d4;--ew-blush:#d4a8c0;--ew-peach:#e8c8a8;--ew-accent:#e85d8a;--ew-gold:#f5c400;--ew-card:rgba(255,255,255,0.92);--ew-card-border:rgba(255,255,255,0.70);--ink-on-gradient:#23264f;--ink-on-gradient-2:#2f3459;--ink-on-fill:#ffffff;--panel-bg:radial-gradient(ellipse 140% 60% at 30% 15%,rgba(255,255,255,0.55) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 70% 80%,rgba(232,200,168,0.40) 0%,transparent 55%),linear-gradient(175deg,#c9e8f5,#a3b8e8 22%,#8b9fd4 38%,#b8a8d4 56%,#d4a8c0 74%,#e8c8a8);background:var(--panel-bg);min-height:100dvh}.pay-app[data-kit=eastwood] .pay-card{background:var(--ew-card);border:1px solid var(--ew-card-border)}.pay-app[data-kit=eastwood] .pay-action:not(.pay-action--secondary):not([aria-disabled=true]){background:linear-gradient(135deg,var(--ew-mid) 0,var(--ew-accent) 100%);color:#000000}.pay-app[data-kit=eastwood] .pay-wordmark-logo{height:36px;width:auto;object-fit:contain;display:block}.pay-app[data-kit=eastwood] .pay-wordmark--powered{font-size:12px;opacity:.7;letter-spacing:.05em;display:block;margin-top:2px}.pay-app[data-kit=eastwood] .pay-header{background:transparent}