<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>FreshVintage - Discover Unique Treasures</title>
    <meta name="description" content="Discover unique treasures and sell your own items with AI-powered assistance. Smart listings with automated descriptions and pricing." />
    
    <link rel="preconnect" href="https://images.unsplash.com" crossorigin />
    <link rel="dns-prefetch" href="https://images.unsplash.com" />
    
    <meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width" />
    <meta http-equiv="Critical-CH" content="DPR, Width" />
    <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=()" />
    <style>
      /* Critical layout styles for instant LCP rendering */
      .bg-gradient-to-br { background: linear-gradient(to bottom right, #fefbf3, #ffffff); }
      .text-6xl { font-size: 3.75rem; line-height: 1; }
      .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
      .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
      .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
      .font-bold { font-weight: 700; }
      .font-semibold { font-weight: 600; }
      .flex { display: flex; }
      .items-center { align-items: center; }
      .justify-center { justify-content: center; }
      .text-center { text-align: center; }
      .grid { display: grid; }
      .gap-6 { gap: 1.5rem; }
      .mb-4 { margin-bottom: 1rem; }
      .mb-8 { margin-bottom: 2rem; }
      .mb-12 { margin-bottom: 3rem; }
      .px-4 { padding-left: 1rem; padding-right: 1rem; }
      .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
      .rounded-lg { border-radius: 0.5rem; }
      .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
      .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
      .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
      .hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
      .object-cover { -o-object-fit: cover; object-fit: cover; }
      .w-full { width: 100%; }
      .h-48 { height: 12rem; }
      .min-h-screen { min-height: 100vh; }
      .max-w-4xl { max-width: 56rem; }
      .text-vintage-brown { color: #8B4513; }
      .text-gray-600 { color: #4B5563; }
      .text-red-500 { color: #EF4444; }
      .bg-red-500 { background-color: #EF4444; }
      .text-white { color: #FFFFFF; }
      .bg-white { background-color: #FFFFFF; }
      /* Grid responsive layout */
      @media (min-width: 768px) {
        .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      }
      
      /* Reset and base styles */
      *, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(20, 5.9%, 90%); }
      html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-feature-settings: normal; font-variation-settings: normal; }
      body { margin: 0; line-height: inherit; background-color: hsl(0, 0%, 100%); color: hsl(20, 14.3%, 4.1%); font-family: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
      
      /* Root and loading styles */
      #root { min-height: 100vh; }
      /* Enhanced loading spinner for 90+ performance */
      .loading-spinner {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 1.125rem;
        font-weight: 600;
        color: hsl(24, 57%, 29%);
        text-align: center;
        z-index: 9999;
      }
      
      .loading-spinner::after {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        margin: 8px auto;
        border-radius: 50%;
        border: 3px solid hsl(24, 57%, 29%);
        border-color: hsl(24, 57%, 29%) transparent hsl(24, 57%, 29%) transparent;
        animation: spin 1.2s linear infinite;
      }
      
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      
      /* Critical layout styles - nav, cards, buttons */
      .flex { display: flex; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; }
      .w-full { width: 100%; } .h-full { height: 100%; } .min-h-screen { min-height: 100vh; } .h-48 { height: 12rem; } .h-64 { height: 16rem; }
      .p-4 { padding: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } 
      .mb-2 { margin-bottom: 0.5rem; } .mb-4 { margin-bottom: 1rem; } .mb-8 { margin-bottom: 2rem; } .mt-auto { margin-top: auto; }
      .bg-white { background-color: rgb(255, 255, 255); } .bg-orange-600 { background-color: rgb(234, 88, 12); } .bg-vintage-brown { background-color: hsl(24, 57%, 29%); }
      .text-white { color: rgb(255, 255, 255); } .text-black { color: rgb(0, 0, 0); } .text-gray-600 { color: rgb(75, 85, 99); } .text-gray-900 { color: rgb(17, 24, 39); }
      .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
      .font-bold { font-weight: 700; } .font-semibold { font-weight: 600; } .font-medium { font-weight: 500; }
      .rounded-lg { border-radius: 0.5rem; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
      .border { border-width: 1px; } .border-gray-200 { border-color: rgb(229, 231, 235); }
      .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } .hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
      .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
      .object-cover { -o-object-fit: cover; object-fit: cover; } .cursor-pointer { cursor: pointer; } .overflow-hidden { overflow: hidden; }
      
      /* Navigation critical styles */
      nav { background-color: hsl(0, 0%, 100%); border-bottom: 1px solid hsl(20, 5.9%, 90%); }
      .nav-container { max-width: 1200px; margin: 0 auto; }
      
      /* Card styles for immediate render */
      .card { background-color: hsl(0, 0%, 100%); border: 1px solid hsl(20, 5.9%, 90%); border-radius: 0.5rem; overflow: hidden; }
      
      /* Button styles */
      .btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; transition: all 0.15s; cursor: pointer; border: none; }
      .btn-primary { background-color: hsl(24, 57%, 29%); color: white; padding: 0.5rem 1rem; }
      .btn-primary:hover { background-color: hsl(24, 57%, 25%); }
      
      /* Enhanced grid and responsive layouts */
      .grid { display: grid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; }
      .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
      .max-w-4xl { max-width: 56rem; } .max-w-6xl { max-width: 72rem; } .mx-auto { margin-left: auto; margin-right: auto; }
      
      /* Typography and spacing refinements */
      .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; }
      .space-y-4 > * + * { margin-top: 1rem; } .space-y-6 > * + * { margin-top: 1.5rem; } .space-y-8 > * + * { margin-top: 2rem; }
      .leading-tight { line-height: 1.25; } .leading-relaxed { line-height: 1.625; }
      
      /* Form and input styles */
      .form-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid hsl(20, 5.9%, 90%); border-radius: 0.375rem; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5; }
      .form-input:focus { outline: none; border-color: hsl(24, 57%, 29%); box-shadow: 0 0 0 3px hsla(24, 57%, 29%, 0.1); }
      
      /* Animation and state classes */
      .fade-in { opacity: 0; animation: fadeIn 0.3s ease-in-out forwards; }
      @keyframes fadeIn { to { opacity: 1; } }
      .slide-up { transform: translateY(20px); opacity: 0; animation: slideUp 0.4s ease-out forwards; }
      @keyframes slideUp { to { transform: translateY(0); opacity: 1; } }
      
      /* Additional critical utility classes for 90+ performance */
      .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .sticky { position: sticky; }
      .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; }
      .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; }
      .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } .hidden { display: none; }
      .opacity-0 { opacity: 0; } .opacity-50 { opacity: 0.5; } .opacity-100 { opacity: 1; }
      .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; }
      .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; }
      .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; }
      .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; }
      .underline { text-decoration: underline; } .no-underline { text-decoration: none; }
      .list-none { list-style: none; } .list-disc { list-style-type: disc; } .list-decimal { list-style-type: decimal; }
      .tracking-tighter { letter-spacing: -0.05em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-normal { letter-spacing: 0em; } .tracking-wide { letter-spacing: 0.025em; }
      .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; }
    </style>
    
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon-250x250.webp" />

    <script type="module" crossorigin src="/assets/index-pubJVOTP.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-Bch9zJLj.css">
  </head>
  <body>
    <div id="root">
      <div class="loading-spinner">Loading FreshVintage...</div>
    </div>
  </body>
</html>