.threejs-resource-loader{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease}.threejs-resource-loader.fade-out{opacity:0}.loader-background{position:absolute;inset:0;overflow:hidden}.floating-particle{width:4px;height:4px;background:#fff;opacity:.6;animation:float 3.5s ease-in-out infinite}.floating-particle,.gradient-orb{position:absolute;border-radius:50%}.gradient-orb{filter:blur(20px);animation:pulse 2s ease-in-out infinite}.gradient-orb.top-orb{top:5rem;left:5rem;width:8rem;height:8rem;background:rgba(59,130,246,.2)}.gradient-orb.bottom-orb{bottom:5rem;right:5rem;width:6rem;height:6rem;background:rgba(139,92,246,.2)}.loader-content{position:relative;z-index:10;text-align:center;max-width:28rem;margin:0 1rem}.loader-animation{margin-bottom:2rem}.spinner-container{width:5rem;height:5rem;margin:0 auto;position:relative}.spinner-ring{position:absolute;inset:0;border-radius:50%;border:2px solid;border-top:2px solid #3b82f6;animation:spin 3s linear infinite}.spinner-ring.middle-ring{inset:.5rem;border-right-color:#8b5cf6;animation:spin 2s linear infinite reverse}.spinner-core{position:absolute;inset:1.5rem;border-radius:50%;animation:pulse 2s ease-in-out infinite}.loader-title,.spinner-core{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.loader-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;-webkit-background-clip:text;background-clip:text;color:transparent}.loader-message{color:#d1d5db;min-height:1.5rem;transition:all .5s ease}.loader-message,.progress-container{margin-bottom:1.5rem}.progress-bar{width:100%;height:.5rem;background:#374151;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease-out;position:relative}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s ease-in-out infinite}.progress-info{display:flex;justify-content:between;margin-top:.5rem;font-size:.875rem;color:#9ca3af}.progress-info span:first-child{margin-right:auto}.resource-status{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);border-radius:.5rem;padding:1rem;border:1px solid hsla(0,0%,100%,.1)}.resource-header{display:flex;align-items:center;justify-content:between;margin-bottom:.75rem}.resource-count{font-size:.875rem;color:#d1d5db}.resource-dots{display:flex;gap:.25rem}.resource-dot{width:.5rem;height:.5rem;border-radius:50%;transition:background-color .3s ease}.resource-dot.loaded{background:#10b981}.resource-dot.loading{background:#6b7280}.resource-dot.error{background:#ef4444}.resource-more{font-size:.75rem;color:#9ca3af;margin-left:.5rem}.performance-indicator{margin-top:1rem;font-size:.75rem;color:#9ca3af}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.floating-particle,.gradient-orb,.progress-shimmer,.spinner-core,.spinner-ring{animation:none}.threejs-resource-loader{transition:opacity .3s ease}}:root{transition:all .3s ease;--color-space5-bg-rgb:180,180,240;--color-space1-bg-rgb:220,220,220;--color-space2-bg-rgb:210,230,210;--color-space3-bg-rgb:240,230,210;--color-space4-bg-rgb:240,210,220;--color-space-bg-rgb:220,210,240;--color-space6-bg-rgb:210,230,230;--color-space-bg:rgb(var(--color-space-bg-rgb));--color-space1-bg:rgb(var(--color-space1-bg-rgb));--color-space2-bg:rgb(var(--color-space2-bg-rgb));--color-space3-bg:rgb(var(--color-space3-bg-rgb));--color-space4-bg:rgb(var(--color-space4-bg-rgb));--color-space5-bg:rgb(var(--color-space5-bg-rgb));--color-space6-bg:rgb(var(--color-space6-bg-rgb));--color-primary-400-rgb:100,116,139;--color-primary-400:rgb(var(--color-primary-400-rgb));--color-secondary-400-rgb:45,212,191;--color-secondary-400:rgb(var(--color-secondary-400-rgb));--star-color-rgb:60,60,80;--star-color:rgb(var(--star-color-rgb));--star-twinkle-1-rgb:var(--color-primary-400-rgb);--star-twinkle-2-rgb:var(--color-secondary-400-rgb);--color-accent-400-rgb:100,170,210;--color-accent-400:rgb(var(--color-accent-400-rgb));--hover-gradient-color-1-rgb:55,85,195;--hover-gradient-color-2-rgb:120,90,190;--hover-gradient-color-3-rgb:100,170,220;--directional-light-1-rgb:240,240,245;--directional-light-2-rgb:var(--color-secondary-400-rgb);--ambient-light-rgb:var(--color-accent-400-rgb);--logo-directional-light-rgb:var(--color-primary-400-rgb);--logo-point-light-rgb:var(--color-secondary-400-rgb)}[data-theme=dark]{--color-space-bg-rgb:20,20,40;--color-space1-bg-rgb:30,25,50;--color-space2-bg-rgb:40,30,60;--color-space3-bg-rgb:25,35,55;--color-space4-bg-rgb:35,20,45;--color-space5-bg-rgb:15,30,50;--color-space6-bg-rgb:30,40,60;--color-space-bg:rgb(var(--color-space-bg-rgb));--color-space1-bg:rgb(var(--color-space1-bg-rgb));--color-space2-bg:rgb(var(--color-space2-bg-rgb));--color-space3-bg:rgb(var(--color-space3-bg-rgb));--color-space4-bg:rgb(var(--color-space4-bg-rgb));--color-space5-bg:rgb(var(--color-space5-bg-rgb));--color-space6-bg:rgb(var(--color-space6-bg-rgb));--color-primary-400-rgb:59,130,246;--color-secondary-400-rgb:16,185,129;--star-color-rgb:220,220,240;--star-color:rgb(var(--star-color-rgb));--star-twinkle-1-rgb:var(--color-primary-600-rgb);--star-twinkle-2-rgb:var(--color-secondary-600-rgb);--color-accent-400-rgb:120,200,240;--hover-gradient-color-1-rgb:85,60,160;--hover-gradient-color-2-rgb:160,70,210;--hover-gradient-color-3-rgb:100,180,230;--directional-light-1-rgb:220,220,230;--directional-light-2-rgb:var(--color-secondary-400-rgb);--ambient-light-rgb:var(--color-accent-400-rgb);--logo-directional-light-rgb:var(--color-primary-400-rgb);--logo-point-light-rgb:var(--color-secondary-400-rgb)}.world{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.canvasContainer{width:100%;height:100%;position:relative}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary-400);font-size:1.2rem;font-weight:600}.hover-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background:radial-gradient(circle at center,rgba(var(--color-space-bg-rgb),.8) 0,rgba(var(--color-space-bg-rgb),.9) 50%,rgba(var(--color-space-bg-rgb),1) 100%)}.wrapper{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-page{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba(100, 149, 237, 0.8)" stroke="white" stroke-width="2"/><circle cx="12" cy="12" r="4" fill="white"/></svg>') 12 12,auto}.name{position:relative;z-index:2;width:100%;max-width:500px;height:300px;margin:2rem}.touch-indicator{position:fixed;width:60px;height:60px;border:none;border-radius:50%;pointer-events:none;z-index:9998;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.25,.46,.45,.94);background:radial-gradient(circle,rgba(var(--color-primary-400-rgb),.5) 0,rgba(var(--color-secondary-400-rgb),.3) 30%,transparent 100%);box-shadow:0 0 10px rgba(var(--star-color-rgb),.8)}.touch-indicator.active{opacity:.9;transform:scale(1)}.touch-indicator.ripple{opacity:0;transform:scale(2.5);box-shadow:0 0 20px rgba(var(--star-color-rgb),.5)}@media (max-width:768px){.wrapper{cursor:auto}.name{margin:1rem;height:250px}}@media (max-width:480px){.name{height:200px}}@media (prefers-reduced-motion:reduce){.login-link:hover,.touch-indicator,.touch-indicator.active,.touch-indicator.ripple{transform:none;transition:none}}.landing-page a:hover,.landing-page button:hover{color:var(--star-color);transform:translateY(-2px);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="rgba(135, 206, 250, 0.8)" stroke="white" stroke-width="2"/><circle cx="12" cy="12" r="6" fill="white"/></svg>') 12 12,auto}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.bg-gradient-conic{background:conic-gradient(var(--tw-gradient-stops))}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.3)}50%{box-shadow:0 0 40px rgba(59,130,246,.6)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-spin-reverse{animation:spin-reverse 15s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.space-bg{background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a)}.cosmic-glow{filter:drop-shadow(0 0 20px rgba(59,130,246,.5)) drop-shadow(0 0 40px rgba(16,185,129,.3))}.text-cosmic{background:linear-gradient(135deg,var(--color-info-400) 0,var(--color-primary-500) 25%,var(--color-secondary-400) 50%,var(--color-info-300) 75%,var(--color-secondary-300) 100%);background-size:200% 200%;animation:cosmic-shift 8s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes cosmic-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-cosmic{position:relative;background:linear-gradient(135deg,var(--color-info-500) 0,var(--color-secondary-500) 100%);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px);transition:all .3s ease}.btn-cosmic:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-info-400) 0,var(--color-secondary-400) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:opacity .3s ease}.btn-cosmic:hover:before{opacity:1}.btn-cosmic:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px rgba(59,130,246,.3)}.three-container{filter:drop-shadow(0 0 60px rgba(59,130,246,.4))}.loading-cosmic{background:linear-gradient(45deg,var(--color-info-400) 0,var(--color-secondary-400) 50%,var(--color-info-400) 100%);background-size:200% 200%;animation:cosmic-shift 2s ease-in-out infinite}@media (max-width:768px){.animate-spin-slow{animation-duration:30s}.animate-spin-reverse{animation-duration:25s}.text-cosmic{background-size:150% 150%;animation-duration:6s}}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particle-float 3s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.2);opacity:1}}