import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

import App from '@/App.tsx'
import '@/app/service-worker'
import { installNativePlatformAttributes } from '@/lib/native-platform'
import { installPushActionListener } from '@/lib/push-notifications'
import '@/index.css'
import '@/styles/atmospheric-environment.css'
import '@/styles/atmospheric-tint.css'
import '@/styles/surface-system.css'
import '@/styles/atmospheric-design-system.css'
import '@/styles/page-typography.css'
import '@/styles/hero-atmosphere.css'
import '@/styles/atmospheric.css'
import '@/styles/overview-home.css'
import '@/styles/micro-interactions.css'
import '@/styles/page-micro-interactions.css'
import '@/styles/radar-playback.css'
import '@/styles/radar-atmosphere.css'
import '@/styles/radar-immersive.css'
import '@/styles/radar-hud.css'
import '@/styles/radar-controller.css'
import '@/styles/radar-storm-card.css'
import '@/styles/forecast-hero.css'
import '@/styles/forecast-daily.css'
import '@/styles/forecast-hourly.css'
import '@/styles/visual-depth.css'
import '@/styles/page-information-hierarchy.css'
import '@/styles/bottom-nav.css'
import '@/styles/app-bottom-dock.css'
import '@/styles/modal-layer.css'
import '@/styles/weather-alert-detail.css'
import '@/styles/primary-threat.css'
import '@/styles/app-native-polish.css'
import '@/styles/premium-theme.css'
import '@/styles/overview-dashboard-polish.css'
import '@/styles/forecast-reference-theme.css'
import '@/styles/reference-theme.css'
import '@/styles/home-reference.css'
import '@/styles/radar-reference.css'
import '@/styles/header-quick-menu.css'
import '@/styles/location-sheet.css'
import '@/styles/routes-reference.css'
import '@/styles/mock-polish.css'

installNativePlatformAttributes()
void installPushActionListener()

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />
  </StrictMode>,
)