\n {displayed}\n \n

\n );\n}\n\n// ── Floating hearts hook ──\nfunction useHearts() {\n const [hearts, setHearts] = useState([]);\n useEffect(() => {\n const spawn = () => setHearts(prev => [\n ...prev.slice(-14),\n { id: Date.now() + Math.random(), left: Math.random() * 100, size: 12 + Math.random() * 22, dur: 5 + Math.random() * 6, delay: Math.random() * 2, opacity: 0.07 + Math.random() * 0.18 }\n ]);\n spawn();\n const i = setInterval(spawn, 1200);\n return () => clearInterval(i);\n }, []);\n return hearts;\n}\n\n// ── Toast hook ──\nfunction useToast() {\n const [toast, setToast] = useState({ show: false, msg: \"\" });\n const showToast = (msg) => { setToast({ show: true, msg }); setTimeout(() => setToast(t => ({ ...t, show: false })), 2200); };\n return [toast, showToast];\n}\n\n// ── Shell wrapper ──\nfunction Shell({ hearts, toast, children }) {\n return (\n

\n \n

{toast.msg}

\n {hearts.map(h => (\n

\n \n

\n ))}\n

{children}

\n );\n}\n\n// ─────────────────────────────────────────────────────────────────────\n// SCREENS\n// ─────────────────────────────────────────────────────────────────────\n\n// ── Landing ──\nfunction Landing({ onGo }) {\n return (\n

\n \n

Will you be my Val?

Create a personal, story-driven Valentine's experience and send it to someone special.

\n \n

\n \n \n

\n );\n}\n\n// ── Creator Wizard ──\nfunction CreatorWizard({ onBack, showToast }) {\n const [step, setStep] = useState(1);\n const [from, setFrom] = useState(\"\");\n const [to, setTo] = useState(\"\");\n const [pickedQs, setPickedQs] = useState([]);\n const [note, setNote] = useState(\"\");\n const [code, setCode] = useState(\"\");\n const [saving, setSaving] = useState(false);\n\n const toggle = (id) => {\n setPickedQs(prev => prev.includes(id) ? prev.filter(x => x !== id) : prev.length < 4 ? [...prev, id] : prev);\n };\n\n const submit = async () => {\n setSaving(true);\n const newCode = generateCode();\n const res = await fetch(\"/save\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n code: newCode,\n from_name: from.trim(),\n to_name: to.trim(),\n question_ids: pickedQs.length ? pickedQs : [\"q_moment\", \"q_day\", \"q_feeling\", \"q_belief\"],\n custom_note: note.trim()\n })\n });\n if (res.ok) { setCode(newCode); setStep(4); }\n else showToast(\"Something went wrong. Try again.\");\n setSaving(false);\n };\n\n const getLink = () => `${window.location.origin}${window.location.pathname}?code=${code}`;\n\n const copyLink = () => { if (copyToClipboard(getLink())) showToast(\"✓ Link copied!\"); else showToast(\"Copy failed — try selecting manually\"); };\n const shareLink = () => {\n if (navigator.share) navigator.share({ title: \"For you 💝\", text: \"I made something special for you\", url: getLink() });\n else copyLink();\n };\n\n return (\n

