*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#23191A;min-height:100vh}.swap-container{margin:0 auto;display:flex;background:#65D9FF;flex-direction:column;gap:1rem;min-height:95vh;position:relative}.cowbg,.swap-container{border-bottom-left-radius:5rem;border-bottom-right-radius:5rem}.cowbg{position:absolute;z-index:1;bottom:0;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem;min-height:2.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:white}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-outline{background:white;color:#374151;border:1px solid #d1d5db}.btn-outline:hover:not(:disabled){background:#f9fafb}.btn-ghost{background:transparent;color:#374151}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.btn-sm{padding:.25rem .75rem;font-size:.75rem;min-height:2rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;min-height:3rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:50%}.btn-full,.input{width:100%}.input{padding:0;border:none;background:transparent;min-height:2.5rem;font-size:1.5rem;color:black}.input:focus{outline:none;border-color:none}.input-search{padding-left:2.5rem}.label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.card{background:white;border-radius:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);overflow:hidden;width:90%;max-width:500px;margin:2rem auto 0;padding:1rem;z-index:10}.card-title{font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.wallet-info-content{padding-top:1.5rem}.arrow-icon,.search-icon,.wallet-icon{width:1.25rem;height:1.25rem}.search-icon{width:1rem;height:1rem}.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.dialog-content{background:white;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:28rem;max-height:90vh;overflow-y:auto}.dialog-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.dialog-title{font-size:1.125rem;font-weight:600;color:#111827}.dialog-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{margin:1rem 0;background:#F2F2F2;padding:1rem;border-radius:1.5rem}.form-row{display:flex;gap:.5rem;align-items:center}.flex-1{flex:1 1}.token-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:white;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:700;border-radius:10rem}.token-btn:hover{background:#f9fafb}.token-img{width:1.25rem;height:1.25rem;border-radius:50%}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.balance{font-size:.75rem;color:#6b7280}.balance-loading{margin-left:.5rem;font-size:.75rem}.max-btn{font-size:.75rem;color:#2563eb;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s ease}.max-btn:hover{color:#1e40af}.token-list{max-height:20rem;overflow-y:auto}.token-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:background-color .2s ease;border-radius:.375rem;margin-bottom:.25rem}.token-item:hover{background:#f3f4f6}.token-item-img{width:2rem;height:2rem;border-radius:50%}.token-item-info{flex:1 1}.token-item-symbol{font-weight:500;color:#111827}.token-item-name{font-size:.875rem;color:#6b7280}.search-container{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.wallet-info{display:flex;align-items:center;justify-content:space-between}.wallet-address{font-family:Monaco,Menlo,monospace;font-size:.875rem;color:#374151}.wallet-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.swap-arrow{background:#F2F2F2;border:5px solid white;width:-moz-fit-content;width:fit-content;z-index:9999;display:flex;justify-content:center;align-items:center;border-radius:1rem;margin:-1.5rem auto -2rem}.quote-info{font-size:.75rem;color:#6b7280;margin-top:.5rem}.quote-info p{margin-bottom:.25rem}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.price-label{font-size:.875rem;color:#6b7280}.price-value{text-align:right}.price-amount{font-weight:500}.price-change{margin-left:.5rem;font-size:.75rem}.price-change.positive{color:#059669}.price-change.negative{color:#dc2626}.price-divider{border-top:1px solid #e5e7eb;margin:.5rem 0}.slippage-value{font-size:.875rem;color:#ea580c}.market-list{display:flex;flex-direction:column;gap:.75rem}.market-item{justify-content:space-between}.market-item,.market-token{display:flex;align-items:center}.market-token{gap:.5rem}.market-token-img{width:1.5rem;height:1.5rem;border-radius:50%}.market-token-symbol{font-weight:500;color:#111827}.market-token-name{font-size:.75rem;color:#6b7280}.market-price{text-align:right}.market-price-amount{font-weight:500}.market-price-change{font-size:.75rem}.market-price-change.positive{color:#059669}.market-price-change.negative{color:#dc2626}.loading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.loading-center{text-align:center;color:#6b7280}.spinner{width:.75rem;height:.75rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast{position:fixed;bottom:1rem;right:1rem;background:white;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);z-index:100;max-width:20rem}.toast-error{border-color:#ef4444;background:#fef2f2}.toast-success{border-color:#10b981;background:#f0fdf4}.toast-title{font-weight:600;margin-bottom:.25rem}.toast-description{font-size:.875rem;color:#6b7280}@media (max-width:640px){.container{padding:1rem .5rem}.card-content{padding:1rem}.dialog-content{margin:.5rem}.main-grid{grid-template-columns:1fr}}.navbar{background:#A3E5FC;width:90%;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 1rem;margin:1rem auto 0;border-radius:10rem}.navbar img{width:150px}.navbar button{background:#004293;padding:.5rem 1rem;border:2px solid white;color:#5ECFF8;border-radius:10rem;font-size:1rem;font-weight:700}