:root{color-scheme:light;--tf-background: #fff8f6;--tf-surface: #fff8f6;--tf-surface-lowest: #ffffff;--tf-surface-low: #fff1eb;--tf-surface-high: #fee3d8;--tf-surface-highest: #f8ddd2;--tf-surface-container: #ffeae1;--tf-ink: #261812;--tf-ink-muted: #5a4136;--tf-muted: var(--tf-ink-muted);--tf-outline: #8e7164;--tf-outline-soft: #e2bfb0;--tf-primary: #a04100;--tf-primary-bright: #ff6b00;--tf-primary-soft: #ffdbcc;--tf-on-primary-bright: #351000;--tf-on-primary: var(--tf-on-primary-bright);--tf-success: #0e6d3b;--tf-success-soft: #9cf2b4;--tf-warning: #785900;--tf-warning-bright: #c19100;--tf-warning-soft: #fff0c2;--tf-error: #ba1a1a;--tf-error-soft: #ffdad6;--tf-white: #ffffff;--tf-whatsapp: #25D366;--tf-info: #23666b;--tf-info-soft: #e6f3f2;--tf-radius-pill: 999px;--tf-shadow-subtle: 0 2px 8px rgba(38, 24, 18, .04);--tf-border-subtle: color-mix(in srgb, var(--tf-outline-soft) 52%, var(--tf-surface-lowest));--tf-radius-sm: 8px;--tf-radius-md: 12px;--tf-radius-lg: 16px;--tf-radius-xl: 24px;--tf-shadow-soft: 0 6px 20px rgba(38, 24, 18, .12);--tf-shadow-card: 0 12px 32px rgba(160, 65, 0, .18);--tf-shadow-glow: 0 10px 32px rgba(255, 107, 0, .32);--tf-shadow-float: 0 18px 54px rgba(88, 42, 20, .14);--tf-font: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-font-family: var(--tf-font);--tf-control-height: 42px;--tf-row-height: 48px;--tf-panel-padding: 16px;--tf-page-max: 1440px;--tf-atmosphere: radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--tf-primary-soft) 68%, transparent) 0, transparent 28rem), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--tf-surface-high) 72%, transparent) 0, transparent 32rem), linear-gradient(180deg, var(--tf-background), color-mix(in srgb, var(--tf-surface-low) 48%, var(--tf-background)));--tf-atmosphere-quiet: radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--tf-primary-soft) 42%, transparent) 0, transparent 24rem), linear-gradient(180deg, var(--tf-background), var(--tf-surface));--tf-surface-glass: color-mix(in srgb, var(--tf-surface-lowest) 88%, transparent);--tf-motion-fast: .14s;--tf-motion-standard: .22s;--tf-motion-deliberate: .42s;--tf-motion-easing: cubic-bezier(.2, .8, .2, 1);--tf-scrollbar-size: 4px;--tf-scrollbar-track: transparent;--tf-scrollbar-thumb: color-mix(in srgb, var(--tf-outline) 58%, transparent);--tf-scrollbar-thumb-hover: color-mix(in srgb, var(--tf-primary) 76%, transparent)}*{scrollbar-color:var(--tf-scrollbar-thumb) var(--tf-scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:var(--tf-scrollbar-size);height:var(--tf-scrollbar-size)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:var(--tf-scrollbar-track)}*::-webkit-scrollbar-thumb{min-width:24px;min-height:24px;border-radius:999px;background:var(--tf-scrollbar-thumb)}*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background:var(--tf-scrollbar-thumb-hover)}@media(forced-colors:active){*{scrollbar-color:auto}}:root{font-family:var(--tf-font);color:var(--tf-ink);background:var(--tf-background)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--tf-atmosphere)}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{transition:color var(--tf-motion-fast) var(--tf-motion-easing),background-color var(--tf-motion-fast) var(--tf-motion-easing),border-color var(--tf-motion-fast) var(--tf-motion-easing),box-shadow var(--tf-motion-standard) var(--tf-motion-easing),transform var(--tf-motion-fast) var(--tf-motion-easing)}button:focus-visible,a:focus-visible{outline:3px solid var(--tf-primary);outline-offset:3px}.checkout-shell{min-height:100dvh;display:grid;place-items:center;padding:20px;background:var(--tf-atmosphere)}.checkout-card{width:min(100%,560px);display:grid;gap:18px;border:1px solid var(--tf-outline-soft);border-radius:var(--tf-radius-xl);padding:24px;background:var(--tf-surface-glass);box-shadow:var(--tf-shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.checkout-brand{display:flex;align-items:center;gap:10px}.checkout-brand img{width:44px;height:44px;border-radius:var(--tf-radius-md);object-fit:cover;background:var(--tf-surface-high)}.checkout-brand strong,.checkout-brand small{display:block}.checkout-brand strong{font-size:15px}.checkout-brand small{margin-top:2px;color:var(--tf-ink-muted);font-size:11px}.brand-dot{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--tf-radius-md);color:var(--tf-on-primary-bright);background:var(--tf-primary-bright);font-weight:800}.eyebrow{color:var(--tf-ink-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.checkout-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.checkout-heading h1{margin:2px 0 0;font-size:25px;letter-spacing:-.03em}.status{border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.status-active{color:var(--tf-warning);background:var(--tf-warning-soft)}.status-paid{color:var(--tf-success);background:var(--tf-success-soft)}.status-expired,.status-cancelled{color:var(--tf-error);background:var(--tf-error-soft)}.items{display:grid;gap:0;border-top:1px solid var(--tf-outline-soft);border-bottom:1px solid var(--tf-outline-soft)}.item,.totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;font-size:13px}.item>img{width:48px;height:48px;flex:none;border-radius:13px;object-fit:cover}.item>img.item-artwork-fallback{padding:3px;object-fit:contain;background:color-mix(in srgb,var(--tf-primary-soft) 62%,var(--tf-surface-lowest))}.item>span{flex:1;display:grid;gap:3px}.item small{color:var(--tf-ink-muted);font-size:10px;line-height:1.35}.item+.item,.totals>div+div{border-top:1px solid color-mix(in srgb,var(--tf-outline-soft) 52%,transparent)}.item span{min-width:0}.item b{color:var(--tf-primary)}.item strong,.totals strong{white-space:nowrap}.totals{display:grid;gap:0}.totals>div{color:var(--tf-ink-muted);font-size:12px}.totals .total{align-items:baseline;color:var(--tf-ink);font-size:14px;font-weight:800}.totals .total strong{font-size:24px;letter-spacing:-.04em}.pay-methods{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pay-methods img{height:28px;width:auto}.checkout-artwork{position:relative;isolation:isolate;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;overflow:hidden;padding:12px 16px 12px 6px;border-radius:var(--tf-radius-lg);background:radial-gradient(ellipse at 8% 50%,color-mix(in srgb,var(--tf-primary-soft) 72%,var(--tf-surface-lowest)),transparent 52%),linear-gradient(115deg,var(--tf-surface-lowest),color-mix(in srgb,var(--tf-primary-soft) 34%,var(--tf-surface-lowest)))}.checkout-artwork.is-paid{background:var(--tf-success-soft)}.checkout-artwork img{position:relative;width:112px;height:112px;object-fit:contain}.checkout-artwork:not(.is-paid):not(.is-unavailable) img{animation:checkout-payment-float 6.5s ease-in-out infinite}.checkout-artwork.is-unavailable{background:var(--tf-surface-low)}@keyframes checkout-payment-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.checkout-artwork div{display:grid;gap:5px}.checkout-artwork strong{font-size:14px}.checkout-artwork span{color:var(--tf-ink-muted);font-size:11px;line-height:1.45}.pay-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--tf-radius-md);color:var(--tf-on-primary-bright);background:var(--tf-primary-bright);box-shadow:var(--tf-shadow-glow);font-weight:800;text-decoration:none;cursor:pointer}.pay-button:hover{filter:brightness(.96)}.pay-button:active{transform:scale(.98)}.pay-button:disabled{opacity:.6;cursor:wait}.confirmed,.notice{border-radius:var(--tf-radius-md);padding:12px;font-size:12px;font-weight:700}.confirmed{color:var(--tf-success);background:var(--tf-success-soft)}.notice{color:var(--tf-warning);background:var(--tf-warning-soft)}.error{margin:0;color:var(--tf-error);font-size:12px;font-weight:700}footer{color:var(--tf-ink-muted);font-size:10px;line-height:1.45;text-align:center}footer>span{display:block}.checkout-powered{margin-top:3px;font-weight:700}.checkout-app-links{display:flex;justify-content:center;gap:10px;margin-top:5px}.checkout-app-links a{color:var(--tf-primary);font-weight:700;text-decoration:none}.checkout-app-links a:hover{text-decoration:underline}.empty-card{position:relative;isolation:isolate;overflow:hidden;text-align:center;justify-items:center}.empty-card:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.58;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--tf-primary-soft) 92%,transparent),transparent 40%),radial-gradient(color-mix(in srgb,var(--tf-primary) 15%,transparent) .7px,transparent .9px);background-size:auto,20px 20px;-webkit-mask-image:linear-gradient(180deg,black,transparent 86%);mask-image:linear-gradient(180deg,black,transparent 86%)}.checkout-empty-orbit{position:absolute;z-index:-1;top:82px;left:50%;width:206px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tf-primary) 16%,transparent);border-radius:50%;transform:translate(-50%);box-shadow:0 0 0 24px color-mix(in srgb,var(--tf-primary) 3%,transparent),0 0 0 48px color-mix(in srgb,var(--tf-primary) 2%,transparent);animation:checkout-loader-orbit 36s linear infinite}.empty-card .brand-dot{margin:0 auto}.checkout-empty-art{width:142px;height:128px;margin-block:-10px -14px;object-fit:contain;filter:drop-shadow(0 14px 16px color-mix(in srgb,var(--tf-ink) 14%,transparent));animation:checkout-loader-float 6.5s ease-in-out infinite}.empty-card .eyebrow{z-index:1}.empty-card h1{z-index:1;max-width:420px;margin:0;font-size:23px}.empty-card p{margin:0;color:var(--tf-ink-muted);font-size:13px}.empty-card .text-link{display:inline-flex;justify-content:center;color:var(--tf-primary);font-size:12px;font-weight:800;text-decoration:none}.loading-card{position:relative;isolation:isolate;min-height:380px;align-content:center;justify-items:center;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 33%,color-mix(in srgb,var(--tf-primary-soft) 82%,var(--tf-surface-lowest)),transparent 57%),var(--tf-surface-glass)}.loading-card:before{position:absolute;z-index:-1;top:74px;left:50%;width:190px;aspect-ratio:1;content:"";border:1px solid color-mix(in srgb,var(--tf-primary) 15%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--tf-primary) 3%,transparent),0 0 0 44px color-mix(in srgb,var(--tf-primary) 2%,transparent);transform:translate(-50%);animation:checkout-loader-orbit 30s linear infinite}.checkout-loading-art{width:150px;height:132px;object-fit:contain;filter:drop-shadow(0 12px 14px color-mix(in srgb,var(--tf-ink) 13%,transparent));animation:checkout-loader-float 6s ease-in-out infinite}.loading-card>p{margin:-5px 0 2px;color:var(--tf-ink-muted);font-size:13px;font-weight:750}.checkout-loading-skeletons{display:grid;width:100%;justify-items:center;gap:9px}.checkout-loading-skeletons .skeleton:not(.wide){width:66%}@keyframes checkout-loader-orbit{to{rotate:360deg}}@keyframes checkout-loader-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.skeleton{width:62%;height:14px;border-radius:999px;background:var(--tf-surface-high)}.skeleton.wide{width:82%;height:25px}@media(max-width:420px){.checkout-shell{padding:10px}.checkout-card{padding:18px}.checkout-artwork{grid-template-columns:82px minmax(0,1fr)}.checkout-artwork img{width:82px;height:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}