\n \n\n {step < 4 && (\n

\n {[1, 2, 3].map(s => = s ? \"active\" : \"\"}`} />)}\n

\n )}\n\n {step === 1 && (\n

Who is this for?

\n Your name\n setFrom(e.target.value)} style={{ marginBottom: 14 }} />\n Their name\n setTo(e.target.value)} style={{ marginBottom: 18 }} />\n \n

\n )}\n\n {step === 2 && (\n

Pick the Vibe

Choose up to 4 questions for {to}.

\n {QUESTION_POOL.map(q => (\n

toggle(q.id)}>\n

{q.question}

\n ))}\n

\n \n

\n )}\n\n {step === 3 && (\n

One Last Touch

A personal note for the finale (optional).

setNote(e.target.value)} />\n          <button className=\"big-btn big-btn-yes\" onClick={submit} disabled={saving} style={{ marginTop: 18, width: \"100%\" }}>{saving ? \"Creating…\" : \"Finish & Create 💝\"}</button>\n        </div>\n      )}\n\n      {step === 4 && (\n        <div style={{ textAlign: \"center\" }}>\n          <HeartSVG size={44} opacity={0.25} />\n          <h2 style={{ fontSize: 24, color: \"#c2185b\", margin: \"10px 0 6px\", fontWeight: 600 }}>It's ready ✨</h2>\n          <p style={{ color: \"#8e6b7a\", fontSize: 15, margin: \"0 0 20px\" }}>Send this to <strong style={{ color: \"#c2185b\" }}>{to}</strong></p>\n          <div className=\"card\" style={{ padding: \"22px 20px\" }}>\n            <div className=\"code-display\">{code}</div>\n            <p style={{ fontSize: 12, color: \"#8e6b7a\", textAlign: \"center\", margin: \"8px 0 14px\" }}>or share the link directly</p>\n            <div style={{ background: \"#fce4ec\", borderRadius: 12, padding: \"10px 14px\", fontSize: 13, color: \"#6d3a4a\", wordBreak: \"break-all\", textAlign: \"center\", marginBottom: 16 }}>\n              {getLink()}\n            </div>\n            <div style={{ display: \"flex\", gap: 10 }}>\n              <button className=\"big-btn big-btn-yes\" onClick={copyLink}  style={{ flex: 1, padding: \"11px 0\", fontSize: 15 }}>Copy Link 📋</button>\n              <button className=\"big-btn big-btn-no\"  onClick={shareLink} style={{ flex: 1, padding: \"11px 0\", fontSize: 15 }}>Share ✉️</button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Code Entry (recipient) ──\nfunction CodeEntry({ onStart }) {\n  const [code, setCode]     = useState(\"\");\n  const [error, setError]   = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  const submit = async () => {\n    setLoading(true); setError(\"\");\n    const res = await fetch(`/get?code=${code.trim().toUpperCase()}`);\n    if (res.ok) { const data = await res.json(); onStart(data); }\n    else setError(\"Hmm, that code doesn't seem right. Double-check and try again.\");\n    setLoading(false);\n  };\n\n  return (\n    <div style={{ width: \"100%\", maxWidth: 380, textAlign: \"center\", animation: \"fadeSlideUp 0.5s ease\" }}>\n      <HeartSVG size={44} opacity={0.2} />\n      <h2 style={{ fontSize: 26, color: \"#c2185b\", margin: \"12px 0 8px\", fontWeight: 600 }}>Something special is waiting…</h2>\n      <p style={{ color: \"#8e6b7a\", fontSize: 15, margin: \"0 0 24px\" }}>Enter the code someone sent you</p>\n      <input className=\"input-field\" placeholder=\"Enter code…\" value={code} onChange={e => { setCode(e.target.value); setError(\"\"); }} onKeyDown={e => e.key === \"Enter\" && submit()} style={{ textAlign: \"center\", fontSize: 22, letterSpacing: 6, fontWeight: 600, marginBottom: 14 }} />\n      {error && <p style={{ color: \"#e8607a\", fontSize: 14, margin: \"0 0 12px\", fontStyle: \"italic\" }}>{error}</p>}\n      <button className=\"big-btn big-btn-yes\" onClick={submit} disabled={!code.trim() || loading} style={{ width: \"100%\" }}>{loading ? \"Checking…\" : \"Open it 💝\"}</button>\n    </div>\n  );\n}\n\n// ── Check Reply (creator) ──\nfunction CheckReply({ onBack }) {\n  const [code, setCode]       = useState(\"\");\n  const [result, setResult]   = useState(null);\n  const [error, setError]     = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  const check = async () => {\n    setLoading(true); setError(\"\"); setResult(null);\n    const res = await fetch(`/check?code=${code.trim().toUpperCase()}`);\n    if (res.ok) setResult(await res.json());\n    else setError(\"Couldn't find a Valentine with that code.\");\n    setLoading(false);\n  };\n\n  if (result) {\n    const hasReply = !!result.responded_at;\n    const isYes   = result.final_answer?.includes(\"Yes\");\n    return (\n      <div style={{ width: \"100%\", animation: \"fadeSlideUp 0.5s ease\" }}>\n        <button className=\"back-btn\" onClick={() => setResult(null)}>← Back</button>\n        <div className=\"card\">\n          <h2 style={{ fontSize: 22, color: \"#c2185b\", marginBottom: 4, textAlign: \"center\", fontWeight: 600 }}>Status Report 📬</h2>\n          <p style={{ textAlign: \"center\", color: \"#8e6b7a\", fontSize: 14, marginBottom: 20, fontStyle: \"italic\" }}>For {result.to_name} from {result.from_name}</p>\n          {!hasReply ? (\n            <div style={{ textAlign: \"center\", padding: \"24px 0\" }}>\n              <p style={{ fontSize: 16, color: \"#5c4a5e\", margin: 0 }}>⏳ No reply yet.</p>\n              <p style={{ fontSize: 14, color: \"#8e6b7a\", marginTop: 8 }}>They haven't finished the story yet.</p>\n            </div>\n          ) : (\n            <>\n              <div className={`status-box ${isYes ? \"yes\" : \"no\"}`}>\n                <p style={{ fontSize: 13, color: \"#8e6b7a\", margin: \"0 0 4px\" }}>Their Answer</p>\n                <p style={{ fontSize: 24, fontWeight: 700, color: isYes ? \"#e91e63\" : \"#757575\", margin: 0 }}>{result.final_answer}</p>\n                {result.why_text && <p style={{ fontSize: 14, color: \"#5c4a5e\", marginTop: 8, fontStyle: \"italic\", margin: \"8px 0 0\" }}>\"{result.why_text}\"</p>}\n              </div>\n              <h3 style={{ fontSize: 16, color: \"#c2185b\", marginBottom: 12, fontWeight: 600 }}>Their Choices</h3>\n              {result.question_ids.map(qid => {\n                const q   = QUESTION_POOL.find(x => x.id === qid);\n                const ans = result.answers?.[qid];\n                if (!q || !ans) return null;\n                return (\n                  <div key={qid} className=\"summary-row\">\n                    <p className=\"summary-label\">{q.question}</p>\n                    <p className=\"summary-value\">\"{ans}\"</p>\n                  </div>\n                );\n              })}\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width: \"100%\", maxWidth: 380, textAlign: \"center\", animation: \"fadeSlideUp 0.5s ease\" }}>\n      <button className=\"back-btn\" onClick={onBack}>← Back</button>\n      <h2 style={{ fontSize: 26, color: \"#c2185b\", margin: \"0 0 8px\", fontWeight: 600 }}>Did they say yes?</h2>\n      <p style={{ color: \"#8e6b7a\", fontSize: 15, margin: \"0 0 24px\" }}>Enter the code you sent to check.</p>\n      <input className=\"input-field\" placeholder=\"Enter code…\" value={code} onChange={e => { setCode(e.target.value); setError(\"\"); }} onKeyDown={e => e.key === \"Enter\" && check()} style={{ textAlign: \"center\", fontSize: 22, letterSpacing: 6, fontWeight: 600, marginBottom: 14 }} />\n      {error && <p style={{ color: \"#e8607a\", fontSize: 14, margin: \"0 0 12px\", fontStyle: \"italic\" }}>{error}</p>}\n      <button className=\"big-btn big-btn-yes\" onClick={check} disabled={!code.trim() || loading} style={{ width: \"100%\" }}>{loading ? \"Checking…\" : \"Check Status 📬\"}</button>\n    </div>\n  );\n}\n\n// ── Story Experience ──\nfunction StoryExperience({ data }) {\n  const beats = useMemo(() => buildBeats(data.question_ids, data.custom_note), [data]);\n\n  const [beatIdx, setBeatIdx]         = useState(0);\n  const [typingDone, setTypingDone]   = useState(false);\n  const [selectedAns, setSelectedAns] = useState(null);\n  const [answers, setAnswers]         = useState({});\n  const [phase, setPhase]             = useState(\"story\");\n  const [finalAnswer, setFinalAnswer] = useState(null);\n  const [whyText, setWhyText]         = useState(\"\");\n\n  const beat = beats[beatIdx];\n\n  const advance = useCallback(() => {\n    setSelectedAns(null);\n    setTypingDone(false);\n    if (beatIdx + 1 >= beats.length) setPhase(\"val\");\n    else setBeatIdx(b => b + 1);\n  }, [beatIdx, beats.length]);\n\n  const pickAnswer = (id, ans) => {\n    setSelectedAns(ans);\n    setAnswers(prev => ({ ...prev, [id]: ans }));\n    setTimeout(() => advance(), 650);\n  };\n\n  const submitReply = async (finalAns, why, currentAnswers) => {\n    await fetch(\"/reply\", {\n      method: \"POST\",\n      headers: { \"content-type\": \"application/json\" },\n      body: JSON.stringify({ code: data.code, answers: currentAnswers, final_answer: finalAns, why_text: why || \"\" })\n    });\n  };\n\n  // ── STORY ──\n  if (phase === \"story\" && beat) {\n    return (\n      <div style={{ width: \"100%\" }}>\n        <div className=\"card\" key={`card-${beatIdx}`} style={{ animation: \"fadeSlideUp 0.4s ease\" }}>\n          {beat.isCustomNote && (\n            <p style={{ fontSize: 13, color: \"#8e6b7a\", margin: \"0 0 12px\", fontStyle: \"italic\", textAlign: \"center\" }}>\n              Special words from {data.from_name} to you\n            </p>\n          )}\n          <TypewriterText key={`tw-${beatIdx}`} text={beat.type === \"question\" ? beat.story : beat.text} onComplete={() => setTypingDone(true)} />\n\n          {typingDone && beat.type === \"story\" && (\n            <div style={{ textAlign: \"center\", marginTop: 24, animation: \"fadeSlideUp 0.4s ease\" }}>\n              <button className=\"big-btn big-btn-yes\" onClick={advance} style={{ padding: \"11px 32px\", fontSize: 15 }}>Continue…</button>\n            </div>\n          )}\n\n          {typingDone && beat.type === \"question\" && (\n            <div style={{ marginTop: 22, animation: \"fadeSlideUp 0.4s ease\" }}>\n              <p style={{ fontSize: 17, color: \"#c2185b\", fontWeight: 600, marginBottom: 16, textAlign: \"center\", fontFamily: \"'Playfair Display', serif\" }}>{beat.question}</p>\n              <div style={{ display: \"flex\", flexDirection: \"column\", gap: 10 }}>\n                {beat.options.map((opt, i) => (\n                  <button key={i} className={`opt-btn ${selectedAns === opt ? \"selected\" : \"\"}`} onClick={() => pickAnswer(beat.id, opt)} disabled={!!selectedAns}>{opt}</button>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // ── THE BIG QUESTION ──\n  if (phase === \"val\") {\n    return (\n      <div style={{ textAlign: \"center\", maxWidth: 440, animation: \"fadeSlideUp 0.55s ease\" }}>\n        <HeartSVG size={56} opacity={0.3} />\n        <div className=\"card\" style={{ padding: \"40px 30px\", marginTop: 14 }}>\n          <p style={{ fontSize: 15, color: \"#8e6b7a\", margin: \"0 0 10px\", fontStyle: \"italic\" }}>{data.from_name} has something to ask you…</p>\n          <h1 style={{ fontSize: \"clamp(26px,6vw,38px)\", color: \"#c2185b\", margin: \"0 0 28px\", fontWeight: 600, lineHeight: 1.2 }}>Will you be<br />my Val?</h1>\n          <div style={{ display: \"flex\", gap: 14, justifyContent: \"center\", flexWrap: \"wrap\" }}>\n            <button className=\"big-btn big-btn-yes\" onClick={() => { setFinalAnswer(\"Yes 💝\"); submitReply(\"Yes 💝\", \"\", answers); setPhase(\"summary\"); }} style={{ minWidth: 140 }}>Yes 💝</button>\n            <button className=\"big-btn big-btn-no\"  onClick={() => setPhase(\"why\")}                                                                                                                  style={{ minWidth: 140 }}>No</button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // ── WHY NO ──\n  if (phase === \"why\") {\n    return (\n      <div style={{ textAlign: \"center\", maxWidth: 440, animation: \"fadeSlideUp 0.55s ease\" }}>\n        <div className=\"card\" style={{ padding: \"38px 28px\" }}>\n          <h2 style={{ fontSize: 24, color: \"#c2185b\", margin: \"0 0 8px\", fontWeight: 600 }}>Oh… okay 🥺</h2>\n          <p style={{ fontSize: 15, color: \"#8e6b7a\", margin: \"0 0 20px\", lineHeight: 1.5 }}>Can you help {data.from_name} understand why?</p>\n          <textarea className=\"input-field\" rows={3} placeholder=\"Share your thoughts…\" value={whyText} onChange={e => setWhyText(e.target.value)} />\n          <button className=\"big-btn big-btn-yes\" onClick={() => { submitReply(\"No\", whyText, answers); setPhase(\"summary\"); }} disabled={!whyText.trim()} style={{ marginTop: 16, width: \"100%\" }}>Send</button>\n        </div>\n      </div>\n    );\n  }\n\n  // ── SUMMARY ──\n  if (phase === \"summary\") {\n    return (\n      <div style={{ width: \"100%\", animation: \"fadeSlideUp 0.55s ease\" }}>\n        <div style={{ textAlign: \"center\", marginBottom: 18 }}>\n          <HeartSVG size={48} opacity={0.25} />\n          <h2 style={{ fontSize: 26, color: \"#c2185b\", margin: \"10px 0 4px\", fontWeight: 600 }}>{finalAnswer ? \"💝 Yes!!\" : \"Thank you…\"}</h2>\n          <p style={{ color: \"#8e6b7a\", fontSize: 15, margin: 0 }}>Here's a look at your journey</p>\n        </div>\n        <div className=\"card\" style={{ padding: \"28px 24px\" }}>\n          {beats.filter(b => b.type === \"question\").map(b => (\n            <div key={b.id} className=\"summary-row\">\n              <p className=\"summary-label\">{b.question}</p>\n              <p className=\"summary-value\">\"{answers[b.id] || \"—\"}\"</p>\n            </div>\n          ))}\n          <div>\n            <p className=\"summary-label\">Will you be my Val?</p>\n            <p className=\"summary-value\">{finalAnswer || \"No\"}</p>\n            {whyText && <p style={{ fontSize: 14, color: \"#8e6b7a\", margin: \"8px 0 0\", fontStyle: \"italic\" }}>Reason: \"{whyText}\"</p>}\n          </div>\n        </div>\n        <p style={{ textAlign: \"center\", color: \"#b08ca0\", fontSize: 13, marginTop: 18, fontStyle: \"italic\" }}>\n          {finalAnswer ? `${data.from_name} is going to be so happy 💝` : `${data.from_name} will see your message.`}\n        </p>\n      </div>\n    );\n  }\n\n  return null;\n}\n\n// ─────────────────────────────────────────────────────────────────────\n//  ROOT APP\n// ─────────────────────────────────────────────────────────────────────\nfunction App() {\n  const [screen, setScreen]     = useState(\"landing\");\n  const [storyData, setStoryData] = useState(null);\n  const hearts                  = useHearts();\n  const [toast, showToast]      = useToast();\n\n  // Auto-detect ?code= in URL on mount\n  useEffect(() => {\n    const params = new URLSearchParams(window.location.search);\n    const code = params.get(\"code\");\n    if (code) {\n      fetch(`/get?code=${code.toUpperCase()}`)\n        .then(r => r.ok ? r.json() : null)\n        .then(data => { if (data) { setStoryData(data); setScreen(\"story\"); } });\n    }\n  }, []);\n\n  const startStory = (data) => { setStoryData(data); setScreen(\"story\"); };\n\n  return (\n    <Shell hearts={hearts} toast={toast}>\n      {screen === \"landing\" && <Landing onGo={setScreen} />}\n      {screen === \"creator\" && <CreatorWizard onBack={() => setScreen(\"landing\")} showToast={showToast} />}\n      {screen === \"code\"    && (\n        <>\n          <button className=\"back-btn\" onClick={() => setScreen(\"landing\")}>← Back</button>\n          <CodeEntry onStart={startStory} />\n        </>\n      )}\n      {screen === \"check\"   && <CheckReply onBack={() => setScreen(\"landing\")} />}\n      {screen === \"story\" && storyData && <StoryExperience data={storyData} />}\n    </Shell>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────\n//  SERVER  (runs on val.town)\n// ─────────────────────────────────────────────────────────────────────\nexport default async function server(request: Request): Promise<Response> {\n  const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n  const url = new URL(request.url);\n\n  // Bootstrap\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS valentines (\n      code          TEXT PRIMARY KEY,\n      from_name     TEXT NOT NULL,\n      to_name       TEXT NOT NULL,\n      question_ids  TEXT DEFAULT '[]',\n      custom_note   TEXT DEFAULT '',\n      answers       TEXT DEFAULT '{}',\n      final_answer  TEXT DEFAULT '',\n      why_text      TEXT DEFAULT '',\n      responded_at  TEXT DEFAULT ''\n    )\n  `);\n\n  // POST /save\n  if (request.method === \"POST\" && url.pathname.endsWith(\"/save\")) {\n    const { code, from_name, to_name, question_ids, custom_note } = await request.json();\n    await sqlite.execute(\n      `INSERT OR REPLACE INTO valentines (code, from_name, to_name, question_ids, custom_note) VALUES (?,?,?,?,?)`,\n      [code, from_name, to_name, JSON.stringify(question_ids || []), custom_note || \"\"]\n    );\n    return new Response(JSON.stringify({ ok: true }), { headers: { \"content-type\": \"application/json\" } });\n  }\n\n  // GET /get?code=\n  if (request.method === \"GET\" && url.pathname.endsWith(\"/get\")) {\n    const code = url.searchParams.get(\"code\")?.toUpperCase();\n    if (!code) return new Response(`{\"error\":\"no code\"}`, { status: 400, headers: { \"content-type\": \"application/json\" } });\n    const { rows } = await sqlite.execute(`SELECT code, from_name, to_name, question_ids, custom_note FROM valentines WHERE code = ?`, [code]);\n    if (!rows.length) return new Response(`{\"error\":\"not found\"}`, { status: 404, headers: { \"content-type\": \"application/json\" } });\n    const r = rows[0];\n    return new Response(JSON.stringify({ code: r[0], from_name: r[1], to_name: r[2], question_ids: JSON.parse(r[3]), custom_note: r[4] }), { headers: { \"content-type\": \"application/json\" } });\n  }\n\n  // POST /reply\n  if (request.method === \"POST\" && url.pathname.endsWith(\"/reply\")) {\n    const { code, answers, final_answer, why_text } = await request.json();\n    await sqlite.execute(\n      `UPDATE valentines SET answers=?, final_answer=?, why_text=?, responded_at=? WHERE code=?`,\n      [JSON.stringify(answers || {}), final_answer || \"\", why_text || \"\", new Date().toISOString(), code]\n    );\n    return new Response(JSON.stringify({ ok: true }), { headers: { \"content-type\": \"application/json\" } });\n  }\n\n  // GET /check?code=\n  if (request.method === \"GET\" && url.pathname.endsWith(\"/check\")) {\n    const code = url.searchParams.get(\"code\")?.toUpperCase();\n    if (!code) return new Response(`{\"error\":\"no code\"}`, { status: 400, headers: { \"content-type\": \"application/json\" } });\n    const { rows } = await sqlite.execute(`SELECT * FROM valentines WHERE code = ?`, [code]);\n    if (!rows.length) return new Response(`{\"error\":\"not found\"}`, { status: 404, headers: { \"content-type\": \"application/json\" } });\n    const r = rows[0];\n    return new Response(JSON.stringify({\n      code: r[0], from_name: r[1], to_name: r[2],\n      question_ids: JSON.parse(r[3]), custom_note: r[4],\n      answers: JSON.parse(r[5]), final_answer: r[6], why_text: r[7], responded_at: r[8]\n    }), { headers: { \"content-type\": \"application/json\" } });\n  }\n\n  // GET / — HTML shell\n  return new Response(\n`<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Will you be my Val? 💝</title>\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n  <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\n  <style>\n    * { box-sizing:border-box; margin:0; padding:0; }\n    body { min-height:100vh; background:linear-gradient(160deg,#fff0f3 0%,#fce4ec 40%,#f3e5f5 70%,#ede7f6 100%); font-family:'Playfair Display',serif; }\n    #root { min-height:100vh; }\n  </style>\n</head>\n<body>\n  <div id=\"root\"></div>\n  <script src=\"https://esm.town/v/std/catch\"></script>\n  <script type=\"module\" src=\"${import.meta.url}\"></script>\n</body>\n</html>`,\n    { headers: { \"content-type\": \"text/html\" } }\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────\n//  CLIENT BOOTSTRAP\n// ─────────────────────────────────────────────────────────────────────\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\n\nif (typeof document !== \"undefined\") {\n  client();\n}","tirioh-valentine",[],[179],"files",[157,177],"counts",{"_193":33,"_194":195,"_196":33,"_197":198,"_201":202},"pulls","branches",1,"forks","envVars",{"_199":33,"_200":33},"count","emptyCount","connections",{"_199":33,"_203":33},"unfilledCount","contents",[206,209],{"_104":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":144,"_165":166,"_106":207,"_101":33,"_168":169,"_170":171,"_172":22,"_173":-5,"_100":208},["D",1770169713128],[159],{"_104":178,"_97":179,"_160":180,"_162":-5,"_163":145,"_164":181,"_165":166,"_106":210,"_101":183,"_168":184,"_170":185,"_172":22,"_173":186,"_100":211},["D",1770091981099],[179],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":220,"_197":225,"_226":22},{"_104":105,"_97":98,"_106":221,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":-5,"_119":33,"_16":120,"_121":122,"_123":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":222,"_137":223,"_142":224,"_154":22},["D",1770090103864],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":114,"_140":141},{"_101":144,"_97":45,"_104":145,"_146":105,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[],"isTeamOrg","actionData","errors"]
</article></body></html>

tirioh

will_you_be_val

Environment variables