<!doctype html>
<html lang="sv">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
    <title>Dashboard - Tivly</title>
    <meta name="description" content="Transkribera dina möten i realtid med AI. Allt sker lokalt i din enhet - 100% privat och säkert.">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://firestore.googleapis.com">
    <link rel="dns-prefetch" href="https://www.googleapis.com">
    
    <!-- PWA Meta Tags -->
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#007AFF">
    
    <!-- iOS PWA Support -->
    <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 name="apple-mobile-web-app-title" content="Tivly">
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="apple-touch-icon" href="/app-icon.png">
    <link rel="apple-touch-startup-image" href="/app-icon.png">

    <!-- Social Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Tivly - AI-driven Mötesassistent">
    <meta property="og:description" content="Transkribera dina möten i realtid med AI. 100% privat och säkert.">
    <meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/H6nifaO6FvW2eL1hotp6MR8B5pr2/social-images/social-1759776839843-Namnlös design (81).png">

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@lovable_dev" />
    <meta name="twitter:title" content="Tivly - AI-driven Mötesassistent">
    <meta name="twitter:description" content="Transkribera dina möten i realtid med AI. 100% privat och säkert.">
    <meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/H6nifaO6FvW2eL1hotp6MR8B5pr2/social-images/social-1759776839843-Namnlös design (81).png">
    
    <!-- TrustBox script -->
    <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
    
    <!-- Prevent FOUC (Flash of Unstyled Content) -->
    <style>
      /* Critical CSS to prevent unstyled flash on reload */
      #root {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.1s ease-in;
      }
      
      #root.loaded {
        visibility: visible;
        opacity: 1;
      }
      
      /* Initial body styles */
      body {
        margin: 0;
        padding: 0;
        background-color: hsl(0 0% 100%);
        color: hsl(240 10% 3.9%);
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      }
      
      /* Dark mode support */
      @media (prefers-color-scheme: dark) {
        body {
          background-color: hsl(240 10% 3.9%);
          color: hsl(0 0% 98%);
        }
      }
      
      /* Loading spinner during initial load */
      #root:empty::before {
        content: '';
        position: fixed;
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        margin-top: -24px;
        margin-left: -24px;
        border: 4px solid hsl(221.2 83.2% 53.3%);
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }
      
      @keyframes spin {
        to { transform: rotate(360deg); }
      }
    </style>
  <script type="module" crossorigin src="/assets/index-C33Sr3yz.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-DExhMWou.css">
</head>

  <body>
    <div id="root"></div>
  </body>
</html>
