@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-dark:#09090c;--bg-panel:#13131a;--bg-card:#1a1b23;--bg-card-hover:#22242f;--brand-primary:#ff007a;--brand-primary-dim:#ff007a26;--brand-secondary:#2172e5;--text-main:#fff;--text-dim:#98a1c0;--text-muted:#5d6785;--border-light:#ffffff12;--border-focus:#ff007a66;--success:#27ae60;--danger:#ff4757;--radius-inner:12px;--radius-outer:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,h4{font-weight:600}.mono{font-family:Roboto Mono,monospace}.bg-grid{background-image:linear-gradient(var(--border-light)1px,transparent 1px),linear-gradient(90deg,var(--border-light)1px,transparent 1px);z-index:-2;opacity:.3;background-size:40px 40px;position:fixed;inset:0}.bg-glow{filter:blur(140px);z-index:-1;opacity:.15;border-radius:50%;width:500px;height:500px;position:fixed}.bg-glow-1{background:var(--brand-primary);top:-100px;right:-100px}.bg-glow-2{background:var(--brand-secondary);bottom:-100px;left:-100px}.app-container{flex-direction:column;min-height:100vh;display:flex}header{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}main{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.swap-container{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-outer);width:100%;max-width:480px;padding:8px;box-shadow:0 8px 32px #0006}.swap-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.swap-nav{gap:16px;display:flex}.swap-nav button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:500;transition:all .2s}.swap-nav button.active{color:var(--text-main)}.token-input-container{background:var(--bg-card);border-radius:var(--radius-inner);border:1px solid #0000;padding:16px;transition:all .2s}.token-input-container:focus-within{border-color:var(--border-focus)}.input-row{justify-content:space-between;align-items:center;display:flex}.token-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:36px}.token-input::placeholder{color:var(--text-muted)}.token-selector{cursor:pointer;color:#fff;white-space:nowrap;background:#2a2b38;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:18px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000004d}.token-selector:hover{border-color:var(--brand-primary);background:#3a3b4a;box-shadow:0 2px 12px #ff007a33}.token-logo{background:var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.balance-row{color:var(--text-dim);justify-content:flex-end;margin-top:8px;font-size:13px;display:flex}.switch-wrapper{z-index:2;justify-content:center;align-items:center;height:4px;display:flex;position:relative}.switch-btn{background:var(--bg-panel);border:4px solid var(--bg-panel);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.switch-btn:hover{background:var(--bg-card-hover)}.btn-primary{background:var(--brand-primary);color:#fff;border-radius:var(--radius-inner);cursor:pointer;border:none;width:100%;margin-top:8px;padding:16px;font-size:20px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#ff1a8c}.btn-primary:disabled{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed}.btn-connect{background:var(--brand-primary-dim);color:var(--brand-primary);border:1px solid var(--brand-primary);cursor:pointer;border-radius:16px;padding:10px 16px;font-weight:600;transition:all .2s}.btn-connect:hover{background:var(--brand-primary);color:#fff}.tx-details{padding:16px;font-size:14px}.tx-row{color:var(--text-dim);justify-content:space-between;margin-bottom:8px;display:flex}.tx-row span:last-child{color:var(--text-main)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none}@media (max-width:768px){header{z-index:100;background:var(--bg-dark);border-bottom:1px solid var(--border-light);padding:12px 16px;position:sticky;top:0}header>nav{display:none!important}header .network-label{display:none}main{justify-content:center;align-items:flex-start;padding:12px 12px 90px}.swap-container{border-radius:16px;max-width:100%!important}.token-input{font-size:28px}.btn-primary{padding:14px;font-size:17px}.mobile-bottom-nav{z-index:200;background:var(--bg-panel);border-top:1px solid var(--border-light);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:60px;padding:10px 2px;transition:all .15s;display:flex}.mobile-bottom-nav button.active{color:var(--brand-primary)}.mobile-bottom-nav .nav-icon{font-size:20px;line-height:1}.mobile-bottom-nav .nav-label{letter-spacing:.3px;font-size:10px;font-weight:600}.wallet-modal-inner{border-radius:20px!important;width:calc(100vw - 32px)!important}.mobile-hide,.mobile-footer{display:none!important}.network-select-text{display:none}}@media (max-width:380px){.mobile-bottom-nav .nav-label{display:none}.mobile-bottom-nav button{min-height:52px}.mobile-bottom-nav .nav-icon{font-size:22px}}