<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="LO — innovative ecosystem based on a social platform. Stay in touch with the people who matter to you in a convenient and secure environment."/>
    <meta name="theme-color" content="#161d30" media="(prefers-color-scheme: dark)"/>
    <meta name="theme-color" content="#f9fcff" media="(prefers-color-scheme: light)"/>
    <title>LO</title>
    <base href="/"/>
    <script>
        (function () {
            try {
                // Проверяем доступность localStorage
                var hasLocalStorage = false;
                try {
                    var test = '__localStorage_test__';
                    localStorage.setItem(test, test);
                    localStorage.removeItem(test);
                    hasLocalStorage = true;
                } catch (e) {
                    // localStorage недоступен (например, в приватном режиме)
                }

                var storedTheme = hasLocalStorage ? localStorage.getItem('profile.themeApp') : null;
                var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
                var currentTheme = storedTheme || (prefersDark ? 'dark' : 'light');
                var bgColor = currentTheme === 'dark' ? '#161d30' : '#f9fcff';
                
                document.documentElement.style.backgroundColor = bgColor;
                document.documentElement.className = currentTheme;
                
                if (document.body) {
                    document.body.style.backgroundColor = bgColor;
                    document.body.className = currentTheme;
                }
                
                var root = document.getElementById('root');
                if (root) {
                    root.className = currentTheme;
                }
            } catch (e) {
                console.warn('Theme initialization failed:', e);
            }
        })();
    </script>
    <!--
      Раньше тут жили <link rel="preload" href="../lo-react-ui/src/fonts/...">
      для четырёх вариантов LOProUI. Они не работали:
        — в dev URL не совпадал с тем, что подставлял Vite в @font-face;
        — в production Rollup переписывает url(...) на assets/fonts/<hash>.woff2,
          поэтому preload вёл на 404.
      Браузер ругался "preloaded but not used within a few seconds…".
      В fonts.scss стоит font-display: swap — FOUT мягкий, preload не нужен.
    -->
    <link
            rel="apple-touch-icon"
            sizes="180x180"
            href="/favicon/apple-touch-icon.png"/>
    <link
            rel="icon"
            type="image/png"
            sizes="32x32"
            href="/favicon/favicon-32x32.png"/>
    <link
            rel="icon"
            type="image/png"
            sizes="16x16"
            href="/favicon/favicon-16x16.png"/>
    <link rel="manifest" href="/favicon/site.webmanifest"/>
  <script type="module" crossorigin src="/assets/js/jnO2JyIY.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/js/M0oDzQ_3.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BrnWUoxD.js">
  <link rel="modulepreload" crossorigin href="/assets/js/D2_dIole.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BtVE0oiL.js">
  <link rel="modulepreload" crossorigin href="/assets/js/FcC9BmsT2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BOk_74-w2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Ca7hQeQq.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CI9Fz2HP.js">
  <link rel="modulepreload" crossorigin href="/assets/js/gonQKwaT.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CvK4mwh2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/SHg3Mwee.js">
  <link rel="modulepreload" crossorigin href="/assets/js/B31nyEkP.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CCATK-B-.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CIni31O6.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BjYgETQ_.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Bm3mPsk9.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Bo97iAne.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Dtl-Mwxc.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BGV2V0ii.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Cxi5T__t.js">
  <link rel="modulepreload" crossorigin href="/assets/js/C41JsOrz.js">
  <link rel="modulepreload" crossorigin href="/assets/js/C3lXNcGP.js">
  <link rel="modulepreload" crossorigin href="/assets/js/ens-on4y.js">
  <link rel="modulepreload" crossorigin href="/assets/js/Cfb7GeCp.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CC_Tt1Le.js">
  <link rel="modulepreload" crossorigin href="/assets/js/BTBvox4f.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CocLR-nI.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CBGG5FOX2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DqsZmgqQ2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/REwHeiJV.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CLFPjkp9.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CdV9AUzw.js">
  <link rel="modulepreload" crossorigin href="/assets/js/C4WvM1Oe.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DfwBGo-y.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DVsh21JZ2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/VTl6szc-.js">
  <link rel="modulepreload" crossorigin href="/assets/js/CDU7tue92.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DdBrsy-l.js">
  <link rel="modulepreload" crossorigin href="/assets/js/XBgrtkW5.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DTdelNxF2.js">
  <link rel="modulepreload" crossorigin href="/assets/js/DFlknHFw2.js">
  <link rel="stylesheet" crossorigin href="/assets/css/F-yYUoG9.css">
  <link rel="stylesheet" crossorigin href="/assets/css/DruwS8AZ.css">
  <link rel="stylesheet" crossorigin href="/assets/css/Bu_D2W9p.css">
</head>
<body>
<div id="root"></div>
<noscript>
    <div style="padding:40px;text-align:center;font-family:system-ui,sans-serif">
        <h1>LO</h1>
        <p>To use LO, please enable JavaScript in your browser settings.</p>
        <p>Для использования LO включите JavaScript в настройках вашего браузера.</p>
    </div>
</noscript>
<div id="modal-root"></div>
</body>
</html>
