*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#000;color:#fff}
#root{min-height:100vh;display:flex;flex-direction:column}
.loading-skeleton{animation:pulse 2s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%}
@keyframes pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* Initial loader - visible immediately for fast FCP */
.initial-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#000}
.initial-loader svg{width:80px;height:80px;animation:spin 1s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}