: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-outline: #8e7164;--tf-outline-soft: #e2bfb0;--tf-primary: #a04100;--tf-primary-bright: #ff6b00;--tf-primary-soft: #ffdbcc;--tf-on-primary-bright: #351000;--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-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-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}.checkout-shell{min-height:100dvh;display:grid;place-items:center;padding:20px;background:var(--tf-atmosphere)}.checkout-card{width:min(100%,480px);display:grid;gap:18px;border:1px solid var(--tf-outline-soft);border-radius:var(--tf-radius-xl);padding:22px;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;justify-content:space-between;gap:12px;padding:11px 0;font-size:13px}.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}.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: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{text-align:center}.empty-card .brand-dot{margin:0 auto}.empty-card h1{margin:0;font-size:23px}.empty-card p{margin:0;color:var(--tf-ink-muted);font-size:13px}.loading-card{min-height:250px;align-content:center}.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}}