/* Critical CSS - Renders above-the-fold content instantly */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
#root{min-height:100vh;display:flex;flex-direction:column}
.bg-background{background-color:#0f172a}
.text-foreground{color:#f8fafc}
/* Loading skeleton */
.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
/* Instant loading indicator */
.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a}
.app-loading::after{content:'';width:40px;height:40px;border:3px solid #7c3aed;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}