@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh;color:#e2e8f0;overflow-x:hidden}body:before{content:"";position:fixed;top:50%;left:50%;width:max(100vw,100vh);height:max(100vw,100vh);background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 417"><path fill="%23627EEA" d="m127.961 0-2.795 9.5v275.668l2.795 2.79 127.962-75.638z"/><path fill="%23C1CCF7" d="m127.962 0L0 212.32l127.962 75.639V154.158z"/><path fill="%23627EEA" d="m127.961 312.187-1.575 1.92v98.199l1.575 4.6L256 236.587z"/><path fill="%23C1CCF7" d="m127.962 416.905v-104.72L0 236.585z"/><path fill="%23627EEA" d="m127.961 287.958 127.96-75.637-127.96-58.162z"/><path fill="%23C1CCF7" d="m0 212.32l127.96 75.638v-133.8z"/></svg>') 50%/contain no-repeat;transform:translate(-50%,-50%);opacity:.05;pointer-events:none;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) rotate(0deg)}33%{transform:translate(-50%,-50%) rotate(120deg)}66%{transform:translate(-50%,-50%) rotate(240deg)}}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{margin-bottom:3rem}.header-content{text-align:center}.header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.header p{font-size:1.25rem;color:#94a3b8;font-weight:400;max-width:600px;line-height:1.6;margin:0 auto;text-align:center}.wallet-connect{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.connect-wallet-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.wallet-connected{width:100%}.wallet-info-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.wallet-info-card:hover{background:rgba(255,255,255,.08);border-color:rgba(102,126,234,.3)}.wallet-avatar{flex:0 0 auto;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.avatar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.wallet-details{flex:1;min-width:0}.wallet-address-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.wallet-address{font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.5px}.copy-address-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;font-size:.8rem}.copy-address-btn:hover{background:rgba(102,126,234,.2);color:#667eea;transform:scale(1.1)}.wallet-balance{display:flex;align-items:baseline;gap:.25rem}.balance-amount{color:#10b981;font-size:.9rem;font-weight:700}.balance-currency{color:#10b981;font-size:.8rem;font-weight:500;opacity:.8}.disconnect-btn{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.disconnect-btn:hover{transform:scale(1.05)}.connect-wallet-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(102,126,234,.4)}.connect-wallet-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.wallet-connected{display:flex;align-items:center;gap:1rem}.wallet-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.wallet-address{font-weight:600;color:#e2e8f0;font-size:1rem}.wallet-balance{color:#94a3b8;font-size:.85rem}.disconnect-btn{padding:.6rem 1.2rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.disconnect-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.wallet-error{color:#ef4444;font-size:.85rem;text-align:right}.main-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.25);overflow:hidden;position:relative}.main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent)}.input-section{padding:2.5rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-bottom:1px solid rgba(255,255,255,.1);position:relative}.form-group{margin-bottom:2rem}.form-group label{display:block;font-weight:600;font-size:.95rem;color:#e2e8f0;margin-bottom:.75rem;letter-spacing:.025em}.form-group input,.form-group select{width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#e2e8f0;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.2);transform:translateY(-1px)}.form-group input::-moz-placeholder{color:#64748b}.form-group input::placeholder{color:#64748b}.time-input-group{display:flex;gap:1rem}.time-input{flex:2}.time-unit-select{flex:1;min-width:120px}.gas-limit-presets,.time-presets{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.gas-preset-btn,.time-preset-btn{padding:.6rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;position:relative;overflow:hidden}.gas-preset-btn:before,.time-preset-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));opacity:0;transition:opacity .3s ease}.gas-preset-btn:hover,.time-preset-btn:hover{border-color:rgba(102,126,234,.5);color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.2)}.gas-preset-btn:hover:before,.time-preset-btn:hover:before{opacity:1}.gas-preset-btn.active,.time-preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,.3);transform:translateY(-2px)}.gas-preset-btn.active:before,.time-preset-btn.active:before{opacity:0}.submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:1rem}.submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(102,126,234,.4)}.submit-btn:hover:before{transform:translateX(100%)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading{display:none;text-align:center;padding:3rem 2rem}.loading.show{display:block;animation:slideDown .4s ease-out}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading p{color:#94a3b8;font-size:1rem;font-weight:500}.results-section{padding:2.5rem;display:none}.results-section.show{display:block;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.send-transaction-section{margin:2.5rem 0;padding:2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;justify-content:center}.send-transaction-section h3{color:#e2e8f0;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.send-transaction-btn{position:relative;padding:1.5rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:2px solid transparent;border-radius:16px;color:white;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(102,126,234,.3),0 0 0 0 rgba(102,126,234,.5);overflow:hidden;text-transform:uppercase;letter-spacing:.5px;animation:readyGlow 3s ease-in-out infinite}.send-transaction-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.send-transaction-btn:hover:before{left:100%}.send-transaction-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(102,126,234,.5);background:linear-gradient(135deg,#5a67d8,#667eea 50%,#e879f9)}.send-transaction-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 5px 15px rgba(102,126,234,.4)}.send-transaction-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 15px rgba(102,126,234,.2);background:linear-gradient(135deg,#4a5568,#2d3748 50%,#1a202c);animation:none}.send-transaction-btn:disabled:before{display:none}.send-btn-content{display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:1}.send-btn-icon{animation:pulse 2s infinite}.send-btn-icon,.send-btn-spinner{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.send-btn-spinner{animation:spin 1s linear infinite}.send-btn-text{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes readyGlow{0%,to{box-shadow:0 8px 25px rgba(102,126,234,.3),0 0 0 0 rgba(102,126,234,.5)}50%{box-shadow:0 8px 25px rgba(102,126,234,.4),0 0 0 8px rgba(102,126,234,0)}}@media (max-width:768px){.send-transaction-btn{padding:1.25rem 2rem;font-size:1.1rem;border-radius:14px}.send-btn-icon{font-size:1.3rem}.send-transaction-section{padding:1.5rem;margin:2rem 0}.gas-price-selection{padding:1rem;margin-bottom:1.5rem}.gas-options-grid{grid-template-columns:1fr;gap:.75rem}.gas-option{padding:1.25rem 1rem}.gas-price{font-size:1.2rem}.gas-price-selection h4{font-size:1rem;margin-bottom:1rem}}@media (max-width:480px){.gas-options-grid{gap:.5rem}.gas-option{padding:1rem .75rem}.gas-price{font-size:1.1rem}.gas-speed{font-size:.8rem}.success-rate{font-size:.7rem;padding:.25rem .5rem}.modal-content{max-width:95vw;margin:.5rem;border-radius:20px}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h3{font-size:1.3rem;margin-left:2rem}.transaction-form{padding:1.5rem}.wallet-section{padding:1.25rem;margin-bottom:2rem}.form-field input:not(.combined-amount-input),.form-field textarea{padding:1rem 1.25rem;font-size:.95rem}.combined-input-wrapper{border-radius:14px}.tx-details{padding:1.25rem}.detail-row{padding:.75rem 0;font-size:.9rem}.send-btn{padding:1.25rem 1.5rem;font-size:1.1rem}}@media (max-width:360px){.modal-content{max-width:98vw;margin:.25rem}.modal-header{padding:1rem}.modal-header h3{font-size:1.2rem;margin-left:1.5rem}.transaction-form{padding:1rem}.send-btn{font-size:1rem;letter-spacing:.25px}}.send-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.send-option-btn{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;text-align:left}.send-option-btn:hover{transform:translateY(-4px);border-color:rgba(102,126,234,.5);background:rgba(102,126,234,.1);box-shadow:0 20px 40px rgba(102,126,234,.2)}.send-option-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.send-option-btn.recommended{border-color:rgba(102,126,234,.4);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.send-option-btn.recommended:hover{border-color:rgba(102,126,234,.8);background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));box-shadow:0 25px 50px rgba(102,126,234,.4)}.send-option-header{display:flex;align-items:center;gap:.75rem}.send-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.send-label{color:#e2e8f0;font-size:1.1rem;font-weight:700}.send-option-details{display:flex;justify-content:space-between;align-items:baseline}.send-price{color:#667eea;font-size:1rem;font-weight:600;font-family:Courier New,monospace}.send-cost{color:#10b981;font-size:.9rem;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alternatives-section{margin-bottom:2.5rem}.alternatives-section h3{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem;text-align:center}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.alternative-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.alternative-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s ease}.alternative-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(102,126,234,.2);border-color:rgba(102,126,234,.3)}.alternative-card:hover:before{transform:scaleY(1)}.alternative-card.slow:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.alternative-card.recommended{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.3)}.alternative-card.recommended:before{transform:scaleY(1)}.alternative-card.fast:before{background:linear-gradient(180deg,#06b6d4,#0891b2)}.alt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alt-speed{font-size:1.1rem;font-weight:600;color:#e2e8f0}.alt-gas-price{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alt-details{color:#94a3b8;font-size:.95rem;font-weight:500;display:flex;flex-direction:column;gap:.75rem}.send-tx-btn{padding:.6rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#cbd5e1;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.send-tx-btn:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);color:#e2e8f0}.send-tx-btn.primary{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.4);color:#e2e8f0}.send-tx-btn.primary:hover{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:rgba(102,126,234,.6);transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.2)}.send-tx-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comparison-section{margin-bottom:2.5rem;background:rgba(16,185,129,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:2rem}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.comparison-header h3{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin:0}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);color:white;padding:.5rem 1.25rem;border-radius:25px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px rgba(16,185,129,.3)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.price-item{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.price-item:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.price-item.recommended{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);box-shadow:0 8px 25px rgba(102,126,234,.2)}.wallet-name{font-weight:600;font-size:.9rem;color:#e2e8f0;margin-bottom:.5rem}.wallet-price{font-weight:700;font-size:1.1rem;color:#e2e8f0;margin-bottom:.25rem}.wallet-cost{color:#94a3b8;font-size:.85rem;margin-bottom:.5rem}.savings-text{color:#10b981;font-size:.8rem;font-weight:600}.savings-text.best{color:#8b5cf6}.chart-section{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.chart-section+.chart-section{margin-top:2rem}.chart-container{height:400px;position:relative}@media (max-width:768px){.container{padding:1rem}.input-section,.results-section{padding:1.5rem}.header h1{font-size:2.5rem}.header p{font-size:1.1rem}.alternatives-grid{grid-template-columns:1fr;gap:1rem}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.comparison-header{text-align:center}.comparison-header,.time-input-group{flex-direction:column}.gas-limit-presets,.time-presets{gap:.5rem}.gas-preset-btn,.time-preset-btn{font-size:.8rem;padding:.5rem .75rem}}@media (max-width:480px){.comparison-grid{grid-template-columns:1fr}.price-item{padding:1rem}.alternative-card{padding:1.5rem}.gas-preset-btn,.time-preset-btn{font-size:.75rem;padding:.4rem .6rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(15,15,35,.98));display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-content{background:linear-gradient(135deg,rgba(15,15,35,.95),rgba(26,26,46,.98));border-radius:24px;border:1px solid rgba(102,126,234,.2);box-shadow:0 32px 80px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);width:100%;max-width:580px;max-height:95vh;overflow:hidden;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem 1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));border-bottom:1px solid rgba(102,126,234,.15);position:relative}.modal-header:before{content:"⚡";position:absolute;left:2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;filter:drop-shadow(0 2px 8px rgba(102,126,234,.5));animation:pulse 2s infinite}.modal-header h3{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#e2e8f0,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 0 2.5rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-close{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.modal-close: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 .5s ease}.modal-close:hover:before{left:100%}.modal-close:hover{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.2));border-color:rgba(239,68,68,.4);transform:scale(1.05);box-shadow:0 8px 25px rgba(239,68,68,.3)}.modal-close:active{transform:scale(.95)}.modal-close:hover{color:#e2e8f0}.transaction-form{padding:2.5rem;max-height:calc(95vh - 120px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(102,126,234,.01))}.transaction-form::-webkit-scrollbar{width:8px}.transaction-form::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.transaction-form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-radius:4px}.transaction-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(102,126,234,.5),rgba(118,75,162,.5))}.error-toast{position:fixed;top:20px;right:20px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:1rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;max-width:400px;min-width:300px;z-index:1000;animation:toast-slide-in .3s ease-out;border-left:4px solid #ef4444}.error-toast-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.error-toast-content{flex:1;min-width:0;overflow:hidden}.error-toast-title{font-weight:600;color:#991b1b;margin-bottom:.25rem}.error-toast-message{color:#dc2626;font-size:.875rem;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;max-height:100px;overflow-y:auto;padding-right:.5rem}.error-toast-message::-webkit-scrollbar{width:4px}.error-toast-message::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.error-toast-message::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.error-toast-message::-webkit-scrollbar-thumb:hover{background:#9ca3af}.error-toast-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.error-toast-close:hover{background-color:rgba(107,114,128,.1);color:#374151}@keyframes toast-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.wallet-section{margin-bottom:2.5rem;padding:1.8rem;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.15);border-radius:16px;position:relative;overflow:hidden}.wallet-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent)}.wallet-section h4{color:#e2e8f0;font-size:1.2rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;position:relative}.wallet-section h4:before{content:"🦊";margin-right:.75rem;font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.form-field{margin-bottom:2rem;position:relative;z-index:auto}.form-field label{color:#94a3b8;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.form-field input:not(.combined-amount-input),.form-field textarea{width:100%;padding:1.2rem 1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(102,126,234,.03));border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#e2e8f0;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-field input:not(.combined-amount-input):focus,.form-field textarea:focus{outline:none;border-color:rgba(102,126,234,.5);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(102,126,234,.05));box-shadow:0 0 0 4px rgba(102,126,234,.1),0 8px 25px rgba(102,126,234,.15);transform:translateY(-2px)}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#64748b;font-weight:400}.form-field input::placeholder,.form-field textarea::placeholder{color:#64748b;font-weight:400}.form-field label{display:block;font-weight:600;font-size:.95rem;color:#e2e8f0;margin-bottom:.5rem}.form-field input,.form-field select{width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:1rem;font-weight:500;transition:all .3s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.form-field input.error{border-color:rgba(239,68,68,.5)}.error-text{display:block;color:#ef4444;font-size:.85rem;margin-top:.25rem}.tx-details{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(102,126,234,.03));border:1px solid rgba(102,126,234,.15);border-radius:16px;padding:1.8rem;margin-bottom:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tx-details:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0;color:#94a3b8;font-size:1rem;font-weight:500;gap:1rem;position:relative}.detail-row:not(:last-child){border-bottom:1px solid rgba(102,126,234,.1)}.detail-row span:first-child{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#b8bcc8}.detail-row span:last-child{font-weight:700;color:#e2e8f0;text-align:right;font-family:Courier New,monospace}.detail-row span.estimated-cost{color:#00C851!important;text-shadow:0 0 8px rgba(0,200,81,.2)}.gas-limit-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex:1;min-width:0}.gas-limit-display .estimating{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:.85rem}.spinner-small{width:12px;height:12px;border:2px solid rgba(251,191,36,.3);border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gas-limit-display .estimated{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-weight:600}.estimated-badge{background:linear-gradient(135deg,#10b981,#047857);color:white;font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.estimated-badge.error{background:linear-gradient(135deg,#f59e0b,#d97706)}.gas-limit-display .default{color:#94a3b8}.gas-estimation-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.7rem;padding:.25rem .4rem;margin-top:.25rem;width:100%;max-width:280px;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.2;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.error-message{flex:1;min-width:0}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:35px}.retry-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.send-btn{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:white;border:2px solid transparent;border-radius:16px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 25px rgba(102,126,234,.3);margin-top:1rem}.send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:1}.send-btn:hover:before{left:100%}.send-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(102,126,234,.5);background:linear-gradient(135deg,#5a67d8,#667eea 50%,#e879f9)}.send-btn:active{transform:translateY(-1px) scale(.98)}.send-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#4a5568,#2d3748 50%,#1a202c);box-shadow:0 4px 15px rgba(102,126,234,.2)}.send-btn:disabled:before{display:none}.mode-toggle{display:flex;margin-bottom:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;padding:.25rem}.mode-btn{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:10px;transition:all .3s ease}.mode-btn:hover{color:#e2e8f0;background:rgba(255,255,255,.05)}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 15px rgba(102,126,234,.3)}.gas-price-selection{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(102,126,234,.02));border:1px solid rgba(102,126,234,.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.gas-price-selection h4{color:#e2e8f0;font-size:1.1rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;text-align:center;justify-content:center;position:relative}.gas-price-selection h4:before{content:"⛽";margin-right:.5rem;font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.gas-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gas-option{position:relative;padding:1.5rem 1rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gas-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.gas-option:hover:before{left:100%}.gas-option:hover{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(102,126,234,.05));border-color:rgba(102,126,234,.4);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(102,126,234,.15)}.gas-option.selected{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));border-color:#667eea;box-shadow:0 8px 32px rgba(102,126,234,.3),0 0 0 1px rgba(102,126,234,.2);transform:translateY(-2px)}.gas-option.selected:after{content:"✓";position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:white;font-weight:700;z-index:2;animation:checkmark .3s ease-out}@keyframes checkmark{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}.gas-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;position:relative;z-index:2}.gas-speed{font-size:.9rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.gas-option.selected .gas-speed{color:#e2e8f0}.success-rate{font-size:.75rem;color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(16,185,129,.2));padding:.3rem .6rem;border-radius:12px;font-weight:600;border:1px solid rgba(34,197,94,.3);text-shadow:0 1px 2px rgba(0,0,0,.1)}.gas-price{font-size:1.3rem;font-weight:800;color:#e2e8f0;margin-bottom:.5rem;font-family:Courier New,monospace;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.gas-option.selected .gas-price{color:#ffffff}.gas-option:first-child:hover{border-color:rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(34,197,94,.05));box-shadow:0 12px 40px rgba(34,197,94,.15)}.gas-option:first-child.selected{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(16,185,129,.25));border-color:#22c55e;box-shadow:0 8px 32px rgba(34,197,94,.3),0 0 0 1px rgba(34,197,94,.2)}.gas-option:first-child.selected:after{background:linear-gradient(135deg,#22c55e,#10b981)}.gas-option:nth-child(2).selected{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));border-color:#667eea;box-shadow:0 8px 32px rgba(102,126,234,.3),0 0 0 1px rgba(102,126,234,.2)}.gas-option:nth-child(2).selected:after{background:linear-gradient(135deg,#667eea,#764ba2)}.gas-option:nth-child(3):hover{border-color:rgba(249,115,22,.4);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(249,115,22,.05));box-shadow:0 12px 40px rgba(249,115,22,.15)}.gas-option:nth-child(3).selected{background:linear-gradient(135deg,rgba(249,115,22,.25),rgba(234,88,12,.25));border-color:#f97316;box-shadow:0 8px 32px rgba(249,115,22,.3),0 0 0 1px rgba(249,115,22,.2)}.gas-option:nth-child(3).selected:after{background:linear-gradient(135deg,#f97316,#ea580c)}.gas-cost{font-size:.8rem;color:#64748b}.estimated-cost{color:#00C851;font-weight:600;text-shadow:0 0 8px rgba(0,200,81,.3)}.data-input,.estimated-cost{font-family:Courier New,monospace}.data-input{width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:.95rem;font-weight:400;resize:vertical;transition:all .3s ease}.data-input:focus{outline:none;border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.data-input.error{border-color:rgba(239,68,68,.5)}.data-hint{font-size:.85rem;color:#64748b;margin-top:.5rem;font-style:italic}.token-select-wrapper{position:relative;display:flex;align-items:center}.token-icon{position:absolute;left:1rem;font-size:1.5rem;font-weight:700;z-index:1;pointer-events:none}.token-select{padding-left:3.5rem!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem}.combined-input-wrapper{display:flex;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(102,126,234,.03));border:2px solid rgba(255,255,255,.1);border-radius:16px;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.combined-input-wrapper:focus-within{border-color:rgba(102,126,234,.5);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(102,126,234,.05));box-shadow:0 0 0 4px rgba(102,126,234,.1),0 8px 25px rgba(102,126,234,.15);transform:translateY(-2px)}.token-selector-dropdown{flex:0 0 auto;border-left:1px solid rgba(102,126,234,.15);position:relative;overflow:visible;z-index:10000}.token-selector-dropdown .custom-token-select{position:relative;z-index:10001}.token-selector-dropdown .token-select-trigger{border:none;background:transparent;border-radius:0;padding:1rem;min-width:120px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-selector-dropdown .token-select-value{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem}.token-selector-dropdown .token-select-value span{white-space:nowrap;font-size:.9rem;font-weight:600}.token-selector-dropdown .select-arrow{color:#94a3b8;transition:transform .2s ease}.token-selector-dropdown .select-arrow.open{transform:rotate(180deg)}.token-selector-dropdown .token-select-dropdown{position:absolute!important;top:100%!important;left:-1px!important;right:-1px!important;background:rgba(26,26,46,.98);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:999999!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:4px;min-width:120px;box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden;animation:dropdownOpen .2s ease-out;pointer-events:auto}.combined-amount-input{flex:1;padding:1rem 1.25rem;color:#e2e8f0;font-size:1rem;font-weight:500}.combined-amount-input,.combined-amount-input:focus{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important}.combined-amount-input.error{background:rgba(239,68,68,.1)}.combined-input-wrapper.error{border-color:rgba(239,68,68,.5)}.token-badge{color:white}.token-icon-small{font-size:1.1rem;font-weight:700}.custom-token-select{position:relative}.token-select-trigger{width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.token-select-trigger:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.token-select-value{display:flex;align-items:center;gap:.75rem}.select-arrow{transition:transform .2s ease;color:#94a3b8}.select-arrow.open{transform:rotate(180deg)}.token-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:rgba(26,26,46,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:dropdownOpen .2s ease-out}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.token-option{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.token-option:last-child{border-bottom:none}.token-option:hover{background:rgba(102,126,234,.1)}.token-option.selected{background:rgba(102,126,234,.2)}.token-badge{position:absolute;right:.25rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;background:rgba(255,255,255,.1);color:#e2e8f0;font-weight:600;font-size:.9rem}