.loading-effect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:2rem;padding:2rem;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0,transparent 50%)}.loading-dots{display:flex;gap:12px;height:40px;align-items:center}.dot-square{width:24px;height:24px;background-color:var(--nonhuman-blue);border-radius:8px;opacity:0;animation:dotAppear 2s infinite}.metallic-dot{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.6) 25%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.6) 75%,rgba(255,255,255,.9));border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;border-radius:12px}.metallic-dot:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 50%,transparent);animation:dotShine 3s infinite}@keyframes dotShine{0%,to{left:-100%}50%{left:100%}}.dot-square:first-child{animation-delay:0s}.dot-square:nth-child(2){animation-delay:.6s}.dot-square:nth-child(3){animation-delay:1.2s}.loading-text{font-size:1rem;color:white;letter-spacing:.02em;text-rendering:geometricPrecision}.metallic-text{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,.7) 75%,rgba(255,255,255,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;text-shadow:0 0 20px rgba(255,255,255,.3);filter:drop-shadow(0 2px 4px rgba(255,255,255,.1));padding:.75rem 1.5rem;border-radius:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.metallic-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:textShine 4s infinite;z-index:1}@keyframes textShine{0%,to{left:-100%}50%{left:100%}}@keyframes dotAppear{0%,to{opacity:0;transform:scale(.8)}20%,80%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}