/*
 * Critical splash CSS — branded loading screen shown before the JS bundle executes.
 *
 * Served verbatim from /public (NOT bundled). It lives here rather than as an inline
 * <style> in index.html because an inline <style> triggers a Vite build failure
 * ("[vite:html-inline-proxy] No matching HTML proxy module found") under
 * @tailwindcss/vite. A render-blocking <link> in <head> still applies before first
 * paint, so the splash appears instantly just as before.
 */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f8fafc;font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
#root:empty~#gcaddie-splash,
#gcaddie-splash{
  position:fixed;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:linear-gradient(135deg,#059669 0%,#0d9488 50%,#0891b2 100%);
  z-index:9999;transition:opacity .3s ease;
}
#gcaddie-splash.hidden{opacity:0;pointer-events:none}
.gcaddie-logo{
  width:80px;height:80px;border-radius:50%;background:#000;
  display:flex;align-items:center;justify-content:center;
  padding:12px;margin-bottom:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.35);
  border:4px solid rgba(255,255,255,.25);
}
.gcaddie-logo img{width:100%;height:100%;object-fit:contain}
.gcaddie-title{color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}
.gcaddie-sub{color:rgba(255,255,255,.8);font-size:.875rem;font-style:italic;margin:0 0 28px}
.gcaddie-spinner{
  width:40px;height:40px;border:3px solid rgba(255,255,255,.3);
  border-top-color:#fff;border-radius:50%;
  animation:gcaddie-spin .7s linear infinite;
}
@keyframes gcaddie-spin{to{transform:rotate(360deg)}}
