<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>Eggspress V2.0.5 | Sovereign Integrity</title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css">
    
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#0d6efd">
    <link rel="apple-touch-icon" href="assets/icons/icon-192.png">
</head>
<body class="bg-light">

    <div id="screen-auth" class="screen container-fluid vh-100 d-flex flex-column justify-content-center align-items-center">
        <div class="text-center mb-4">
            <h1 class="display-4 fw-bold text-primary">Eggspress <span class="badge bg-primary text-white fs-6 align-top">V2.0.5</span></h1>
            <p class="lead text-muted">Sovereign Integrity Operations</p>
        </div>
        
        <div id="signin-button-container" class="shadow-sm p-1 bg-white rounded"></div>
        
        <div id="auth-status" class="mt-4 text-secondary small fw-medium text-center">
            Establishing Trusted Corridor...
        </div>
    </div>

    <div id="screen-app" class="screen" style="display: none;">
        <nav class="navbar navbar-dark bg-primary shadow-sm px-3 sticky-top">
            <span class="navbar-brand fw-bold d-flex align-items-center">
                Eggspress 
                <span class="badge bg-white text-primary ms-2" style="font-size: 0.65rem;">CORE V2</span>
            </span>
            <div id="user-badge" class="rounded-circle bg-white text-primary d-flex align-items-center justify-content-center fw-bold shadow-sm" style="width: 35px; height: 35px; font-size: 0.9rem;">?</div>
        </nav>

        <main id="main-content" class="container py-3">
            <div class="d-flex flex-column align-items-center justify-content-center p-5">
                <div class="spinner-grow text-primary mb-3" role="status"></div>
                <div class="text-muted small fw-bold uppercase tracking-wider">Syncing Global Context...</div>
            </div>
        </main>
    </div>

    <script type="module" src="app.js"></script>
    <script src="https://accounts.google.com/gsi/client" defer></script>
</body>
</html>