.agent-area{--agent-bg:#f5f2e9;--agent-surface:#fffef9;--agent-soft:#eeeade;--agent-ink:#173d32;--agent-muted:#65736a;--agent-line:#dedfd2;--agent-brand:#123e33;--agent-brand-hover:#245746;--agent-gold:#947132;--agent-gold-soft:#f3ebd8;--agent-success-bg:#e7f1e8;--agent-success-ink:#2f6540;--agent-danger-bg:#fceee9;--agent-danger-ink:#a04736;--agent-danger-line:#e6c3b6;--agent-hero:#10382f;--agent-hero-ink:#fff9e9;--agent-hero-muted:#bdcec0;--agent-highlight:#e6c47f;--agent-on-brand:#fffdf5;background:var(--agent-bg);color:var(--agent-ink);font-size:15px;line-height:1.65;letter-spacing:0;min-height:calc(100svh - 70px)}html[data-site-theme=dark] .agent-area{--agent-bg:#111c18;--agent-surface:#1a2a23;--agent-soft:#22362c;--agent-ink:#f2eddf;--agent-muted:#b5c1b5;--agent-line:#3b4e40;--agent-brand:#dcb974;--agent-brand-hover:#edcd90;--agent-gold:#e0bd79;--agent-gold-soft:#373124;--agent-success-bg:#233d2d;--agent-success-ink:#b8dbbc;--agent-danger-bg:#3a2924;--agent-danger-ink:#f3b29d;--agent-danger-line:#795346;--agent-on-brand:#19251d;color-scheme:dark}.agent-area :is(h1,h2,h3,p,small,a,button,label){letter-spacing:0}.agent-area button,.agent-area input{font-family:inherit}.agent-area a,.agent-area button{-webkit-tap-highlight-color:transparent}.agent-area button{cursor:pointer}.agent-area button:disabled{cursor:not-allowed}.agent-area :is(button,a,input):focus-visible{outline:2px solid var(--agent-gold);outline-offset:4px}html[data-site-theme=dark] main .agent-area :is([class*=__page],[class*=__container]){background:var(--agent-bg);color:var(--agent-ink)}html[data-site-theme=dark] main .agent-area :is([class*=__card],[class*=__panel],[class*=__metric],.agent-join-note){background:var(--agent-surface);border-color:var(--agent-line);color:var(--agent-ink)}@media(max-width:600px){.agent-area{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.storefront .agent-area .payment-page{max-width:1080px;padding:28px 24px 48px;color:var(--agent-ink);--text-primary:var(--agent-ink);--text-secondary:var(--agent-muted)}.storefront .agent-area .payment-heading h1{font-weight:600;color:var(--agent-ink)}.storefront .agent-area :is(.payment-heading p,.payment-back,.payment-product p,.payment-total span,.payment-qr-heading p){color:var(--agent-muted)}.storefront .agent-area .payment-badge{background:var(--agent-gold-soft);color:var(--agent-gold);border-radius:20px}.storefront .agent-area .payment-layout{gap:24px;border:0;padding-top:12px}.storefront .agent-area :is(.payment-summary,.payment-qr-section){background:var(--agent-surface);border:1px solid var(--agent-line);border-radius:18px;padding:28px;min-width:0}.storefront .agent-area .payment-total{border-color:var(--agent-line)}.storefront .agent-area .payment-total strong{color:var(--agent-ink)}.storefront .agent-area .payment-primary{background:var(--agent-brand);color:var(--agent-on-brand);border-radius:10px;gap:10px}.storefront .agent-area .payment-secondary{color:var(--agent-brand)}.storefront .agent-area .payment-notice{background:var(--agent-gold-soft);color:var(--agent-gold);border-color:var(--agent-gold);border-radius:10px;font-size:13px}.storefront .agent-area .payment-error{background:var(--agent-danger-bg);color:var(--agent-danger-ink);border-radius:10px}.storefront .agent-area .payment-qr-placeholder{background:var(--agent-soft);color:var(--agent-muted);border-color:var(--agent-line);border-radius:14px}.storefront .agent-area .payment-cancel{color:var(--agent-muted);border-color:var(--agent-line);border-radius:10px}@media(max-width:640px){.storefront .agent-area .payment-page{padding:20px 16px 32px}.storefront .agent-area :is(.payment-summary,.payment-qr-section){padding:22px 18px}.storefront .agent-area .payment-heading{flex-wrap:wrap}.storefront .agent-area .payment-heading h1{font-size:24px}}html[data-site-theme=dark] main .agent-area :is(input,select,textarea){background:var(--agent-bg);color:var(--agent-ink);border-color:var(--agent-line)}html[data-site-theme=dark] main .agent-area input::placeholder{color:var(--agent-muted)}html[data-site-theme=dark] main .agent-area :is(h1,h2,h3){color:inherit}html[data-site-theme=dark] main .agent-area [class*=__metrics] article{background:transparent;border-color:var(--agent-line)}html[data-site-theme=dark] main .agent-area [class*=__eyebrow]{color:var(--agent-gold)}