.loading-overlay{position:fixed;inset:0;background-color:hsla(var(--background)/.8);z-index:9999;backdrop-filter:blur(4px)}.loading-overlay,.loading-overlay .container{display:flex;align-items:center;justify-content:center}.loading-overlay .loader{position:relative;width:200px;height:200px;perspective:800px}.loading-overlay .crystal{position:absolute;top:50%;left:50%;width:60px;height:60px;opacity:0;transform-origin:bottom center;transform:translate(-50%,-50%) rotateX(45deg) rotate(0deg);animation:spin 4s linear infinite,emerge 2s ease-in-out infinite alternate,fadeIn .3s ease-out forwards;border-radius:10px;visibility:hidden}@keyframes spin{0%{transform:translate(-50%,-50%) rotateX(45deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(45deg) rotate(1turn)}}@keyframes emerge{0%,to{transform:translate(-50%,-50%) rotateX(45deg) rotate(var(--current-spin-angle,0deg)) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotateX(45deg) rotate(var(--current-spin-angle,0deg)) scale(1);opacity:1}}@keyframes fadeIn{to{visibility:visible;opacity:.8}}.loading-overlay .crystal:first-child{background:linear-gradient(45deg,hsl(var(--primary)/.8),hsl(var(--primary)/.6));animation-delay:0s}.loading-overlay .crystal:nth-child(2){background:linear-gradient(45deg,hsl(var(--primary)/.7),hsl(var(--primary)/.5));animation-delay:.3s}.loading-overlay .crystal:nth-child(3){background:linear-gradient(45deg,hsl(var(--accent)/.8),hsl(var(--accent)/.6));animation-delay:.6s}.loading-overlay .crystal:nth-child(4){background:linear-gradient(45deg,hsl(var(--accent)/.7),hsl(var(--accent)/.5));animation-delay:.9s}.loading-overlay .crystal:nth-child(5){background:linear-gradient(45deg,hsl(var(--secondary-foreground)/.7),hsl(var(--secondary-foreground)/.5));animation-delay:1.2s}.loading-overlay .crystal:nth-child(6){background:linear-gradient(45deg,hsl(var(--muted-foreground)/.7),hsl(var(--muted-foreground)/.5));animation-delay:1.5s}