.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}
.connection-loader{z-index:1000;background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.dark .connection-loader{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.light .connection-loader{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.loader-container{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex;position:relative}.loader-logo h1{font-family:var(--font-outfit),sans-serif;color:var(--color-text);background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:900}.loader-messages{flex-direction:column;gap:.75rem;display:flex}.loader-status-title{color:var(--color-primary);margin:0;font-size:1.5rem;font-weight:700}.loader-status-message{color:var(--color-text-muted);margin:0;font-size:1.125rem;font-weight:500}