@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.min.css";:root,[data-theme=dark]{--accent:#2563eb;--accent-light:#3b82f6;--accent-dim:#2563eb26;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-blue-dim:#2563eb1f;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-green-light:#34d399;--accent-red:#ef4444;--accent-amber:#f59e0b;--bg-void:#060a14;--bg-primary:#0b1120;--bg-secondary:#0f1628;--bg-card:#131a2e;--bg-card-solid:#131a2e;--bg-card-elevated:#182240;--bg-input:#0d1322;--bg-surface:#131a2eb3;--border-color:#6382be1f;--border-light:#6382be2e;--border-accent:#2563eb4d;--font-primary:#e2e8f0;--font-secondary:#64748b;--font-tertiary:#3b4a6b;--font-accent:#3b82f6;--tab-active:#2563eb;--tab-inactive:#3b4a6b;--glow-blue:#2563eb14;--glow-green:#10b98114;--glow-purple:#7c3aed0f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px #2563eb14;--shadow-glow-blue:0 0 20px #2563eb1a;--card-shadow:var(--shadow-md);--card-glow:var(--shadow-glow);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--accent:#2563eb;--accent-light:#3b82f6;--accent-dim:#2563eb1a;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-blue-dim:#2563eb14;--accent-purple:#7c3aed;--accent-cyan:#0891b2;--accent-green:#059669;--accent-green-light:#10b981;--accent-red:#dc2626;--accent-amber:#d97706;--bg-void:#f1f5f9;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-solid:#fff;--bg-card-elevated:#f1f5f9;--bg-input:#f1f5f9;--bg-surface:#fffc;--border-color:#0f172a14;--border-light:#0f172a1f;--border-accent:#2563eb33;--font-primary:#0f172a;--font-secondary:#64748b;--font-tertiary:#94a3b8;--font-accent:#2563eb;--tab-active:#2563eb;--tab-inactive:#94a3b8;--glow-blue:#2563eb0f;--glow-green:#0596690f;--glow-purple:#7c3aed0a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 16px #2563eb0a;--shadow-glow-blue:0 0 16px #2563eb0f;--card-shadow:var(--shadow-md);--card-glow:var(--shadow-glow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-void);width:100%;height:100%;color:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,Plus Jakarta Sans,-apple-system,sans-serif;overflow:hidden}#root{justify-content:center;display:flex}.app-shell{background:var(--bg-primary);flex-direction:column;width:100%;max-width:430px;height:100dvh;display:flex;position:relative;overflow:hidden}.status-spacer{height:calc(var(--tg-content-safe-area-inset-top,0px) + var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px)));flex-shrink:0;min-height:8px}.page-content{-webkit-overflow-scrolling:touch;flex:1;animation:.2s ease-out fadeIn;overflow:hidden auto}.page-content::-webkit-scrollbar{display:none}input,button,select,textarea{font-family:inherit}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 0 8px var(--accent-dim), 0 2px 4px #0000004d;cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent);width:18px;height:18px;box-shadow:0 0 8px var(--accent-dim), 0 2px 4px #0000004d;cursor:pointer;border:none;border-radius:50%}.font-mono{font-family:JetBrains Mono,monospace}.tg-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#060a14e6;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.tg-dialog{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:340px;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;padding:28px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.tg-dialog h2{text-align:center;font-size:20px;font-weight:700}.tg-dialog p{color:var(--font-secondary);text-align:center;font-size:13px;line-height:1.5}.tg-dialog input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:48px;color:var(--font-primary);outline:none;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:16px;transition:border-color .2s,box-shadow .2s}.tg-dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.tg-dialog button{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;width:100%;height:48px;font-size:16px;font-weight:600;transition:all .15s}.tg-dialog button:active{transform:scale(.98)}.tg-dialog button:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes drawLine{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes fillFade{0%{opacity:0}to{opacity:1}}@keyframes numSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--vx,20px), calc(var(--vy,-40px) + 300px)) rotate(var(--vr,360deg));opacity:0}}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes swapFlip{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%,to{transform:rotate(180deg)scale(1)}}@keyframes sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.animate-list>*{animation:.3s ease-out both fadeUp}.animate-list>:first-child{animation-delay:20ms}.animate-list>:nth-child(2){animation-delay:50ms}.animate-list>:nth-child(3){animation-delay:80ms}.animate-list>:nth-child(4){animation-delay:.11s}.animate-list>:nth-child(5){animation-delay:.14s}.animate-list>:nth-child(6){animation-delay:.17s}.animate-list>:nth-child(7){animation-delay:.2s}.animate-list>:nth-child(8){animation-delay:.23s}.portfolio-hero{text-align:center;padding:20px 0 12px;position:relative}.gradient-text{background:linear-gradient(135deg, var(--accent-light), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.value-pop{animation:.4s ease-out countUp}.badge-glow{animation:.3s ease-out .15s both fadeUp}.token-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s;position:relative;overflow:hidden}.token-row:active{border-color:var(--border-light);background:var(--bg-card-elevated);transform:scale(.98)}.floating-nav{-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--border-color);background:#131a2ed9;box-shadow:0 -2px 20px #0000004d}.nav-tab{transition:all .15s}.nav-tab:active{transform:scale(.88)}.swap-card-send,.swap-card-receive{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden}.swap-card-send:before,.swap-card-receive:before{display:none}.swap-cta{transition:all .15s;position:relative;overflow:hidden}.swap-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:3s ease-in-out infinite sweep;position:absolute;top:0;left:0}.swap-cta:not(:disabled):active{transform:scale(.98)}.swap-flip-btn{box-shadow:var(--shadow-md);transition:transform .15s}.swap-flip-btn.flipping{animation:.5s cubic-bezier(.34,1.56,.64,1) swapFlip}.swap-spin{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.swap-spin:active{transform:rotate(180deg)}.conv-amount{animation:.25s ease-out numSlide}.history-btn{transition:transform .15s}.history-btn:active{transform:scale(.92)}.welcome-mesh{background:var(--bg-primary);position:relative;overflow:hidden}.welcome-mesh:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#2563eb1f 0%,#0000 60%);width:300px;height:300px;position:absolute;top:10%;left:20%}.welcome-mesh:after{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 60%);width:250px;height:250px;position:absolute;bottom:15%;right:10%}.btn-press{transition:transform .1s}.btn-press:active{transform:scale(.97)}.tab-pill{transition:background .15s,color .15s}.step-card{border:1px solid var(--border-color);transition:all .15s}.step-card:active{border-color:var(--border-light);transform:scale(.98)}.wallet-card{transition:transform .2s}.wallet-card:active{transform:scale(.98)}.status-pulse{animation:1.5s ease-in-out infinite pulse}.status-spin{animation:1.2s linear infinite spin}.pin-shake{animation:.4s ease-out pinShake}.sheet-backdrop{-webkit-backdrop-filter:blur(12px);z-index:200;background:#060a14b3;animation:.2s ease-out backdropIn;position:absolute;inset:0}.sheet-container{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:201;border-bottom:none;border-radius:20px 20px 0 0;max-height:85%;animation:.35s cubic-bezier(.32,.72,0,1) sheetSlideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 30px #0006}.sheet-container::-webkit-scrollbar{display:none}.sparkline-path{stroke-dasharray:300;animation:1s ease-out .2s both drawLine}.sparkline-fill{animation:.5s ease-out .6s both fillFade}.pin-dot-active{box-shadow:0 0 8px var(--accent-dim)}