.navbar-container{position:fixed;top:0;left:0;width:100%}.navbar-card{display:flex;flex-direction:row;margin:.5rem 2rem 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-card .logo{display:flex;flex-direction:row;justify-content:center;align-items:center}.connectbutton{background-color:#FF37C7;color:white;font-size:.9rem}.connectbutton,.connectedbutton{font-weight:500;padding:8px 14px;border-radius:12px;border:none;cursor:pointer}.connectedbutton{background-color:transparent;color:black;font-size:1rem}.connectedbutton:hover{background:#F2F2F2}@media (max-width:768px){h1{display:none}.navbar-card{display:flex;flex-direction:row;margin:.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{display:flex;text-align:center;margin-bottom:-12px}.card-title{font-size:.9rem;font-weight:600;color:black;background:#ECECEC;border-radius:50px;padding:8px 14px}.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)}.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:1rem;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}}