:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}#root{width:100vw;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#0f8;color:#000;font-weight:600}.btn-primary:hover:not(:disabled){background:#00e077;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#000;font-weight:600}.btn-secondary:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.btn-outline{background:transparent;color:#fff;border:1px solid #333}.btn-outline:hover:not(:disabled){background:#333}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}@keyframes textGlow{0%{text-shadow:0 0 20px rgba(0,255,255,.8)}to{text-shadow:0 0 30px rgba(0,255,255,1),0 0 40px rgba(0,150,255,.5)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes wheelGlow{0%,to{box-shadow:0 0 100px #0096ff80,0 0 200px #00ff884d,inset 0 0 100px #00ffff1a}50%{box-shadow:0 0 120px #0096ffb3,0 0 250px #00ff8880,inset 0 0 120px #0ff3}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes centerGlow{0%{box-shadow:0 0 20px #0ff,0 0 40px #0ff;transform:translate(-50%,-50%) scale(1)}to{box-shadow:0 0 30px #0ff,0 0 60px #0ff;transform:translate(-50%,-50%) scale(1.2)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 80px #00ffffb3,inset 0 0 40px #fff6,0 0 0 2px #00ffff4d}50%{box-shadow:0 0 100px #00ffffe6,inset 0 0 50px #fff9,0 0 0 4px #00ffff80}}@keyframes buttonGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes modalGlow{0%,to{box-shadow:0 0 60px #0ff6,0 0 120px #0096ff4d,inset 0 0 60px #00ffff1a,0 0 0 1px #0ff3}50%{box-shadow:0 0 80px #0ff9,0 0 150px #0096ff80,inset 0 0 80px #0ff3,0 0 0 2px #0ff6}}@keyframes scanLine{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes dataFlow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes cornerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes regionPulse{0%{box-shadow:0 0 30px currentColor,inset 0 0 30px currentColor,0 0 60px currentColor,0 0 0 2px currentColor;transform:scale(1)}to{box-shadow:0 0 50px currentColor,inset 0 0 50px currentColor,0 0 100px currentColor,0 0 0 4px currentColor;transform:scale(1.05)}}@keyframes lightScan{0%{transform:translate(-50%,-50%) rotate(0);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg);opacity:0}}@keyframes indicatorPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes particleFloat{0%{transform:translate(-50%,-50%) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) translate(50px,-50px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(100px,-100px) scale(0)}}@keyframes energyRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes lightning{0%{opacity:.1;transform:translate(-50%,-50%) scale(.8)}to{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}@keyframes connectionPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes iconPulse{0%{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 20px currentColor,0 0 40px currentColor}to{transform:translate(-50%,-50%) scale(1.2);text-shadow:0 0 30px currentColor,0 0 60px currentColor}}@keyframes borderPulse{0%{border-color:#fff9;transform:scale(1)}to{border-color:#ffffffe6;transform:scale(1.05)}}@keyframes cornerGlow{0%{box-shadow:0 0 15px currentColor;transform:scale(1)}to{box-shadow:0 0 25px currentColor,0 0 35px currentColor;transform:scale(1.1)}}@keyframes energyFlow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes planetOrbit1{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes planetOrbit2{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes planetOrbit3{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes planetOrbit4{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes planetGlow{0%{box-shadow:0 0 20px currentColor,0 0 40px currentColor,inset 0 0 10px #ffffff4d}to{box-shadow:0 0 30px currentColor,0 0 60px currentColor,inset 0 0 15px #ffffff80}}@keyframes atmosphereGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes redSpotPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes cloudMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes oceanWave{0%{transform:scale(1);opacity:.4}to{transform:scale(1.05);opacity:.6}}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}@keyframes planetRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blackHoleAccretion{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blackHolePulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:inset 0 0 20px #ffffff1a}to{transform:translate(-50%,-50%) scale(1.1);box-shadow:inset 0 0 30px #fff3}}@keyframes blackHoleLens{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}@keyframes starAttraction{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-50px,-50px) scale(.8);opacity:.8}to{transform:translate(-100px,-100px) scale(.3);opacity:0}}@keyframes energyRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes blackHoleBorderGlow{0%{box-shadow:0 0 60px #ffffff80,0 0 30px #ffffff4d}50%{box-shadow:0 0 80px #ffffffb3,0 0 40px #ffffff80}to{box-shadow:0 0 60px #ffffff80,0 0 30px #ffffff4d}}@keyframes scrollIndicator{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.2)}}.wallet-modal-scroll::-webkit-scrollbar{width:6px}.wallet-modal-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.wallet-modal-scroll::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.wallet-modal-scroll::-webkit-scrollbar-thumb:hover{background:#00ffff80}@keyframes walletGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-10px) rotate(180deg);opacity:1}}@keyframes headerShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes buttonGlow{0%,to{background-position:0% 50%;box-shadow:0 6px 20px #0f86,0 0 20px #0f83}50%{background-position:100% 50%;box-shadow:0 8px 25px #0f89,0 0 30px #0f86}}@keyframes buttonShine{0%{left:-100%}to{left:100%}}@keyframes borderGlow{0%,to{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:1}}@keyframes particleFloat{0%,to{background-position:0% 0%;transform:translateY(0)}25%{background-position:25% 25%;transform:translateY(-5px)}50%{background-position:50% 50%;transform:translateY(-10px)}75%{background-position:75% 75%;transform:translateY(-5px)}}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes walletGlow{0%,to{background-position:0% 50%;opacity:.3}50%{background-position:100% 50%;opacity:.6}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(45deg,#0f8,#0ff);border:none;color:#000;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #00ff884d}.btn-primary:hover{background:linear-gradient(45deg,#0ff,#0f8);box-shadow:0 6px 20px #00ff8880;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#ff6b6b,#ff5252);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.btn-secondary:hover{background:linear-gradient(45deg,#ff5252,#ff6b6b);box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 1200px){.App{flex-direction:column}.left-panel,.right-panel{width:100%;max-width:500px}.center-panel{order:-1;margin-bottom:20px}}@media (max-width: 768px){.App{flex-direction:column}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.btn-outline{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.btn-primary,.btn-secondary{padding:8px 16px;font-size:12px}.btn-outline{padding:4px 8px;font-size:11px}}@keyframes borderScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}