[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_286":287,"_288":289},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_214":-5,"_20":215,"_22":216,"_217":218,"_219":220,"_26":221,"_24":222,"_223":-5,"_224":-5,"_225":56,"_226":227,"_228":47,"_229":-5,"_230":-5,"_231":232},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","huibw","name","kp-cfx-empire","branchName","main","version","path","data","project",{"_35":159,"_13":14,"_48":160,"_161":-5,"_162":56,"_163":164,"_165":164,"_166":-5,"_167":-5,"_168":169,"_170":-5,"_171":56,"_172":-5,"_173":-5,"_174":175,"_176":177,"_178":-5,"_179":-5,"_180":-5,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":192,"_193":194,"_195":196,"_197":56},"tree",[73,74,75,76],"file",{"_35":67,"_42":43,"_38":41,"_13":19,"_53":-5,"_51":68,"_17":69,"_40":-5,"_48":70,"_44":71,"_57":-5,"_18":72},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_18":66},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","2c6c8432-16e3-11f1-b6b2-42dde27851f2","products.ts","fileId","281552a6-16e3-11f1-82a6-42dde27851f2","parentId","1d2570f6-16e3-11f1-b268-42dde27851f2","branchId","4d3372a6-16df-11f1-a11a-42dde27851f2","branchVersion",16,"latest",true,"createdAt",["D",1772530038376],2,"fileType","script","content","export type Product = {\n id: number;\n name: string;\n desc: string;\n price: number; // USD\n emoji: string;\n bg: string;\n};\n\nexport const products: Product[] = [\n {\n id: 1,\n name: \"Wireless Headphones Pro\",\n desc:\n \"Studio-quality sound with 40-hour battery life and active noise cancellation.\",\n price: 199.99,\n emoji: \"🎧\",\n bg: \"#e8f2fd\",\n },\n {\n id: 2,\n name: \"Smart Watch Ultra\",\n desc: \"Health tracking, GPS, and 7-day battery in a sleek titanium case.\",\n price: 299.99,\n emoji: \"⌚\",\n bg: \"#fdf0e8\",\n },\n {\n id: 3,\n name: \"Laptop Stand Premium\",\n desc:\n \"Adjustable aluminium stand with 6 height settings for ergonomic comfort.\",\n price: 49.99,\n emoji: \"💻\",\n bg: \"#eafdf0\",\n },\n {\n id: 4,\n name: \"Mechanical Keyboard\",\n desc:\n \"Compact TKL layout with per-key RGB and satisfying tactile brown switches.\",\n price: 129.99,\n emoji: \"⌨️\",\n bg: \"#f2e8fd\",\n },\n {\n id: 5,\n name: \"USB-C Hub 9-in-1\",\n desc:\n \"HDMI 4K, SD card, USB-A ×3, USB-C PD 100W and Ethernet — all in one.\",\n price: 79.99,\n emoji: \"🔌\",\n bg: \"#fde8e8\",\n },\n {\n id: 6,\n name: \"4K Webcam\",\n desc: \"Crystal-clear 4K30 video, auto-focus and built-in privacy shutter.\",\n price: 89.99,\n emoji: \"📷\",\n bg: \"#e8f5fd\",\n },\n {\n id: 7,\n name: \"Wireless Mouse\",\n desc: \"Ergonomic silent-click design with up to 90-day battery life.\",\n price: 59.99,\n emoji: \"🖱️\",\n bg: \"#fdf8e8\",\n },\n {\n id: 8,\n name: \"Monitor Light Bar\",\n desc:\n \"Eye-care LED bar with wireless touch dimmer and tunable colour temperature.\",\n price: 39.99,\n emoji: \"💡\",\n bg: \"#e8fdf8\",\n },\n];","deleted",false,"label",[19,37],"65bde588-16e7-11f1-be34-42dde27851f2","countries.ts","20469ae4-16e3-11f1-b268-42dde27851f2",56,["D",1772531852533],4,"export type CountryCode =\n | \"US\"\n | \"GB\"\n | \"NL\"\n | \"JP\"\n | \"CA\"\n | \"AU\"\n | \"SE\"\n | \"NO\"\n | \"DK\"\n | \"CH\"\n | \"SG\"\n | \"IN\"\n | \"BR\"\n | \"MX\"\n | \"CN\"\n | \"KR\"\n | \"NZ\"\n | \"ZA\"\n | \"PL\"\n | \"CZ\";\n\nexport type Country = {\n name: string;\n code: string; // currency code\n rate: number; // USD -> local\n locale: string;\n flag: string;\n};\n\nexport const countries: Record = {\n US: {\n name: \"US Dollar\",\n code: \"USD\",\n rate: 1.000,\n locale: \"en-US\",\n flag: \"💵\",\n },\n GB: {\n name: \"British Pound\",\n code: \"GBP\",\n rate: 0.790,\n locale: \"en-GB\",\n flag: \"💷\",\n },\n NL: {\n name: \"The Netherlands\",\n code: \"EUR\",\n rate: 0.920,\n locale: \"nl-NL\",\n flag: \"🇳🇱\",\n },\n JP: {\n name: \"Japanese Yen\",\n code: \"JPY\",\n rate: 149.50,\n locale: \"ja-JP\",\n flag: \"💴\",\n },\n CA: {\n name: \"Canadian Dollar\",\n code: \"CAD\",\n rate: 1.360,\n locale: \"en-CA\",\n flag: \"💵\",\n },\n AU: {\n name: \"Australian Dollar\",\n code: \"AUD\",\n rate: 1.530,\n locale: \"en-AU\",\n flag: \"💵\",\n },\n SE: {\n name: \"Swedish Krona\",\n code: \"SEK\",\n rate: 10.42,\n locale: \"sv-SE\",\n flag: \"🏷️\",\n },\n NO: {\n name: \"Norwegian Krone\",\n code: \"NOK\",\n rate: 10.57,\n locale: \"nb-NO\",\n flag: \"🏷️\",\n },\n DK: {\n name: \"Danish Krone\",\n code: \"DKK\",\n rate: 6.880,\n locale: \"da-DK\",\n flag: \"🏷️\",\n },\n CH: {\n name: \"Swiss Franc\",\n code: \"CHF\",\n rate: 0.900,\n locale: \"de-CH\",\n flag: \"🏷️\",\n },\n SG: {\n name: \"Singapore Dollar\",\n code: \"SGD\",\n rate: 1.340,\n locale: \"en-SG\",\n flag: \"💵\",\n },\n IN: {\n name: \"Indian Rupee\",\n code: \"INR\",\n rate: 83.12,\n locale: \"en-IN\",\n flag: \"🏷️\",\n },\n BR: {\n name: \"Brazilian Real\",\n code: \"BRL\",\n rate: 4.970,\n locale: \"pt-BR\",\n flag: \"🏷️\",\n },\n MX: {\n name: \"Mexican Peso\",\n code: \"MXN\",\n rate: 17.15,\n locale: \"es-MX\",\n flag: \"🏷️\",\n },\n CN: {\n name: \"Chinese Yuan\",\n code: \"CNY\",\n rate: 7.240,\n locale: \"zh-CN\",\n flag: \"💴\",\n },\n KR: {\n name: \"Korean Won\",\n code: \"KRW\",\n rate: 1325.0,\n locale: \"ko-KR\",\n flag: \"🏷️\",\n },\n NZ: {\n name: \"New Zealand Dollar\",\n code: \"NZD\",\n rate: 1.630,\n locale: \"en-NZ\",\n flag: \"💵\",\n },\n ZA: {\n name: \"South African Rand\",\n code: \"ZAR\",\n rate: 18.63,\n locale: \"en-ZA\",\n flag: \"🏷️\",\n },\n PL: {\n name: \"Polish Złoty\",\n code: \"PLN\",\n rate: 3.970,\n locale: \"pl-PL\",\n flag: \"🏷️\",\n },\n CZ: {\n name: \"Czech Koruna\",\n code: \"CZK\",\n rate: 22.97,\n locale: \"cs-CZ\",\n flag: \"🏷️\",\n },\n};",[19,60],"1ee4b4b0-16e3-11f1-82a6-42dde27851f2","directory",1,["D",1772530015675],9,[19],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":71,"_46":47,"_48":148,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":149,"_18":150},{"_35":123,"_13":124,"_38":125,"_40":-5,"_42":43,"_44":126,"_46":47,"_48":127,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":128,"_18":129},{"_35":87,"_13":88,"_38":89,"_40":-5,"_42":43,"_44":90,"_46":47,"_48":91,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":92,"_18":93},{"_35":77,"_13":78,"_38":79,"_40":-5,"_42":43,"_44":80,"_46":47,"_48":81,"_17":45,"_51":82,"_53":83,"_55":56,"_57":-5,"_84":85,"_18":86},"92c3d6d0-16e9-11f1-aa16-42dde27851f2","main.ts","4d368f86-16df-11f1-a11a-42dde27851f2",63,["D",1772532787054],"http","// main.ts\nimport { renderHome } from \"./ui/home.ts\";\nimport { renderCheckout } from \"./ui/checkout.ts\";\nimport { css } from \"./ui/styles.ts\";\n\nconst KLARNA_API_USERNAME = Deno.env.get(\"KLARNA_API_USERNAME\") || \"\";\nconst KLARNA_API_PASSWORD = Deno.env.get(\"KLARNA_API_PASSWORD\") || \"\";\nconst KLARNA_ENV = Deno.env.get(\"KLARNA_ENV\") || \"playground\";\n\nfunction klarnaBase() {\n if (KLARNA_ENV === \"production\") return \"https://api.klarna.com\";\n return \"https://api.playground.klarna.com\";\n}\nfunction makeAuthHeader() {\n return \"Basic \" + btoa(`${KLARNA_API_USERNAME}:${KLARNA_API_PASSWORD}`);\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // styles\n if (pathname === \"/styles.css\") {\n return new Response(css, {\n headers: {\n \"content-type\": \"text/css; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n // Klarna create session\n if (pathname === \"/create-klarna-session\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const items = Array.isArray(body.items) ? body.items : [];\n const totalsUsd = Number(body.order_amount_usd || body.order_amount || 0);\n\n const order_lines = items.map((it: any) => {\n const qty = Number(it.qty || 1);\n const unit = Number(it.unit_price_usd || 0);\n const total = Math.round(unit * qty * 100);\n return {\n type: \"physical\",\n reference: String(it.id || it.reference || \"\"),\n name: String(it.name || \"\"),\n quantity: qty,\n unit_price: Math.round(unit * 100),\n tax_rate: 0,\n total_amount: total,\n total_tax_amount: 0,\n };\n });\n\n const payload: any = {\n purchase_country: (body.purchase_country || \"US\").toUpperCase(),\n purchase_currency: (body.currency || \"USD\").toUpperCase(),\n locale: body.locale || \"en-US\",\n order_amount: Math.round(totalsUsd * 100),\n order_tax_amount: Math.round((Number(body.tax_usd) || 0) * 100),\n order_lines,\n merchant_urls: body.merchant_urls || {\n terms: \"https://example.com/terms\",\n checkout: \"https://example.com/checkout\",\n push: \"https://example.com/push\",\n },\n };\n\n const res = await fetch(`${klarnaBase()}/payments/v1/sessions`, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n authorization: makeAuthHeader(),\n },\n body: JSON.stringify(payload),\n });\n\n const text = await res.text();\n if (!res.ok) {\n console.log(res);\n return new Response(text, {\n status: 502,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n\n return new Response(text, {\n headers: { \"content-type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" },\n });\n }\n }\n\n // Klarna confirm (demo)\n if (pathname === \"/confirm-klarna-payment\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const klarnaSessionId = body.klarna_session_id || body.session_id || null;\n if (!klarnaSessionId) {\n return new Response(\n JSON.stringify({ error: \"missing klarna_session_id\" }),\n {\n status: 400,\n headers: { \"content-type\": \"application/json\" },\n },\n );\n }\n\n const sessionRes = await fetch(\n `${klarnaBase()}/payments/v1/sessions/${\n encodeURIComponent(klarnaSessionId)\n }`,\n {\n method: \"GET\",\n headers: { authorization: makeAuthHeader() },\n },\n );\n\n const sessionText = await sessionRes.text();\n if (!sessionRes.ok) {\n return new Response(sessionText, {\n status: 502,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n\n const fakeOrderId = \"CFX-\" +\n Math.random().toString(16).slice(2, 10).toUpperCase();\n return new Response(\n JSON.stringify({\n ok: true,\n orderId: fakeOrderId,\n session: JSON.parse(sessionText),\n }),\n {\n headers: { \"content-type\": \"application/json\" },\n },\n );\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" },\n });\n }\n }\n\n // Klarna place order (after authorization)\n if (pathname === \"/place-klarna-order\" && req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n const authorizationToken = body.authorization_token || body.auth_token;\n if (!authorizationToken) {\n return new Response(\n JSON.stringify({ error: \"missing authorization_token\" }),\n {\n status: 400,\n headers: { \"content-type\": \"application/json\" },\n },\n );\n }\n\n // Rebuild lines/totals from your own source of truth (cart/order in DB),\n // or accept body.items if this is a demo.\n const items = Array.isArray(body.items) ? body.items : [];\n const order_lines = items.map((it: any) => {\n const qty = Math.max(1, Math.trunc(Number(it.qty ?? 1)));\n const unit_price = Math.round(Number(it.unit_price_usd ?? 0) * 100);\n const total_amount = unit_price * qty;\n return {\n type: \"physical\",\n reference: String(it.id ?? it.reference ?? \"item\").slice(0, 64),\n name: String(it.name ?? \"Item\").slice(0, 255),\n quantity: qty,\n unit_price,\n tax_rate: 0,\n total_amount,\n total_tax_amount: 0,\n };\n });\n\n const order_amount = order_lines.reduce((s, l) => s + l.total_amount, 0);\n const order_tax_amount = order_lines.reduce(\n (s, l) => s + l.total_tax_amount,\n 0,\n );\n\n const orderPayload: any = {\n purchase_country: String(body.purchase_country ?? \"US\").toUpperCase(),\n purchase_currency: String(body.currency ?? \"USD\").toUpperCase(),\n locale: body.locale ?? \"en-US\",\n order_amount,\n order_tax_amount,\n order_lines,\n merchant_urls: body.merchant_urls ?? {\n terms: \"https://example.com/terms\",\n checkout: \"https://example.com/checkout\",\n push: \"https://example.com/push\",\n },\n merchant_reference1: body.merchant_reference1 ?? body.order_id ??\n undefined,\n };\n\n const res = await fetch(\n `${klarnaBase()}/payments/v1/authorizations/${\n encodeURIComponent(authorizationToken)\n }/order`,\n {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n authorization: makeAuthHeader(), // still Basic auth\n },\n body: JSON.stringify(orderPayload),\n },\n );\n\n const text = await res.text();\n return new Response(text, {\n status: res.ok ? 200 : 502,\n headers: { \"content-type\": res.ok ? \"application/json\" : \"text/plain\" },\n });\n }\n // Home\n if (pathname === \"/\" || pathname === \"\") {\n return new Response(renderHome(), {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n // Checkout\n if (pathname === \"/checkout\") {\n return new Response(renderCheckout(), {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","children",[],[78],"3f870556-16e3-11f1-9cda-42dde27851f2","ui","3eb3b6c4-16e3-11f1-bfda-42dde27851f2",26,["D",1772530070425],[94,95,96],[88],{"_35":114,"_13":115,"_38":116,"_40":89,"_42":43,"_44":117,"_46":47,"_48":118,"_17":119,"_51":52,"_53":120,"_55":56,"_57":-5,"_84":121,"_18":122},{"_35":105,"_13":106,"_38":107,"_40":89,"_42":43,"_44":108,"_46":47,"_48":109,"_17":110,"_51":52,"_53":111,"_55":56,"_57":-5,"_84":112,"_18":113},{"_35":97,"_13":98,"_38":99,"_40":89,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":52,"_53":102,"_55":56,"_57":-5,"_84":103,"_18":104},"2886ae82-16e4-11f1-963a-42dde27851f2","styles.ts","212e1b20-16e4-11f1-ac57-42dde27851f2",40,["D",1772530461330],"// ui/styles.ts\nexport const css = `\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: 'Inter', -apple-system, sans-serif; background: #f4f5f7; color: #1a1a2e; }\n\nnav {\n background: #1a1a2e;\n color: white;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 100;\n box-shadow: 0 2px 20px rgba(0,0,0,0.35);\n}\n.logo { font-size: 1.4rem; font-weight: 800; letter-spacing: -0.5px; }\n.logo span { color: #7c6fff; }\n.nav-right { display: flex; align-items: center; gap: 1.2rem; }\n\n.country-select-wrapper { display: flex; align-items: center; gap: 0.5rem; }\n.country-select-wrapper label { font-size: 0.8rem; color: rgba(255,255,255,0.5); white-space: nowrap; }\nselect {\n background: rgba(255,255,255,0.08);\n color: white;\n border: 1px solid rgba(255,255,255,0.18);\n border-radius: 8px;\n padding: 0.45rem 0.75rem;\n font-size: 0.85rem;\n font-family: inherit;\n cursor: pointer;\n outline: none;\n transition: background 0.2s;\n}\nselect:hover { background: rgba(255,255,255,0.14); }\nselect option { background: #1a1a2e; color: white; }\n\n.cart-btn {\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.18);\n color: white;\n border-radius: 8px;\n padding: 0.45rem 1rem;\n font-size: 0.85rem;\n font-family: inherit;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n transition: background 0.2s;\n}\n.cart-btn:hover { background: rgba(255,255,255,0.14); }\n.cart-count {\n background: #7c6fff;\n border-radius: 50%;\n width: 20px; height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 0.72rem;\n font-weight: 700;\n}\n\n.hero {\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 55%, #0f3460 100%);\n color: white;\n padding: 3.5rem 2rem 3rem;\n text-align: center;\n}\n.hero h1 { font-size: 2.6rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 0.6rem; }\n.hero h1 span { color: #7c6fff; }\n.hero p { color: rgba(255,255,255,0.65); font-size: 1.05rem; }\n\n.products-section { max-width: 1200px; margin: 0 auto; padding: 2.5rem 2rem; }\n.section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.75rem;\n flex-wrap: wrap;\n gap: 0.75rem;\n}\n.section-title { font-size: 1.4rem; font-weight: 700; }\n.currency-badge {\n background: #7c6fff;\n color: white;\n padding: 0.35rem 1rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n}\n\n.product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n.product-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n transition: transform 0.22s ease, box-shadow 0.22s ease;\n cursor: default;\n}\n.product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 32px rgba(0,0,0,0.11);\n}\n.product-image {\n height: 175px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 4rem;\n}\n.product-info { padding: 1.25rem; }\n.product-name { font-size: 0.98rem; font-weight: 600; margin-bottom: 0.3rem; }\n.product-desc { font-size: 0.8rem; color: #777; margin-bottom: 1.1rem; line-height: 1.55; }\n.product-footer { display: flex; justify-content: space-between; align-items: center; }\n.product-price { font-size: 1.2rem; font-weight: 700; color: #1a1a2e; }\n.add-btn {\n background: #7c6fff;\n color: white;\n border: none;\n border-radius: 8px;\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n}\n.add-btn:hover { background: #6557f0; }\n.add-btn:active { transform: scale(0.96); }\n\n.toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #1a1a2e;\n color: white;\n padding: 0.75rem 1.25rem;\n border-radius: 10px;\n font-size: 0.85rem;\n font-weight: 500;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.25s, transform 0.25s;\n z-index: 1100;\n pointer-events: none;\n}\n.toast.show { opacity: 1; transform: translateY(0); }\n\n/* Modal / Drawer */\n.modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 18, 40, 0.55);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease;\n z-index: 1200;\n}\n.modal-backdrop.open { opacity: 1; pointer-events: auto; }\n\n.modal {\n position: fixed;\n top: 50%;\n left: 50%;\n width: min(760px, calc(100vw - 2rem));\n max-height: calc(100vh - 2rem);\n overflow: auto;\n transform: translate(-50%, -46%) scale(0.98);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease, transform 0.2s ease;\n z-index: 1300;\n background: #fff;\n border-radius: 18px;\n box-shadow: 0 20px 70px rgba(0,0,0,0.25);\n}\n.modal.open {\n opacity: 1;\n pointer-events: auto;\n transform: translate(-50%, -50%) scale(1);\n}\n\n.modal-header {\n padding: 1.1rem 1.25rem;\n border-bottom: 1px solid #eef0f4;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n position: sticky;\n top: 0;\n background: white;\n z-index: 1;\n}\n.modal-title {\n font-weight: 800;\n letter-spacing: -0.3px;\n font-size: 1.05rem;\n}\n.modal-close {\n border: 1px solid #e6e8ee;\n background: #fff;\n border-radius: 10px;\n padding: 0.45rem 0.7rem;\n cursor: pointer;\n font-size: 0.95rem;\n}\n.modal-close:hover { background: #f6f7fb; }\n\n.modal-body { padding: 1.25rem; }\n.modal-grid {\n display: grid;\n grid-template-columns: 1.35fr 0.85fr;\n gap: 1.2rem;\n align-items: start;\n}\n\n.card {\n background: #fff;\n border: 1px solid #eef0f4;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n}\n.card-head {\n padding: 0.95rem 1rem;\n border-bottom: 1px solid #eef0f4;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n background: #fbfcff;\n}\n.card-head strong { font-size: 0.95rem; }\n.card-body { padding: 1rem; }\n\n.muted { color: #6c6f7a; font-size: 0.85rem; }\n\n.cart-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 0.75rem;\n padding: 0.85rem 0;\n border-bottom: 1px dashed #eef0f4;\n}\n.cart-row:last-child { border-bottom: none; }\n\n.cart-item-title { font-weight: 700; font-size: 0.95rem; }\n.cart-item-sub { font-size: 0.82rem; color: #6c6f7a; margin-top: 0.2rem; }\n\n.qty {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n background: #f6f7fb;\n border: 1px solid #e6e8ee;\n border-radius: 999px;\n padding: 0.25rem 0.35rem;\n}\n.qty button {\n width: 28px; height: 28px;\n border: none;\n border-radius: 999px;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e6e8ee;\n font-weight: 800;\n}\n.qty button:hover { background: #f0f2f7; }\n.qty span {\n min-width: 20px;\n text-align: center;\n font-weight: 700;\n font-size: 0.9rem;\n}\n.remove {\n border: none;\n background: transparent;\n color: #8a2b2b;\n cursor: pointer;\n font-size: 0.85rem;\n padding: 0.25rem 0;\n}\n.remove:hover { text-decoration: underline; }\n\n.summary-line {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.45rem 0;\n font-size: 0.92rem;\n}\n.summary-line.total {\n border-top: 1px solid #eef0f4;\n margin-top: 0.6rem;\n padding-top: 0.75rem;\n font-weight: 800;\n font-size: 1.02rem;\n}\n\n.btn {\n width: 100%;\n border: none;\n border-radius: 12px;\n padding: 0.75rem 1rem;\n font-weight: 800;\n cursor: pointer;\n font-family: inherit;\n transition: transform 0.06s, background 0.2s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n}\n.btn:active { transform: scale(0.985); }\n.btn-primary { background: #7c6fff; color: white; }\n.btn-primary:hover { background: #6557f0; }\n.btn-ghost { background: #f6f7fb; color: #1a1a2e; border: 1px solid #e6e8ee; }\n.btn-ghost:hover { background: #f0f2f7; }\n\n.checkout-form { display: grid; gap: 0.8rem; }\n.field { display: grid; gap: 0.35rem; }\n.field label { font-size: 0.8rem; color: #6c6f7a; font-weight: 600; }\n.field input, .field select {\n width: 100%;\n color: #1a1a2e;\n background: #fff;\n border: 1px solid #e6e8ee;\n border-radius: 12px;\n padding: 0.7rem 0.8rem;\n font-size: 0.92rem;\n outline: none;\n}\n.field input:focus, .field select:focus {\n border-color: rgba(124,111,255,0.65);\n box-shadow: 0 0 0 4px rgba(124,111,255,0.12);\n}\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n\n.stepper {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.82rem;\n color: #6c6f7a;\n font-weight: 700;\n}\n.pill {\n background: #f6f7fb;\n border: 1px solid #e6e8ee;\n border-radius: 999px;\n padding: 0.25rem 0.6rem;\n font-size: 0.78rem;\n}\n.pill.active {\n background: rgba(124,111,255,0.12);\n border-color: rgba(124,111,255,0.35);\n color: #453de0;\n}\n\n.success { text-align: center; padding: 1.6rem 1rem; }\n.success h2 { font-size: 1.45rem; letter-spacing: -0.6px; margin-bottom: 0.5rem; }\n.success p { color: #6c6f7a; margin-bottom: 1rem; }\n.order-box {\n text-align: left;\n background: #fbfcff;\n border: 1px solid #eef0f4;\n border-radius: 16px;\n padding: 1rem;\n margin: 0.8rem auto 1rem;\n max-width: 520px;\n}\n.order-box code {\n display: block;\n background: #fff;\n border: 1px dashed #e6e8ee;\n border-radius: 12px;\n padding: 0.6rem 0.75rem;\n margin-top: 0.5rem;\n word-break: break-all;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.85rem;\n white-space: pre;\n overflow: auto;\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n color: #aaa;\n font-size: 0.82rem;\n border-top: 1px solid #e4e6ea;\n margin-top: 1rem;\n}\n\n@media (max-width: 850px) { .modal-grid { grid-template-columns: 1fr; } }\n@media (max-width: 600px) {\n .hero h1 { font-size: 1.9rem; }\n nav { padding: 0 1rem; }\n .products-section { padding: 1.5rem 1rem; }\n .country-select-wrapper label { display: none; }\n .two-col { grid-template-columns: 1fr; }\n .modal-body { padding: 1rem; }\n}\n`;",[],[88,98],"85d2a6d4-16e6-11f1-938b-42dde27851f2","home.ts","41a0b04e-16e3-11f1-9751-42dde27851f2",50,["D",1772531476807],8,"// ui/home.ts\nimport { products } from \"../data/products.ts\";\nimport { countries } from \"../data/countries.ts\";\n\nexport function renderHome(): string {\n const productsJson = JSON.stringify(products);\n const countriesJson = JSON.stringify(countries);\n\n return `\n\n\n \n CFX Empire — Shop\n \n \n\n\n \n\n

