#boot-loader{z-index:99999;background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.boot-tiles{gap:.5rem;display:flex}.boot-tile{border:1px solid var(--border);background:var(--card);width:2.75rem;height:3.25rem;color:var(--foreground);box-shadow:0 3px 0 var(--border);animation:1.3s ease-in-out infinite bootTileHop;animation-delay:calc(var(--i,0) * .12s);place-items:center;font-family:Bricolage Grotesque,Be Vietnam Pro,system-ui,sans-serif;font-size:1.6rem;font-weight:800;line-height:1;display:grid}.boot-tile[data-accent]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:0 3px 0 color-mix(in oklab, var(--primary) 70%, black)}@keyframes bootTileHop{0%,55%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-3deg)}}.boot-loader-text{color:var(--muted-foreground);font-size:.95rem;font-weight:600}.boot-loader-dots span{opacity:0;animation:1.4s infinite bootLoaderDotBlink}.boot-loader-dots span:nth-child(2){animation-delay:.2s}.boot-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes bootLoaderDotBlink{0%,80%,to{opacity:0}40%{opacity:1}}.skeleton-box{background:linear-gradient(90deg, color-mix(in oklab, var(--muted) 60%, var(--border)) 25%, var(--muted) 50%, color-mix(in oklab, var(--muted) 60%, var(--border)) 75%);background-size:200% 100%;animation:1.6s linear infinite skeletonSweep}@keyframes skeletonSweep{0%{background-position:200% 0}to{background-position:-200% 0}}