[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_102":101,"_37":49,"_110":92,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","003305f1-fc1d-446b-baf7-6aff1f7e18d2","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":26,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/app.js","latestPath","fileId","4d050f86-3068-11f1-94a6-42dde27851f2","name","app.js","fileType","content","// ── State ──\nlet allItems = [];\nlet activeFilter = \"all\";\nlet selectedColor = \"#6366f1\";\n\n// ── DOM refs ──\nconst itemList = document.getElementById(\"itemList\");\nconst totalAmount = document.getElementById(\"totalAmount\");\nconst totalSub = document.getElementById(\"totalSub\");\nconst fabBtn = document.getElementById(\"fabBtn\");\nconst modalOverlay = document.getElementById(\"modalOverlay\");\nconst modalClose = document.getElementById(\"modalClose\");\nconst antiOverlay = document.getElementById(\"antiOverlay\");\nconst antiClose = document.getElementById(\"antiClose\");\nconst antiBtn = document.getElementById(\"antiWishlistBtn\");\nconst addForm = document.getElementById(\"addForm\");\nconst filterBtns = document.querySelectorAll(\".filter-btn\");\n\n// ── Init ──\nloadItems();\n\n// ── Load items from API ──\nasync function loadItems() {\n try {\n const res = await fetch(\"/api/items\");\n allItems = await res.json();\n render();\n } catch (e) {\n itemList.innerHTML = `

⚠️

Failed to load

`;\n }\n}\n\n// ── Render ──\nfunction render() {\n const filtered = activeFilter === \"all\"\n ? allItems\n : activeFilter === \"other\"\n ? allItems.filter(i => ![\"Amazon\", \"Pinterest\"].includes(i.store))\n : allItems.filter(i => i.store === activeFilter);\n\n // Update totals (always use all items)\n const total = allItems.reduce((sum, i) => sum + Number(i.price), 0);\n totalAmount.textContent = formatMoney(total);\n totalSub.textContent = `across ${allItems.length} item${allItems.length !== 1 ? \"s\" : \"\"}`;\n\n if (filtered.length === 0) {\n itemList.innerHTML = `\n

🗂️

No items here

Tap + to add something

`;\n return;\n }\n\n itemList.innerHTML = filtered.map((item, idx) => `\n

\n ${storeInitial(item.store)}\n

${escHtml(item.name)}

\n ${escHtml(item.store)}\n ${daysAgo(item.added_at)}\n

\n ${formatMoney(item.price)}\n \n

\n `).join(\"\");\n\n // Bind delete buttons\n document.querySelectorAll(\".item-delete\").forEach(btn => {\n btn.addEventListener(\"click\", async () => {\n const id = btn.dataset.id;\n btn.closest(\".item-card\").style.opacity = \"0.4\";\n await fetch(`/api/items/${id}`, { method: \"DELETE\" });\n allItems = allItems.filter(i => String(i.id) !== String(id));\n render();\n });\n });\n}\n\n// ── Filter buttons ──\nfilterBtns.forEach(btn => {\n btn.addEventListener(\"click\", () => {\n filterBtns.forEach(b => b.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n activeFilter = btn.dataset.filter;\n render();\n });\n});\n\n// ── FAB / Modal ──\nfabBtn.addEventListener(\"click\", () => openModal(modalOverlay));\nmodalClose.addEventListener(\"click\", () => closeModal(modalOverlay));\nmodalOverlay.addEventListener(\"click\", e => { if (e.target === modalOverlay) closeModal(modalOverlay); });\n\nantiBtn.addEventListener(\"click\", () => openModal(antiOverlay));\nantiClose.addEventListener(\"click\", () => closeModal(antiOverlay));\nantiOverlay.addEventListener(\"click\", e => { if (e.target === antiOverlay) closeModal(antiOverlay); });\n\nfunction openModal(el) { el.classList.add(\"open\"); }\nfunction closeModal(el) { el.classList.remove(\"open\"); }\n\n// ── Color picker ──\ndocument.querySelectorAll(\".color-dot\").forEach(dot => {\n dot.addEventListener(\"click\", () => {\n document.querySelectorAll(\".color-dot\").forEach(d => d.classList.remove(\"selected\"));\n dot.classList.add(\"selected\");\n selectedColor = dot.dataset.color;\n });\n});\n\n// ── Add form submit ──\naddForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const name = document.getElementById(\"inputName\").value.trim();\n const price = document.getElementById(\"inputPrice\").value;\n const store = document.getElementById(\"inputStore\").value.trim();\n\n if (!name || !price || !store) return;\n\n const submitBtn = addForm.querySelector(\".submit-btn\");\n submitBtn.textContent = \"Adding...\";\n submitBtn.disabled = true;\n\n try {\n await fetch(\"/api/items\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, price, store, store_color: selectedColor }),\n });\n addForm.reset();\n selectedColor = \"#6366f1\";\n document.querySelectorAll(\".color-dot\").forEach(d => d.classList.remove(\"selected\"));\n document.querySelector('.color-dot[data-color=\"#6366f1\"]').classList.add(\"selected\");\n closeModal(modalOverlay);\n await loadItems();\n } finally {\n submitBtn.textContent = \"Add item\";\n submitBtn.disabled = false;\n }\n});\n\n// ── Helpers ──\nfunction formatMoney(val) {\n const n = Number(val);\n if (n >= 1000) {\n return \"$\" + n.toLocaleString(\"en-US\", { minimumFractionDigits: 0, maximumFractionDigits: 0 });\n }\n return \"$\" + n.toFixed(0);\n}\n\nfunction daysAgo(dateStr) {\n const diff = Date.now() - new Date(dateStr).getTime();\n const days = Math.floor(diff / 86400000);\n if (days === 0) return \"today\";\n if (days === 1) return \"1 day\";\n return `${days} days`;\n}\n\nfunction storeInitial(store) {\n return store.slice(0, 2).toUpperCase();\n}\n\nfunction escHtml(str) {\n return str.replace(/&/g,\"&\").replace(//g,\">\").replace(/\"/g,\""\");\n}\n","createdAt",["D",1775335995203],"branchVersion","branchId","3c4b4c7a-3066-11f1-8afc-42dde27851f2","id","3c4a9e74-3066-11f1-8afc-42dde27851f2","wishlist-studio",["D",1775335108150],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Wishlist Studio – see all your saved items in one place","imageUrl","019d5a20-c8e6-73a7-91c8-4d7ed7db29a0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5a20-c8e6-73a7-91c8-5261d4f7074a","tursoName","3c4a9e74306611f18afc42dde27851f2","tursoHostname","3c4a9e74306611f18afc42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789511441255],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":91,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","zanije","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCdUtiYk1vcDV6aW5tUTk1RXo3c3loRlVyMSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":197,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":198,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":199,"_86":200,"_88":201,"_90":30},"tree",[165,169],"files",[165,166,167,168,169],"counts",{"_154":65,"_155":156,"_157":65,"_158":159,"_160":161},"contents",[133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_47":147,"_37":148,"_35":149,"_138":-5,"_45":46,"_44":150,"_140":128,"_42":151,"_13":65,"_39":152,"_40":-5,"_29":30,"_145":-5,"_32":153},{"_47":135,"_37":136,"_35":137,"_138":-5,"_45":46,"_44":139,"_140":30,"_42":141,"_13":142,"_39":143,"_40":144,"_29":30,"_145":-5,"_32":146},"17d0dd9a-3068-11f1-b91b-42dde27851f2","main.ts","3c4de534-3066-11f1-8afc-42dde27851f2","parentId",3,"latest",["D",1775335905854],2,"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// Serve source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/style.css\", (c) => serveFile(\"/frontend/style.css\", import.meta.url));\n\n// API: get all wishlist items\napp.get(\"/api/items\", async (c) => {\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite/main.ts\");\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS wishlist_items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n price REAL NOT NULL,\n store TEXT NOT NULL,\n store_color TEXT NOT NULL,\n added_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n\n // Seed with demo data if empty\n const count = await sqlite.execute(\"SELECT COUNT(*) as cnt FROM wishlist_items\");\n if ((count.rows[0] as any).cnt === 0) {\n await sqlite.batch([\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Nike Air Max 90\", 130, \"Amazon\", \"#FF9900\", datetime(-3)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Linen Throw Blanket\", 48, \"Pinterest\", \"#E60023\", datetime(-7)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Ergonomic Desk Chair\", 429, \"Amazon\", \"#FF9900\", datetime(-12)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Dyson Airwrap\", 599, \"Sephora\", \"#000000\", datetime(-2)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Monstera Plant\", 35, \"Pinterest\", \"#E60023\", datetime(-20)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Sony WH-1000XM5\", 279, \"Best Buy\", \"#003087\", datetime(-5)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Ceramic Pour-Over Set\", 64, \"Pinterest\", \"#E60023\", datetime(-15)] },\n { sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\", args: [\"Vintage Leather Jacket\", 220, \"ASOS\", \"#2D2D2D\", datetime(-9)] },\n ]);\n }\n\n const result = await sqlite.execute(\"SELECT * FROM wishlist_items ORDER BY added_at DESC\");\n return c.json(result.rows);\n});\n\n// API: add item\napp.post(\"/api/items\", async (c) => {\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite/main.ts\");\n const body = await c.req.json();\n const { name, price, store, store_color } = body;\n await sqlite.execute({\n sql: \"INSERT INTO wishlist_items (name, price, store, store_color, added_at) VALUES (?, ?, ?, ?, ?)\",\n args: [name, parseFloat(price), store, store_color || \"#6366f1\", new Date().toISOString()],\n });\n return c.json({ ok: true });\n});\n\n// API: delete item\napp.delete(\"/api/items/:id\", async (c) => {\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite/main.ts\");\n const id = c.req.param(\"id\");\n await sqlite.execute({ sql: \"DELETE FROM wishlist_items WHERE id = ?\", args: [id] });\n return c.json({ ok: true });\n});\n\n// Serve HTML\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\nfunction datetime(daysAgo: number): string {\n const d = new Date();\n d.setDate(d.getDate() + daysAgo);\n return d.toISOString();\n}\n\nexport default app.fetch;\n","label",[136],"19e6d652-3068-11f1-b91b-42dde27851f2","frontend","19e6d710-3068-11f1-b91b-42dde27851f2",4,["D",1775335909442],"directory",[148],"pulls","branches",1,"forks","envVars",{"_162":65,"_164":65},"connections",{"_162":65,"_163":65},"count","unfilledCount","emptyCount",{"_47":147,"_37":148,"_35":149,"_138":-5,"_45":46,"_44":150,"_140":128,"_42":194,"_13":65,"_39":152,"_40":-5,"_29":30,"_145":-5,"_171":195,"_32":196},{"_47":190,"_37":38,"_35":36,"_138":149,"_45":46,"_44":14,"_140":30,"_42":191,"_13":65,"_39":26,"_40":41,"_29":30,"_145":-5,"_171":192,"_32":193},{"_47":182,"_37":183,"_35":184,"_138":149,"_45":46,"_44":185,"_140":30,"_42":186,"_13":65,"_39":26,"_40":187,"_29":30,"_145":-5,"_171":188,"_32":189},{"_47":174,"_37":175,"_35":176,"_138":149,"_45":46,"_44":177,"_140":30,"_42":178,"_13":65,"_39":26,"_40":179,"_29":30,"_145":-5,"_171":180,"_32":181},{"_47":135,"_37":136,"_35":137,"_138":-5,"_45":46,"_44":139,"_140":30,"_42":170,"_13":142,"_39":143,"_40":144,"_29":30,"_145":-5,"_171":172,"_32":173},["D",1775335905854],"children",[],[136],"3f3f1f18-3068-11f1-b0e9-42dde27851f2","style.css","3f3f1fc2-3068-11f1-b0e9-42dde27851f2",6,["D",1775335972076],"/* ── Reset & Base ── */\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg: #0d0d0f;\n --surface: #18181b;\n --surface2: #222228;\n --border: #2e2e38;\n --accent: #a78bfa;\n --accent2: #818cf8;\n --text: #f4f4f5;\n --muted: #71717a;\n --danger: #f87171;\n --green: #4ade80;\n --radius: 16px;\n --fab-size: 60px;\n}\n\nhtml, body {\n background: var(--bg);\n color: var(--text);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n min-height: 100vh;\n -webkit-font-smoothing: antialiased;\n}\n\n#app {\n max-width: 430px;\n margin: 0 auto;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n/* ── Header ── */\n.header {\n padding: 16px 20px 0;\n position: sticky;\n top: 0;\n background: var(--bg);\n z-index: 10;\n}\n\n.header-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n font-size: 15px;\n font-weight: 700;\n letter-spacing: -0.3px;\n color: var(--accent);\n}\n\n.source-link {\n font-size: 11px;\n color: var(--muted);\n text-decoration: none;\n opacity: 0.6;\n transition: opacity 0.2s;\n}\n.source-link:hover { opacity: 1; }\n\n/* ── Total Section ── */\n.total-section {\n padding: 28px 20px 20px;\n text-align: center;\n}\n\n.total-label {\n font-size: 13px;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 6px;\n}\n\n.total-amount {\n font-size: 56px;\n font-weight: 800;\n letter-spacing: -3px;\n line-height: 1;\n background: linear-gradient(135deg, #a78bfa, #818cf8, #c4b5fd);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 6px;\n}\n\n.total-sub {\n font-size: 14px;\n color: var(--muted);\n margin-bottom: 14px;\n}\n\n.total-note {\n display: inline-block;\n font-size: 12px;\n color: var(--danger);\n background: rgba(248, 113, 113, 0.08);\n border: 1px solid rgba(248, 113, 113, 0.2);\n padding: 6px 14px;\n border-radius: 999px;\n}\n\n/* ── Filter Bar ── */\n.filter-bar {\n display: flex;\n gap: 8px;\n padding: 4px 20px 16px;\n overflow-x: auto;\n scrollbar-width: none;\n}\n.filter-bar::-webkit-scrollbar { display: none; }\n\n.filter-btn {\n flex-shrink: 0;\n background: var(--surface);\n border: 1px solid var(--border);\n color: var(--muted);\n font-size: 13px;\n font-weight: 500;\n padding: 7px 16px;\n border-radius: 999px;\n cursor: pointer;\n transition: all 0.18s;\n}\n.filter-btn:hover { border-color: var(--accent); color: var(--text); }\n.filter-btn.active {\n background: var(--accent);\n border-color: var(--accent);\n color: #0d0d0f;\n font-weight: 700;\n}\n\n/* ── Item List ── */\n.item-list {\n flex: 1;\n padding: 0 16px 120px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n/* ── Item Card ── */\n.item-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 16px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n transition: border-color 0.18s, transform 0.15s;\n animation: slideIn 0.25s ease both;\n}\n.item-card:hover {\n border-color: var(--border);\n transform: translateY(-1px);\n}\n\n@keyframes slideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.store-icon {\n width: 42px;\n height: 42px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n font-weight: 800;\n color: #fff;\n flex-shrink: 0;\n letter-spacing: -0.5px;\n}\n\n.item-info {\n flex: 1;\n min-width: 0;\n}\n\n.item-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 3px;\n}\n\n.item-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.item-store {\n font-size: 12px;\n color: var(--muted);\n}\n\n.item-days {\n font-size: 12px;\n color: var(--muted);\n background: var(--surface2);\n padding: 2px 8px;\n border-radius: 999px;\n}\n\n.item-price {\n font-size: 17px;\n font-weight: 800;\n color: var(--text);\n letter-spacing: -0.5px;\n}\n\n.item-delete {\n position: absolute;\n top: 8px;\n right: 10px;\n background: none;\n border: none;\n color: var(--border);\n font-size: 14px;\n cursor: pointer;\n padding: 4px 6px;\n border-radius: 6px;\n transition: color 0.15s, background 0.15s;\n line-height: 1;\n}\n.item-delete:hover { color: var(--danger); background: rgba(248,113,113,0.08); }\n\n/* ── Loading ── */\n.loading {\n display: flex;\n justify-content: center;\n padding: 48px;\n}\n.spinner {\n width: 28px;\n height: 28px;\n border: 2px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n\n.empty-state {\n text-align: center;\n padding: 64px 20px;\n color: var(--muted);\n}\n.empty-icon { font-size: 48px; margin-bottom: 12px; }\n.empty-title { font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 6px; }\n\n/* ── FAB ── */\n.fab {\n position: fixed;\n bottom: calc(72px + 20px);\n right: calc(50% - 215px + 20px);\n width: var(--fab-size);\n height: var(--fab-size);\n border-radius: 50%;\n background: var(--accent);\n color: #0d0d0f;\n font-size: 28px;\n font-weight: 300;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 24px rgba(167,139,250,0.4);\n transition: transform 0.15s, box-shadow 0.15s;\n z-index: 50;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n}\n.fab:hover { transform: scale(1.08); box-shadow: 0 6px 32px rgba(167,139,250,0.55); }\n.fab:active { transform: scale(0.96); }\n\n@media (max-width: 430px) {\n .fab { right: 20px; }\n}\n\n/* ── Bottom Nav ── */\n.bottom-nav {\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n max-width: 430px;\n background: rgba(18,18,21,0.92);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-top: 1px solid var(--border);\n display: flex;\n z-index: 40;\n}\n\n.nav-btn {\n flex: 1;\n background: none;\n border: none;\n color: var(--muted);\n font-size: 11px;\n font-weight: 600;\n padding: 10px 0 14px;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n transition: color 0.15s;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n.nav-btn.active { color: var(--accent); }\n.nav-icon { font-size: 20px; }\n.anti-btn:hover { color: var(--danger); }\n\n/* ── Modal ── */\n.modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.7);\n backdrop-filter: blur(4px);\n z-index: 100;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s;\n}\n.modal-overlay.open {\n opacity: 1;\n pointer-events: auto;\n}\n\n.modal {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 24px 24px 0 0;\n width: 100%;\n max-width: 430px;\n padding: 24px 24px 40px;\n transform: translateY(24px);\n transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1);\n}\n.modal-overlay.open .modal { transform: translateY(0); }\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 24px;\n}\n.modal-header h2 { font-size: 20px; font-weight: 800; }\n.modal-close {\n background: var(--surface2);\n border: none;\n color: var(--muted);\n width: 32px;\n height: 32px;\n border-radius: 50%;\n font-size: 14px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: color 0.15s;\n}\n.modal-close:hover { color: var(--text); }\n\n/* ── Form ── */\n.form-group {\n margin-bottom: 18px;\n}\n.form-group label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: var(--muted);\n margin-bottom: 8px;\n}\n.form-group input {\n width: 100%;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: 12px;\n color: var(--text);\n font-size: 15px;\n padding: 13px 14px;\n outline: none;\n transition: border-color 0.15s;\n}\n.form-group input:focus { border-color: var(--accent); }\n.form-group input::placeholder { color: var(--muted); }\n\n.color-presets {\n display: flex;\n gap: 10px;\n}\n.color-dot {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 3px solid transparent;\n cursor: pointer;\n transition: border-color 0.15s, transform 0.15s;\n}\n.color-dot:hover { transform: scale(1.1); }\n.color-dot.selected { border-color: #fff; }\n\n.submit-btn {\n width: 100%;\n background: var(--accent);\n color: #0d0d0f;\n border: none;\n border-radius: 14px;\n font-size: 16px;\n font-weight: 800;\n padding: 16px;\n cursor: pointer;\n margin-top: 6px;\n transition: opacity 0.15s, transform 0.12s;\n}\n.submit-btn:hover { opacity: 0.9; }\n.submit-btn:active { transform: scale(0.98); }\n\n/* ── Anti-wishlist ── */\n.anti-content { padding: 4px 0; }\n.anti-desc { font-size: 14px; color: var(--muted); margin-bottom: 16px; }\n.anti-questions {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 24px;\n}\n.anti-questions li {\n font-size: 15px;\n color: var(--text);\n padding: 14px 16px;\n background: var(--surface2);\n border-radius: 12px;\n border-left: 3px solid var(--accent);\n}\n.anti-rule {\n background: rgba(167,139,250,0.08);\n border: 1px solid rgba(167,139,250,0.2);\n border-radius: 12px;\n padding: 16px;\n font-size: 14px;\n line-height: 1.5;\n color: var(--text);\n}\n",[],[148,175],"25f711fa-3068-11f1-b91b-42dde27851f2","index.html","25f712c2-3068-11f1-b91b-42dde27851f2",5,["D",1775335929677],"\n\n\n \n \n Wishlist Studio\n \n\n\n

\n \n \n\n \n

you've saved

$0

across 0 items

⚠️ that's real money you haven't spent yet

\n\n \n

\n \n \n \n \n

\n\n \n

\n\n \n \n\n \n \n

\n\n \n \n\n \n \n\n \n\n\n",[],[148,183],"4d050ea0-3068-11f1-94a6-42dde27851f2",["D",1775335995203],[],[148,38],["D",1775335909442],[166,167,168],[148],["D",1775335108150],["D",1789511441255],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},{"_13":91,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"ctx",{"_84":-5,"_130":235,"_236":237,"_238":239,"_240":30,"_241":30,"_242":30,"_243":128,"_244":-5,"_245":-7,"_246":-7,"_247":65,"_248":30,"_249":30,"_250":-5,"_251":30,"_252":30,"_253":30,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":92,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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"]

$0

Add to wishlist

🔥 Anti-Wishlist

Diff · v7