nsform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .error {
            color: #e74c3c;
            margin-top: 1rem;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="spinner"></div>
        <div id="status">Loading conversation...</div>
        <div id="error" class="error" style="display: none;"></div>
    </div>

    <script>
        console.log('Join.html loaded, starting join process...');
        
        // Get conversation I