@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Exo+2:wght@300;400;500;600;700&display=swap";:root{--color-primary: #00d4ff;--color-secondary: #ff00ff;--color-accent: #ffd700;--color-dark: #0a0a1a;--color-darker: #050510;--color-light: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(20px);--font-display: "Orbitron", sans-serif;--font-body: "Exo 2", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background:var(--color-darker);font-family:var(--font-body);color:var(--color-light);overflow-x:hidden}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:#fff3;box-shadow:0 8px 32px #00d4ff33}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.header>*{pointer-events:auto}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;text-shadow:0 0 30px rgba(0,212,255,.5)}.nav-menu{display:flex;gap:10px;padding:10px}.nav-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:12px 24px;color:var(--color-light);font-family:var(--font-display);font-size:.85rem;letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.nav-button:hover:before{left:100%}.nav-button:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);box-shadow:0 0 20px #00d4ff4d,inset 0 0 20px #00d4ff1a;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.planet-info{position:fixed;bottom:40px;left:40px;max-width:400px;padding:30px;z-index:100;transform:translateY(20px);opacity:0;animation:slideUp .6s ease forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.planet-info h2{font-family:var(--font-display);font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.planet-info p{font-size:1rem;line-height:1.6;opacity:.8;margin-bottom:20px}.planet-info .enter-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:30px;padding:15px 40px;color:var(--color-light);font-family:var(--font-display);font-size:1rem;letter-spacing:3px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.planet-info .enter-button:hover{transform:scale(1.05);box-shadow:0 0 40px #00d4ff80}.gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;flex-direction:column;padding:100px 40px 40px;background:radial-gradient(ellipse at center,#0a0a1ae6,#050510fa);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.gallery-title{font-family:var(--font-display);font-size:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50px;padding:15px 30px;color:var(--color-light);font-family:var(--font-display);font-size:.9rem;letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:10px}.back-button:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);transform:translate(-5px)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;overflow-y:auto;padding:10px;flex:1}.image-grid::-webkit-scrollbar{width:8px}.image-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.image-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:4px}.image-card{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;cursor:pointer;transition:all var(--transition-normal);background:var(--glass-bg);border:1px solid var(--glass-border)}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00d4ff4d;border-color:var(--color-primary)}.image-card:hover img{transform:scale(1.1)}.image-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000e6);transform:translateY(100%);transition:transform var(--transition-normal)}.image-card:hover .image-card-overlay{transform:translateY(0)}.image-card-title{font-family:var(--font-display);font-size:1rem;letter-spacing:1px}.upload-button{position:fixed;bottom:40px;right:40px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-light);transition:all var(--transition-fast);box-shadow:0 10px 30px #00d4ff66;z-index:250}.upload-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 15px 40px #00d4ff99}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000f2;animation:fadeIn .3s ease;padding:40px}.image-modal-content{position:relative;max-width:90%;max-height:90%;border-radius:20px;overflow:hidden;box-shadow:0 0 60px #00d4ff4d}.image-modal-content img{width:100%;height:100%;object-fit:contain}.close-modal{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-light);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#ff00004d;transform:rotate(90deg)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-darker)}.loading-spinner{width:100px;height:100px;border:3px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:30px;font-family:var(--font-display);font-size:1.2rem;letter-spacing:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.tooltip{position:absolute;padding:10px 20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:10px;font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;pointer-events:none;white-space:nowrap;z-index:500;animation:tooltipFade .3s ease}@keyframes tooltipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;opacity:.6}.empty-state-icon{font-size:4rem;margin-bottom:20px}.empty-state-text{font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px}.upload-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000e6;animation:fadeIn .3s ease}.upload-modal-content{width:90%;max-width:500px;padding:40px;text-align:center}.upload-dropzone{border:2px dashed var(--glass-border);border-radius:20px;padding:60px 40px;cursor:pointer;transition:all var(--transition-normal);margin-bottom:30px}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--color-primary);background:#00d4ff1a}.upload-dropzone-icon{font-size:3rem;margin-bottom:20px;color:var(--color-primary)}.upload-dropzone-text{font-family:var(--font-display);font-size:1rem;letter-spacing:2px}.transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:150;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,var(--color-darker) 100%);opacity:0;transition:opacity 1s ease}.transition-overlay.active{opacity:1}.cursor-glow{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);pointer-events:none;z-index:9999;mix-blend-mode:screen;transform:translate(-50%,-50%)}@media (max-width: 768px){.header{padding:15px 20px}.logo{font-size:1.2rem;letter-spacing:2px}.nav-menu{gap:5px;padding:5px}.nav-button{padding:8px 16px;font-size:.75rem;letter-spacing:1px}.planet-info{bottom:20px;left:20px;right:20px;max-width:none;padding:20px}.planet-info h2{font-size:1.5rem}.planet-info p{font-size:.9rem}.planet-info .enter-button{padding:12px 30px;font-size:.9rem;width:100%}.gallery-overlay{padding:80px 20px 20px}.gallery-title{font-size:1.8rem}.back-button{padding:10px 20px;font-size:.8rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.glass-panel{border-radius:15px;padding:1.5rem!important}}@media (max-width: 480px){.logo{font-size:1rem}.nav-button{padding:6px 12px;font-size:.7rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media (max-width: 640px){[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (hover: none) and (pointer: coarse){button,a,.nav-button,.back-button{min-height:44px;min-width:44px}*{touch-action:manipulation}button:active,a:active{opacity:.7;transform:scale(.98)}}@media (min-width: 641px) and (max-width: 1024px){.glass-panel{padding:2rem!important}.nav-button{padding:10px 18px;font-size:.8rem}}@media (max-height: 500px) and (orientation: landscape){.header{padding:10px 20px}.logo{font-size:.9rem}.nav-button{padding:6px 12px;font-size:.7rem}}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scanline-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:9000;opacity:.3}.crt-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.99}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#050510}::-webkit-scrollbar-thumb{background:#333;border-radius:5px;border:2px solid #050510}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.75rem;border-radius:6px}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem;border-radius:8px}.skeleton-image{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:1rem}.skeleton-card{padding:1.5rem;border-radius:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.glow-border{position:relative;overflow:hidden}.glow-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from 0deg,transparent 0%,var(--color-primary) 10%,transparent 20%,transparent 80%,var(--color-secondary) 90%,transparent 100%);border-radius:inherit;z-index:-1;animation:rotateBorder 4s linear infinite;opacity:0;transition:opacity .4s ease}.glow-border:hover:before{opacity:1}@keyframes rotateBorder{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-100vh) translate(20px)}}.particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 6px var(--color-primary),0 0 12px #00d4ff4d}.loading-spinner-enhanced{width:80px;height:80px;position:relative}.loading-spinner-enhanced:before,.loading-spinner-enhanced:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.loading-spinner-enhanced:before{border-top-color:var(--color-primary);border-right-color:var(--color-primary);animation:spin 1s linear infinite}.loading-spinner-enhanced:after{border-bottom-color:var(--color-secondary);border-left-color:var(--color-accent);animation:spin 1.5s linear infinite reverse}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#000;font-size:1.4rem;font-weight:700;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00d4ff66;transition:all .3s ease}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 30px #00d4ff99}::selection{background:#00d4ff4d;color:#fff}::-moz-selection{background:#00d4ff4d;color:#fff}img{opacity:1;transition:opacity .3s ease}img[loading=lazy]{opacity:0}img[loading=lazy].loaded{opacity:1}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.footer-bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}@media (max-width: 640px){.footer-bottom{flex-direction:column;text-align:center}}