Premium Tech Accessories

Click Add to cart, then go to the cart to checkout.

\n\n

Featured Products

💵 USD — US Dollar

\n\n

\n\n \n\n \n\n`;\n}",[],[88,106],"7a8c52b8-16e9-11f1-9179-42dde27851f2","checkout.ts","8ac9d162-16e6-11f1-9589-42dde27851f2",62,["D",1772532746427],7,"// ui/checkout.ts\nimport { products } from \"../data/products.ts\";\nimport { countries } from \"../data/countries.ts\";\n\nexport function renderCheckout(): string {\n const productsJson = JSON.stringify(products);\n const countriesJson = JSON.stringify(countries);\n\n return `\n\n\n \n CFX Empire — Checkout\n \n \n \n\n\n \n\n

Cart & Checkout

💵 USD — US Dollar

\n\n

Checkout

\n Full name\n \n

\n Email\n \n

\n\n

\n Address\n \n

\n\n

City

Postal

\n\n

\n Ship to\n \n

\n\n

\n Payment method\n \n

\n\n

\n \n

\n\n

Order summary

\n\n

\n \n\n \n\n`;\n}",[],[88,115],"3075645e-16e3-11f1-9c9e-42dde27851f2","lib","2f2236c2-16e3-11f1-8aae-42dde27851f2",18,["D",1772530045147],[130,131],[124],{"_35":140,"_13":141,"_38":142,"_40":125,"_42":43,"_44":143,"_46":47,"_48":144,"_17":50,"_51":52,"_53":145,"_55":56,"_57":-5,"_84":146,"_18":147},{"_35":132,"_13":133,"_38":134,"_40":125,"_42":43,"_44":135,"_46":47,"_48":136,"_17":50,"_51":52,"_53":137,"_55":56,"_57":-5,"_84":138,"_18":139},"34935f8c-16e3-11f1-8aae-42dde27851f2","pricing.ts","32009118-16e3-11f1-9835-42dde27851f2",21,["D",1772530052053],"import type { CountryCode } from \"../data/countries.ts\";\nimport { countries } from \"../data/countries.ts\";\n\nexport function formatPrice(usdPrice: number, cc: CountryCode): string {\n const c = countries[cc];\n const local = usdPrice * c.rate;\n const noDecimals = c.code === \"JPY\" || c.code === \"KRW\";\n try {\n return new Intl.NumberFormat(c.locale, {\n style: \"currency\",\n currency: c.code,\n minimumFractionDigits: noDecimals ? 0 : 2,\n maximumFractionDigits: noDecimals ? 0 : 2,\n }).format(local);\n } catch {\n return local.toFixed(noDecimals ? 0 : 2);\n }\n}\n\nexport function usdToLocal(usd: number, cc: CountryCode): number {\n return usd * countries[cc].rate;\n}\n\nexport function round2(n: number): number {\n return Math.round((Number(n) || 0) * 100) / 100;\n}",[],[124,133],"3a63884c-16e3-11f1-acee-42dde27851f2","cart.ts","383453d0-16e3-11f1-89b4-42dde27851f2",24,["D",1772530061807],"import { products } from \"../data/products.ts\";\n\nexport type Cart = Record;\n\nexport type Totals = {\n lines: {\n id: number;\n name: string;\n emoji: string;\n qty: number;\n unitUsd: number;\n lineUsd: number;\n }[];\n subtotal: number;\n shipping: number;\n tax: number;\n total: number;\n};\n\nexport function countItems(cart: Cart): number {\n return Object.values(cart).reduce((s, v) => s + (Number(v) || 0), 0);\n}\n\nexport function calcTotalsUSD(cart: Cart): Totals {\n const lines: Totals[\"lines\"] = [];\n let subtotal = 0;\n\n for (const [idStr, qtyRaw] of Object.entries(cart)) {\n const id = Number(idStr);\n const qty = Number(qtyRaw) || 0;\n if (qty <= 0) continue;\n\n const p = products.find((x) => x.id === id);\n if (!p) continue;\n\n const lineUsd = p.price * qty;\n lines.push({\n id,\n name: p.name,\n emoji: p.emoji,\n qty,\n unitUsd: p.price,\n lineUsd,\n });\n subtotal += lineUsd;\n }\n\n const shipping = subtotal > 0 ? (subtotal >= 150 ? 0 : 9.99) : 0;\n const tax = subtotal > 0 ? subtotal * 0.08 : 0;\n const total = subtotal + shipping + tax;\n\n return { lines, subtotal, shipping, tax, total };\n}",[],[124,141],["D",1772530015675],[151,152],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":156,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_84":157,"_18":158},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":153,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":154,"_18":155},["D",1772530038376],[],[19,37],["D",1772531852533],[],[19,60],"4d32efca-16df-11f1-a11a-42dde27851f2",["D",1772528375383],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019b8eff-d2b9-71cb-8f0f-ab0bc749ad68","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8eff-d2b9-71cb-8f0f-ade09841207a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_213":209},"org",{"_11":12,"_206":207,"_208":209,"_168":169,"_210":211,"_212":56},"branch",{"_17":80,"_13":16,"_35":43,"_198":159,"_199":-5,"_200":-5,"_201":-5,"_202":-5,"_203":-5,"_204":14,"_205":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Huib","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM3cVZkemdOUjlPcGNneUhGUE5QR3phM0pONSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":159,"_13":14,"_48":282,"_161":-5,"_162":56,"_163":164,"_165":164,"_166":-5,"_167":-5,"_168":169,"_170":-5,"_171":56,"_172":-5,"_173":-5,"_174":175,"_176":177,"_178":-5,"_179":-5,"_180":-5,"_181":-5,"_182":183,"_184":183,"_185":186,"_187":186,"_188":186,"_189":183,"_190":183,"_191":283,"_193":284,"_195":285,"_197":56},[249,252,255,259],"files",[249,250,251,252,253,254,255,256,257,258,259],"counts",{"_239":175,"_240":69,"_241":175,"_32":242,"_243":244},[235,236],{"_35":67,"_42":43,"_38":41,"_13":19,"_53":-5,"_51":68,"_17":69,"_40":-5,"_48":233,"_44":71,"_57":-5,"_18":234},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1772530015675],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_18":238},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":237},[19,37],[19,60],"pulls","branches","forks",{"_245":247,"_248":175},"connections",{"_245":175,"_246":175},"count","unfilledCount",3,"emptyCount",{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":71,"_46":47,"_48":148,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":280,"_18":281},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":156,"_17":64,"_51":52,"_53":65,"_55":56,"_57":-5,"_84":278,"_18":279},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":153,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":276,"_18":277},{"_35":123,"_13":124,"_38":125,"_40":-5,"_42":43,"_44":126,"_46":47,"_48":127,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":274,"_18":275},{"_35":140,"_13":141,"_38":142,"_40":125,"_42":43,"_44":143,"_46":47,"_48":144,"_17":50,"_51":52,"_53":145,"_55":56,"_57":-5,"_84":272,"_18":273},{"_35":132,"_13":133,"_38":134,"_40":125,"_42":43,"_44":135,"_46":47,"_48":136,"_17":50,"_51":52,"_53":137,"_55":56,"_57":-5,"_84":270,"_18":271},{"_35":87,"_13":88,"_38":89,"_40":-5,"_42":43,"_44":90,"_46":47,"_48":91,"_17":69,"_51":68,"_53":-5,"_55":56,"_57":-5,"_84":268,"_18":269},{"_35":114,"_13":115,"_38":116,"_40":89,"_42":43,"_44":117,"_46":47,"_48":118,"_17":119,"_51":52,"_53":120,"_55":56,"_57":-5,"_84":266,"_18":267},{"_35":105,"_13":106,"_38":107,"_40":89,"_42":43,"_44":108,"_46":47,"_48":109,"_17":110,"_51":52,"_53":111,"_55":56,"_57":-5,"_84":264,"_18":265},{"_35":97,"_13":98,"_38":99,"_40":89,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":52,"_53":102,"_55":56,"_57":-5,"_84":262,"_18":263},{"_35":77,"_13":78,"_38":79,"_40":-5,"_42":43,"_44":80,"_46":47,"_48":81,"_17":45,"_51":82,"_53":83,"_55":56,"_57":-5,"_84":260,"_18":261},[],[78],[],[88,98],[],[88,106],[],[88,115],[256,257,258],[88],[],[124,133],[],[124,141],[253,254],[124],[],[19,37],[],[19,60],[250,251],[19],["D",1772528375383],{"_11":12,"_213":209},{"_11":12,"_206":207,"_208":209,"_168":169,"_210":211,"_212":56},{"_17":80,"_13":16,"_35":43,"_198":159,"_199":-5,"_200":-5,"_201":-5,"_202":-5,"_203":-5,"_204":14,"_205":12},"ctx",{"_191":-5,"_230":319,"_320":321,"_322":323,"_324":56,"_325":56,"_326":56,"_327":47,"_328":-5,"_329":-7,"_330":-7,"_331":175,"_332":56,"_333":56,"_334":-5,"_335":56,"_336":56,"_337":56,"_338":-5},"ENV",{"_290":291,"_292":293,"_294":16,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]