<!doctype html>
<html lang="en" style="background-color: var(--background-base)">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" />
    <title>Zajonara</title>
    <meta
      name="description"
      content="Bring the notes, numbers, or half-formed idea already on your plate. Zajonara helps turn it into work that's ready to use."
    />
    <link rel="icon" type="image/png" href="/favicon-96x96-v3.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon-v3.svg" />
    <link rel="shortcut icon" href="/favicon-v3.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v3.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="theme-color" content="#F8F7F7" />
    <meta property="og:title" content="Zajonara - What's on your plate? Let's get it done." />
    <meta
      property="og:description"
      content="Bring the context you already have. Think it through and turn it into something clear, useful, and ready to share."
    />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/social-share.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Zajonara - What's on your plate? Let's get it done." />
    <meta
      name="twitter:description"
      content="Bring the context you already have. Think it through and turn it into something clear, useful, and ready to share."
    />
    <meta property="twitter:image" content="/social-share.png" />
    <script id="oc-theme-preload-script">;(function () {
  var key = "opencode-theme-id"
  var themeId = localStorage.getItem(key) || "oc-2"

  if (themeId === "oc-1") {
    themeId = "oc-2"
    localStorage.setItem(key, themeId)
    localStorage.removeItem("opencode-theme-css-light")
    localStorage.removeItem("opencode-theme-css-dark")
  }

  var scheme = localStorage.getItem("opencode-color-scheme") || "system"
  var isDark = scheme === "dark" || (scheme === "system" && matchMedia("(prefers-color-scheme: dark)").matches)
  var mode = isDark ? "dark" : "light"

  document.documentElement.dataset.theme = themeId
  document.documentElement.dataset.colorScheme = mode

  // Update theme-color meta tag to match app color scheme
  var metas = document.querySelectorAll("meta[name='theme-color']")
  if (metas.length > 0) metas[0].setAttribute("content", isDark ? "#131010" : "#F8F7F7")

  if (themeId === "oc-2") return

  var css = localStorage.getItem("opencode-theme-css-" + mode)
  if (css) {
    var style = document.createElement("style")
    style.id = "oc-theme-preload"
    style.textContent =
      ":root{color-scheme:" +
      mode +
      ";--text-mix-blend-mode:" +
      (isDark ? "plus-lighter" : "multiply") +
      ";" +
      css +
      "}"
    document.head.appendChild(style)
  }
})()
</script>
    <script type="module" crossorigin src="/assets/index-Btao1nZT.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CTJxnS7X.css">
  </head>
  <body class="antialiased overscroll-none text-12-regular overflow-hidden">
    <noscript
      ><style>
        [data-component="app-loading-screen"] {
          display: none;
        }</style
      >You need to enable JavaScript to run this app.</noscript
    >
    <div id="root" class="flex flex-col h-dvh p-px">
      <main data-component="app-loading-screen">
        <div class="app-loading-content">
          <div class="app-loading-status" role="status" aria-live="polite">
            <div class="app-loading-indicator" aria-hidden="true">
              <img src="/favicon-v3.svg" alt="" width="36" height="36" />
            </div>
            <h1>Opening Zajonara</h1>
            <p>Loading your workspace…</p>
          </div>
        </div>
      </main>
    </div>
  </body>
</html>
