.navbar-container{position:fixed;top:0;left:0;width:100%;z-index:100}.navbar-card{display:flex;flex-direction:row;margin:.5rem 2rem;justify-content:space-between;align-items:center}h1{font-size:16px!important;font-weight:500;color:#FF37C7;padding-top:2px}.navbar-card img{width:35px;height:35px}.navbar-left{gap:8px}.navbar-card .logo,.navbar-left{display:flex;flex-direction:row;align-items:center}.navbar-card .logo{justify-content:center}.navbar-card .logo img{width:28px;height:28px}.navbar-right{flex-direction:row;gap:4px}.navbar-icon-btn,.navbar-right{display:flex;align-items:center}.navbar-icon-btn{background:transparent;border:none;cursor:pointer;color:#7A7A7A;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background .2s ease;padding:0}.navbar-icon-btn:hover{background:#F2F2F2}.burger-menu{color:#131313}.connectbutton{background-color:#FF37C7;color:white;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;transition:background .2s ease;white-space:nowrap}.connectbutton:hover{background-color:#e020b0}.connectedbutton{background-color:transparent;color:black;font-size:1rem;font-weight:500;padding:8px 14px;border-radius:12px;border:none;cursor:pointer}.connectedbutton:hover{background:#F2F2F2}@media (max-width:768px){h1{display:none}.navbar-card{display:flex;flex-direction:row;margin:.6rem .8rem;justify-content:space-between;align-items:center}.connectedbutton{background-color:transparent;color:black;font-size:1rem;font-weight:500;padding:8px 14px;border-radius:12px;border:none;cursor:pointer;margin-top:5px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn 0s ease}.modal-content{background:#ffff;border:1px solid var(--glass-border);border-radius:28px;width:100%;max-width:520px;height:80vh;max-height:600px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp 0s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.modal-header h2{font-size:1rem;font-weight:600;color:black;margin:0}.close-button{background:transparent;border:none;color:rgb(71,71,71);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:var(--text-primary)}.modal-body{flex:1 1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.search-container{margin-bottom:20px}.search-input{width:100%;background:#F2F2F2;border:1px solid var(--glass-border);border-radius:16px;padding:14px 20px;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-color)}.token-list{flex:1 1;overflow-y:auto;padding-right:4px}.token-list::-webkit-scrollbar{width:4px}.token-list::-webkit-scrollbar-track{background:transparent}.token-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.token-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;cursor:pointer;transition:background .2s}.token-item:hover{background:rgba(255,255,255,.05)}.token-info{gap:12px}.token-icon,.token-info{display:flex;align-items:center}.token-icon{width:36px;height:36px;border-radius:50%;background:var(--glass-border);justify-content:center;font-weight:700;font-size:.75rem;overflow:hidden}.token-details{display:flex;flex-direction:column}.token-name{color:black;font-weight:500;font-size:1rem}.token-symbol{color:black;font-size:.8125rem}.token-balance{color:rgb(56,56,56);font-size:.9rem}.import-section{padding:12px;background:rgba(168,85,247,.1);border:1px dashed var(--accent-color);border-radius:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.import-button{background:var(--accent-color);color:white;border:none;padding:6px 16px;border-radius:12px;font-weight:600;cursor:pointer;font-size:.875rem}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:fadeIn 0s ease}.modal-content{background:#ffff;border:1px solid var(--glass-border);border-radius:28px;width:100%;max-width:520px;height:80vh;max-height:600px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp 0s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-bottom-right-radius:0;border-bottom-left-radius:0}}.swap-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.glass-card{background:var(--glass-bg);border-radius:28px;width:100%;max-width:520px;padding:16px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card-header{justify-content:space-between;margin-bottom:-12px}.card-header,.card-tabs{display:flex;align-items:center}.card-tabs{gap:2px}.card-title{font-size:.9rem;font-weight:600;color:black;border-radius:50px;padding:8px 14px}.active-tab,.card-title{background:#ECECEC}.card-tab-btn{background:transparent;border:none;cursor:pointer;color:#7A7A7A;transition:background .2s ease,color .2s ease;font-size:.9rem;font-weight:500;border-radius:50px;padding:8px 14px}.card-tab-btn:hover{background:#F2F2F2;color:#131313}.settings-btn{background:transparent;border:none;cursor:pointer;color:#7A7A7A;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;transition:background .2s ease,color .2s ease;padding:0;flex-shrink:0}.settings-btn:hover{background:#F2F2F2;color:#131313}.input-group{background:#ffffff;border:1px solid #ececec}.input-group,.input-group-2{border-radius:16px;padding:16px;transition:all .3s ease}.input-group-2{background:#F9F9F9;margin-top:-42px}.input-group-2:hover{background:#F2F2F2}.currency-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.token-amount-input{background:transparent;border:none;font-size:2rem;color:#131313;width:100%;outline:none;font-weight:500}.token-amount-input::placeholder{color:#6A6A6A}.sell-title{color:#6A6A6A;padding:0;margin:0 0 8px}.token-selector{background:#ffffff;border:1px solid #ececec;padding:6px 12px 6px 4px;border-radius:26px;color:black;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.token-selector:hover{background:rgba(255,255,255,.2)}.token-logo-wrapper{position:relative;display:inline-flex;flex-shrink:0}.chain-badge{position:absolute;bottom:-3px;right:-3px;width:14px;height:14px;border-radius:4px;border:1px solid #ffffff;background:#fff}.popular-tokens{display:flex;align-items:center;flex:1 1;gap:.8rem;padding-top:5px;padding-bottom:6px}.popular-token-btn{background:rgba(128,128,128,.102);border:5px solid rgba(128,128,128,.102);border-radius:100%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;margin-right:-6px;position:relative}.popular-token-btn:last-child{margin-right:0}.popular-token-btn:hover{transform:scale(1.12);z-index:2}.token-selector-pink{background:#FF37C7;border-color:#FF37C7;color:white;white-space:nowrap;font-size:.98rem;padding:8px 12px}.token-selector-pink:hover{background:#e020b0;border-color:#e020b0}.usd-value{color:#6A6A6A;font-size:.875rem}.balance-label{color:var(--text-secondary);font-size:.875rem;text-align:right}.switch-button-container{display:flex;justify-content:center;z-index:10}.switch-button{margin-top:-40px;background:#F9F9F9;border:4px solid #ffffff;border-radius:16px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:black;transition:all .3s cubic-bezier(.4,0,.2,1)}.switch-button:hover{background:#F2F2F2}.swap-action-button{background:#FFEFFB;color:#FF37C7;border:none;padding:18px;border-radius:20px;font-size:1.08rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:-16px}.swap-action-button:hover{background:#FFE7F8}.token-amount-input::-webkit-inner-spin-button,.token-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.token-amount-input{appearance:textfield}@media (max-width:768px){.swap-container{display:flex;align-items:flex-start;min-height:95vh;padding:0;margin-top:60px}}