:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #1e1e32;--accent-primary: #6366f1;--accent-secondary: #f472b6;--text-primary: #e2e8f0;--text-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.app-loading .spinner{width:48px;height:48px;border:4px solid var(--bg-card);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.app-loading p{margin-top:1rem;color:var(--text-muted);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}