.simple-swap{padding:2rem;text-align:center;max-width:400px;margin:0 auto;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;background:transparent}.simple-swap.loaded{opacity:1;transform:translateY(0)}.simple-swap h3{margin-bottom:2rem;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.simple-swap h3{margin-top:20px;display:none}}.swap-step{margin-bottom:2rem;background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1.5rem}.step-header{gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.step-header,.step-number{display:flex;align-items:center}.step-number{width:24px;height:24px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);justify-content:center;font-weight:600;font-size:12px}.step-title{font-size:16px;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.5px;cursor:default}.step-title:hover:after{display:none}.step-content{display:flex;flex-direction:column;gap:1rem}.step-connect-button{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1rem;color:white;font-family:var(--font-source-code),monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.step-connect-button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.connected-wallet-info{display:flex;align-items:center;gap:.25rem;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px}.connected-wallet-info .wallet-icon{font-size:10px;font-weight:600;width:24px;height:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;align-items:center;justify-content:center;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-source-code),monospace}.connected-wallet-info .wallet-name{font-size:14px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.5px}.connected-wallet-info .wallet-address{font-size:12px;color:rgba(255,255,255,.7);font-family:var(--font-source-code),monospace;margin-left:auto}.connected-wallet .wallet-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);height:50px}.connected-wallet .wallet-icon{font-size:10px;font-weight:600;width:24px;height:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-source-code),monospace}.connected-wallet .wallet-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.connected-wallet .wallet-name{font-size:14px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.5px}.connected-wallet .wallet-address{font-size:12px;color:rgba(255,255,255,.7);font-family:var(--font-source-code),monospace}.token-selector-custom{position:relative;width:100%}.token-selector-button{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1rem;color:white;font-family:var(--font-source-code),monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;min-width:120px;height:48px}.token-selector-button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.token-selector-button:disabled{opacity:.6;cursor:not-allowed}.token-selector-button .dropdown-arrow{font-size:12px;opacity:.7;transition:transform .2s ease}.token-selector-button:hover .dropdown-arrow{opacity:1}.token-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.15);border-radius:6px;margin-top:.5rem;z-index:1000;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideDown .2s ease;max-height:200px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.token-dropdown::-webkit-scrollbar{display:none}.token-option{width:100%;background:transparent;border:none;border-radius:4px;padding:.75rem;cursor:pointer;text-align:left;color:white;font-family:var(--font-source-code),monospace;font-size:13px}.token-option:hover{background:rgba(255,255,255,.05)}.token-option:last-child{margin-bottom:0}.chain-short{font-size:10px;opacity:.6;margin-left:.25rem}.token-selector-button.inactive{opacity:.5;cursor:not-allowed}.token-selector-button.inactive:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.token-option.inactive{opacity:.5}.token-option.inactive:hover{background:transparent}.token-name{flex:1}.simple-swap .swap-inputs{margin-bottom:1.5rem}.simple-swap .swap-inputs .input-group{margin-bottom:1rem;display:flex;gap:.75rem;align-items:stretch}.simple-swap .swap-inputs .input-group input{flex:1;height:48px}.simple-swap .swap-inputs .input-group .token-selector{flex:0 0 auto;min-width:120px}.wallet-input{margin-top:1rem;text-align:left}.wallet-input label{display:block;margin-bottom:.5rem;font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.wallet-input input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.875rem;color:white;font-family:var(--font-source-code),monospace;font-size:14px;transition:all .2s ease}.wallet-input input:focus{outline:none;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.privacy-info{position:relative;margin:1rem 0;text-align:center}.privacy-text{font-size:12px;opacity:.7;cursor:help;border-bottom:1px dotted rgba(255,255,255,.3);transition:opacity .2s ease}.privacy-text:hover{opacity:1}.privacy-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.75rem;font-size:11px;line-height:1.4;width:280px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;backdrop-filter:blur(10px)}.privacy-info:hover .privacy-tooltip{opacity:1;visibility:visible}.wallet-selector{width:100%}.wallet-selector-trigger{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1rem;font-family:var(--font-source-code),monospace;text-transform:uppercase;letter-spacing:.5px}.wallet-selector-trigger:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.wallet-icon{font-size:16px;margin-right:.5rem}.wallet-text{flex:1;text-align:left}.dropdown-arrow{font-size:12px;opacity:.7;transition:transform .2s ease}.wallet-selector-trigger:hover .dropdown-arrow{opacity:1}.wallet-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.15);border-radius:4px;margin-top:.5rem;z-index:1000;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideDown .2s ease;overflow:hidden;padding:.75rem;scrollbar-width:none;-ms-overflow-style:none}.wallet-dropdown::-webkit-scrollbar{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-dropdown>p{margin:0 0 .75rem;padding:.5rem;font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08)}.wallet-options{display:flex;flex-direction:column;gap:.5rem}.wallet-option{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.875rem;cursor:pointer;transition:all .2s ease;text-align:left}.wallet-option:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.wallet-option-content,.wallet-option-header{display:flex;align-items:center;gap:.75rem}.wallet-option-header{flex:1}.wallet-option-icon{width:36px;height:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-source-code),monospace;flex-shrink:0}.wallet-option-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.wallet-option-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recommended-badge{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:rgba(34,197,94,.9);font-size:9px;font-weight:600;padding:.25rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-source-code),monospace}.wallet-option-name{font-size:13px;font-weight:600;color:white;letter-spacing:.3px}.wallet-option-chain{font-size:10px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.wallet-option-description{margin:0;font-size:10px;color:rgba(255,255,255,.5);line-height:1.4;padding-top:.375rem}.token-option.active{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:white;cursor:pointer}.token-option.active:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.token-option.inactive{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.4);cursor:not-allowed;opacity:.6}.token-option{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.02);color:rgba(255,255,255,.8);font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:.5rem}.token-symbol{font-weight:600;color:inherit}.token-chain{color:rgba(255,255,255,.6);font-size:12px}.status-indicator{font-size:12px;margin-left:.5rem}.status-indicator.active{color:#51cf66}.status-indicator.inactive{color:rgba(255,255,255,.3)}.wallet-option.active{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.wallet-option.active:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.wallet-option.active .wallet-option-icon{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.wallet-option.inactive{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);cursor:not-allowed;opacity:.5}.wallet-option.inactive .wallet-option-name{color:rgba(255,255,255,.4)}.wallet-option.inactive .wallet-option-icon{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}.wallet-selector{position:relative}.wallet-selector-trigger{background:rgba(255,255,255,.02);justify-content:space-between}.connected-wallet-button,.wallet-selector-trigger{width:100%;min-height:56px;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:white;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.connected-wallet-button{background:rgba(255,255,255,.05);justify-content:flex-start;font-family:var(--font-source-code),monospace}.connected-wallet-button:hover{background:rgba(255,0,0,.1);border-color:rgba(255,0,0,.3)}.connected-wallet-button .wallet-info{display:flex;align-items:center;gap:.875rem;width:100%}.connected-wallet-button .wallet-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:6px;flex-shrink:0;padding:6px}.connected-wallet-button .wallet-icon-wrapper svg{width:24px;height:24px}.connected-wallet-button .wallet-icon-text{font-size:12px;font-weight:600;color:rgba(255,255,255,.9)}.connected-wallet-button .wallet-details{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;flex:1}.connected-wallet-button .wallet-address{font-size:13px;color:rgba(255,255,255,.9);letter-spacing:.3px;font-weight:500}.connected-wallet-button .disconnect-text{font-size:11px;color:rgba(255,100,100,.9);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.connected-wallet-button:hover .disconnect-text{color:rgba(255,50,50,1)}.wallet-selector-trigger:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.connect-button{margin-top:2rem;margin-bottom:3rem}.connect-button .wallet-selector-trigger{font-size:16px;font-weight:600;padding:1.25rem}.order-book-container{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem}.order-book-side{width:100%}.order-book-header{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px}.order-book-header,.order-book-row{display:grid;grid-template-columns:1fr 1fr 1fr}.order-book-row{padding:.25rem 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.order-book-row:hover{background:rgba(255,255,255,.02)}.order-book-row .price{font-weight:600;color:white}.order-book-row .amount{color:rgba(255,255,255,.8)}.order-book-row .total{color:rgba(255,255,255,.6)}.ask-row .price{color:#ff6b6b}.bid-row .price{color:#51cf66}.order-book-spread{text-align:center;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.6);font-weight:500}.swap-inputs{width:100%;display:flex;flex-direction:column;gap:0;margin-bottom:2rem}.order-book-asks{margin-bottom:0}.order-book-bids{margin-top:0}.loading-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-modal{width:420px;max-width:90vw;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem 1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.4)}.loading-modal h4{margin:0 0 .75rem;font-size:14px;font-weight:600;color:rgba(255,255,255,.95);text-transform:uppercase;letter-spacing:.5px}.loading-logs{display:flex;flex-direction:column;gap:.5rem}.loading-log{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;color:rgba(255,255,255,.6);font-size:13px}.loading-log.active{color:rgba(255,255,255,.95);background:rgba(255,255,255,.04)}.loading-log .bullet{width:16px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}