<!doctype html>
<html lang="en" style="background-color: var(--v2-background-bg-deep, #fafafa)">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, interactive-widget=resizes-content, viewport-fit=cover"
    />
    <title>OpenCode</title>
    <link rel="icon" type="image/x-icon" href="/icons/beta/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/beta/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials" />
    <meta name="theme-color" content="#fafafa" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta property="og:image" content="/social-share.png" />
    <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"

  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
  document.documentElement.style.backgroundColor = isDark ? "#080808" : "#fafafa"

  // 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 ? "#080808" : "#fafafa")

  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-65auU2tB.js"></script>
    <link rel="modulepreload" crossorigin href="/_assets/rolldown-runtime-B3Kd4kSk.js">
    <link rel="modulepreload" crossorigin href="/_assets/web-CxFmpbw4.js">
    <link rel="modulepreload" crossorigin href="/_assets/store-BQww2kD9.js">
    <link rel="modulepreload" crossorigin href="/_assets/eventListener-C5IlbcO6.js">
    <link rel="modulepreload" crossorigin href="/_assets/dist-cdv5vGvM.js">
    <link rel="modulepreload" crossorigin href="/_assets/JNCCF6MP-DX_m79Gx.js">
    <link rel="modulepreload" crossorigin href="/_assets/5WXHJDCZ-ChXem27k.js">
    <link rel="modulepreload" crossorigin href="/_assets/XNF3WGZ2-v9XHdQM_.js">
    <link rel="modulepreload" crossorigin href="/_assets/EHGSTO6V-BEOBlFai.js">
    <link rel="modulepreload" crossorigin href="/_assets/E53DB7BS-GhxBFrVm.js">
    <link rel="modulepreload" crossorigin href="/_assets/OYES4GOP-CE2lRCsm.js">
    <link rel="modulepreload" crossorigin href="/_assets/UKTBL2JL-Dne2NWRp.js">
    <link rel="modulepreload" crossorigin href="/_assets/dist-Dkh2gZY0.js">
    <link rel="modulepreload" crossorigin href="/_assets/dist-QTqYqcKR.js">
    <link rel="modulepreload" crossorigin href="/_assets/dialog-BZRvy75U.js">
    <link rel="modulepreload" crossorigin href="/_assets/helper-CgxXlSs8.js">
    <link rel="modulepreload" crossorigin href="/_assets/oc-2-CtmfUABi.js">
    <link rel="modulepreload" crossorigin href="/_assets/preload-helper-nWm5KG3e.js">
    <link rel="modulepreload" crossorigin href="/_assets/build-B1LkNurd.js">
    <link rel="modulepreload" crossorigin href="/_assets/LP6E37CW-DaP_sHRf.js">
    <link rel="modulepreload" crossorigin href="/_assets/i18n-BICZSyAc.js">
    <link rel="modulepreload" crossorigin href="/_assets/Predicate-iq5q51vr.js">
    <link rel="modulepreload" crossorigin href="/_assets/Schema-BKvYXWWv.js">
    <link rel="modulepreload" crossorigin href="/_assets/encode-n4JrNYFo.js">
    <link rel="modulepreload" crossorigin href="/_assets/path-BwQn5k6T.js">
    <link rel="modulepreload" crossorigin href="/_assets/desktop-native-BFdNn08S.js">
    <link rel="modulepreload" crossorigin href="/_assets/language-ebbSBRwp.js">
    <link rel="modulepreload" crossorigin href="/_assets/types-C2m99GBK.js">
    <link rel="modulepreload" crossorigin href="/_assets/health-CFxtllE8.js">
    <link rel="modulepreload" crossorigin href="/_assets/session-message-rulK1Jck.js">
    <link rel="modulepreload" crossorigin href="/_assets/solid-D3ewE2gc.js">
    <link rel="modulepreload" crossorigin href="/_assets/pty-D4xK1kK5.js">
    <link rel="modulepreload" crossorigin href="/_assets/icon-DYc_4HBA.js">
    <link rel="modulepreload" crossorigin href="/_assets/reduced-jmSIKAT2.js">
    <link rel="modulepreload" crossorigin href="/_assets/toast-jdN0rRXv.js">
    <link rel="modulepreload" crossorigin href="/_assets/sdk-DqSSimg2.js">
    <link rel="modulepreload" crossorigin href="/_assets/runtime-vvunEQjW.js">
    <link rel="modulepreload" crossorigin href="/_assets/dist-3J4wy3I7.js">
    <link rel="modulepreload" crossorigin href="/_assets/host-apis-C5AjzlEr.js">
    <link rel="modulepreload" crossorigin href="/_assets/ZZYKR3VO-C7ZTbzaF.js">
    <link rel="modulepreload" crossorigin href="/_assets/YFEENJN5-LrpCkcrj.js">
    <link rel="modulepreload" crossorigin href="/_assets/icon-button-C6rIt6g6.js">
    <link rel="modulepreload" crossorigin href="/_assets/OGE3DKII-6kBPUZyN.js">
    <link rel="modulepreload" crossorigin href="/_assets/tooltip-IoxGbhCp.js">
    <link rel="modulepreload" crossorigin href="/_assets/text-field-Q0D8D3TG.js">
    <link rel="modulepreload" crossorigin href="/_assets/project-avatar-CD-TzXF-.js">
    <link rel="modulepreload" crossorigin href="/_assets/SOM3K36D-HtHQbGpB.js">
    <link rel="modulepreload" crossorigin href="/_assets/keybind-DIBBJ-Qe.js">
    <link rel="modulepreload" crossorigin href="/_assets/session-progress-indicator-v2-BufqQmrK.js">
    <link rel="modulepreload" crossorigin href="/_assets/location-AbNQmjew.js">
    <link rel="stylesheet" crossorigin href="/_assets/icon-BDQzFLnz.css">
    <link rel="stylesheet" crossorigin href="/_assets/toast-H4Zvf7UO.css">
    <link rel="stylesheet" crossorigin href="/_assets/button-DsvW1fsa.css">
    <link rel="stylesheet" crossorigin href="/_assets/icon-button-k4-w3twm.css">
    <link rel="stylesheet" crossorigin href="/_assets/tooltip-D-CjkyyA.css">
    <link rel="stylesheet" crossorigin href="/_assets/project-avatar-B25rVzWO.css">
    <link rel="stylesheet" crossorigin href="/_assets/keybind-BPjb096Y.css">
    <link rel="stylesheet" crossorigin href="/_assets/session-progress-indicator-v2-XW4UH_oA.css">
    <link rel="stylesheet" crossorigin href="/_assets/index-C0wCM07k.css">
  </head>
  <body
    class="antialiased overscroll-none font-(family-name:--font-family-text) text-[13px] font-[440] overflow-hidden bg-v2-background-bg-deep"
  >
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root" class="flex flex-col h-dvh bg-v2-background-bg-deep p-px"></div>
  </body>
</html>
