import './styles.css';
import { createApp } from './app/create-app.js';

const root = document.getElementById('app');

if (!root) {
    throw new Error('App root not found');
}

createApp(root).catch((error) => {
    console.error('Failed to start TimePlot', error);
    root.innerHTML = `
        <div style="padding: 24px; color: #fff; font-family: sans-serif;">
            <h1>TimePlot failed to start</h1>
            <pre>${String(error)}</pre>
        </div>
    `;
});