: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-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-font: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tf-motion-fast: .14s;--tf-motion-standard: .22s;--tf-motion-easing: cubic-bezier(.2, .8, .2, 1)}: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-background)}button{font:inherit}.checkout-shell{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 14% 2%,var(--tf-primary-soft),transparent 31%),var(--tf-background)}.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-lowest);box-shadow:var(--tf-shadow-card)}.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-white);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-button{min-height:52px;border:0;border-radius:var(--tf-radius-md);color:var(--tf-white);background:var(--tf-primary-bright);box-shadow:var(--tf-shadow-glow);font-weight:800;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}.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}}
