body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background:#000c;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:1001}.desktop-nav-items{display:flex;gap:1.5rem}.desktop-nav-items a{color:#fff;font-size:1rem;text-decoration:none}.desktop-nav-items a.active{border-bottom:2px solid cyan}.mobile-nav-toggle{align-items:center;color:#fff;cursor:pointer;display:none;gap:.5rem}.active-page{font-size:1rem;font-weight:700}.toggle-icon{font-size:1.2rem}.nav-items.show{align-items:center;background:#000000e6;display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.nav-items.show a{color:#fff;font-size:1.5rem;text-decoration:none;transition:color .3s}.nav-items.show a:hover{color:cyan}.connect-wallet,.wallet-display{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.5rem 1rem}.wallet-section{position:relative;z-index:1002}.wallet-options{align-items:flex-start;background-color:#1e1e2d;border-radius:8px;box-shadow:0 4px 15px #0006;display:flex;flex-direction:column;padding:.5rem;position:absolute;right:0;top:2.5rem;z-index:1003}.wallet-options a,.wallet-options button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;text-align:left}.wallet-options a{text-decoration:none}.toast-message,.wallet-options a:hover,.wallet-options button:hover{background-color:#333}.toast-message{border-radius:5px;bottom:1rem;font-size:.9rem;opacity:.9;padding:.8rem 1.5rem}@media (max-width:768px){.desktop-nav-items{display:none}.mobile-nav-toggle{display:flex}}.swap-box{border:1px solid #fff;border-radius:24px;box-shadow:0 8px 25px #0000004d;color:#fff;margin:0 auto;max-width:360px;padding:2rem;position:relative;text-align:center;width:100%}.swap-section{margin:1.8rem 0}.swap-label{color:#ccc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;text-align:left}.input-container{background:#2b2b39;padding:.75rem 1rem}.input-container:hover{background:#333347}.swap-input{border:none;flex:1 1;font-size:1.2rem;outline:none;padding:.5rem 0;text-align:left}.swap-input,.token-display{background:#0000;color:#fff;font-weight:500}.token-display{align-items:center;border-left:1px solid #3a3a48;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.4rem 1rem}.swap-toggle-container{align-items:center;display:flex;justify-content:center;margin:1.5rem 0}.swap-toggle{border-radius:50%;box-shadow:0 2px 8px #0003;color:#00baff;cursor:pointer;font-size:1.5rem;padding:.6rem;transition:transform .3s ease}.swap-toggle:hover{transform:rotate(180deg)}.swap-button{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:background-color .3s;width:100%}.swap-button.default{background-color:#004d99}.swap-button.inactive{background-color:#666;cursor:not-allowed}.swap-button.active{background-color:#008f39}.swap-button:hover:not(.inactive){background-color:#062}.wallet-address{color:#b0b0c3;font-size:.85rem;margin-top:1.5rem;text-align:center}.token-select option{background-color:#1c1c28;color:#fff;padding:.5rem}.slippage-container{background:#2b2b35;border-radius:15px;color:#fff;cursor:pointer;font-size:.9rem;padding:.3rem .8rem;position:absolute;right:1rem;top:1rem}.slippage-modal{background:#1c1c28;border-radius:12px;box-shadow:0 4px 15px #0006;padding:1rem;position:absolute;right:1rem;top:3.5rem;width:220px;z-index:10}.slippage-options{display:flex;flex-wrap:nowrap;gap:.3rem;margin-bottom:1rem}.slippage-option{background:#2b2b35;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;text-align:center}.slippage-option.selected{background:#005bb5}.save-button{background:#005bb5;border:none;cursor:pointer;padding:.5rem;width:100%}.save-button,.slippage-input{border-radius:8px;color:#fff;font-size:.9rem}.slippage-input{background-color:#2b2b35;border:1px solid #3a3a48;margin-bottom:1rem;outline:none;padding:.4rem;text-align:center;width:90%}.success-popup{background-color:#4caf50;border-radius:8px;box-shadow:0 4px 15px #0006;color:#fff;font-size:1rem;left:50%;padding:1rem 1.5rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.success-popup.failure{background-color:#f44336}.page-header{color:#f5f5f5;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}@media (min-width:480px){.page-header{font-size:2rem;margin-bottom:1.2rem}.swap-box{background-color:#000;border:2px solid}.swap-toggle{font-size:1.4rem;padding:.5rem}}@media (max-width:479px){.page-header{font-size:1.8rem;margin-bottom:1rem}.swap-box{border-radius:16px;padding:1.2rem;width:80%}.swap-section{margin:1rem 0}.swap-label{font-size:.8rem}.input-container{padding:.5rem .75rem}.swap-input{font-size:1rem}.token-display{font-size:.9rem;padding:.3rem .75rem}.swap-toggle-container{margin:1rem 0}.swap-toggle{font-size:1.3rem;padding:.4rem}.swap-button{font-size:.9rem;margin-top:1rem;padding:.8rem}.slippage-container{font-size:.8rem;padding:.2rem .6rem;right:.8rem;top:.8rem}.slippage-modal{right:.8rem;top:3rem;width:180px}.slippage-options{gap:.2rem}.slippage-option{font-size:.8rem;padding:.4rem}.slippage-input{padding:.3rem}.save-button{font-size:.8rem;padding:.4rem}.success-popup{font-size:.9rem;padding:.8rem 1.2rem}}@media (max-width:360px){.page-header{font-size:1.6rem}.swap-box{border-radius:14px;padding:1rem}.swap-toggle{font-size:1.2rem;padding:.35rem}.swap-button{font-size:.85rem;padding:.7rem}.slippage-container{font-size:.75rem;padding:.2rem .5rem;right:.6rem;top:.6rem}.slippage-modal{padding:.8rem;right:.6rem;top:2.8rem;width:160px}.slippage-options{gap:.15rem}.slippage-option{font-size:.75rem;padding:.35rem}.slippage-input{font-size:.8rem}.save-button{font-size:.75rem;padding:.35rem}.success-popup{font-size:.85rem;padding:.6rem 1rem}}.page-header .kaanch-network{font-family:Audiowide,sans-serif}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#1a1a1a;border-radius:12px;box-shadow:0 4px 12px #00000080;max-height:80vh;max-width:400px;overflow-y:auto;padding:1.5rem;width:100%}h3{font-size:1.2rem;text-align:center}.search-input,h3{color:#fff;margin-bottom:1rem}.search-input{background:#2a2a2a;border:1px solid #333;border-radius:6px;font-size:.9rem;outline:none;padding:.5rem;width:100%}.token-list{display:flex;flex-direction:column;gap:.75rem}.token-item{align-items:center;background:#2a2a2a;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s ease}.token-item:hover{background:#3a3a3a}.token-name{font-size:1rem;font-weight:600}.token-symbol{color:#aaa;font-size:.85rem}.token-details{align-items:flex-end;display:flex;flex-direction:column;font-size:.85rem}.token-link{color:#0cf;text-decoration:none}.token-name,.token-symbol{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-info{align-items:flex-start;display:flex;flex-direction:column;max-width:160px}.wallet-modal-overlay{align-items:center;background-color:#434242db;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wallet-modal-content{background-color:#000;border-radius:10px;color:#fff;max-width:90%;padding:1.5rem;text-align:center;width:400px}.wallet-modal-content h3{font-size:1.5rem;margin-bottom:.5rem}.wallet-modal-content p{color:#b0b0b0;font-size:1rem;margin-bottom:1rem}.wallet-option{align-items:center;background-color:#29293a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s}.wallet-option:hover{background-color:#3a3a4f}.wallet-info{align-items:center;display:flex}.wallet-logo{height:30px;margin-right:.5rem;width:30px}.wallet-action{color:#0cf;font-weight:700}.background-pattern{background-color:#000;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.pattern-circle{animation:float 10s ease-in-out infinite;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;filter:blur(30px);opacity:.2;position:absolute}.circle1{animation-delay:0s;height:200px;left:15%;top:20%;width:200px}.circle2{animation-delay:2s;bottom:30%;height:250px;right:20%;width:250px}.circle3{animation-delay:4s;bottom:10%;height:150px;left:50%;width:150px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.create-pool{border:2px solid;border-radius:24px;color:#fff;height:fit-content;margin:0 auto;max-width:400px;padding:2rem;text-align:center;width:100%}.create-pool-header{color:#f5f5f5;font-size:2rem;margin-bottom:1.5rem}.create-pool-section{margin:1.8rem 0}.create-pool-label{color:#ccc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;text-align:left}.input-container{align-items:center;border:1px solid #3a3a48;border-radius:12px;display:flex;transition:background .3s}.create-pool-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:.5rem}.create-pool-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem;transition:background-color .3s}.create-pool-button:disabled{background-color:#666;cursor:not-allowed}.create-pool-button:hover:not(:disabled){background-color:#005bb5}.token-details-pool{align-items:flex-start;border:2px solid #fff;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:.9rem;gap:.2rem;margin-top:1rem;padding:.5rem}.create-pool-submit{margin-top:1.5rem;width:100%}@media (max-width:768px){.create-pool{padding:1.5rem}.create-pool-header{font-size:1.8rem}.create-pool-label{font-size:.85rem}.create-pool-input{font-size:.95rem;padding:.4rem}.create-pool-button{font-size:.85rem;padding:.5rem .8rem}.create-pool-submit{font-size:.9rem;padding:.8rem}}@media (max-width:480px){.create-pool{border-radius:16px;padding:1rem}.create-pool-header{font-size:1.5rem}.create-pool-label{font-size:.8rem}.create-pool-input{font-size:.9rem}.create-pool-button{font-size:.8rem;padding:.4rem .6rem}.create-pool-submit{font-size:.85rem;padding:.7rem}.token-details-pool{font-size:.85rem;padding:.4rem}.toast-message{font-size:.85rem;padding:.8rem 1.2rem}}.add-liquidity{border:2px solid;border-radius:24px;color:#fff;height:fit-content;margin:0 auto;max-width:400px;overflow-y:hidden;padding:2rem;text-align:center;width:100%}.add-liquidity-header{color:#f5f5f5;font-size:2rem;margin-bottom:1.5rem}.add-liquidity-section{margin:1.8rem 0}.add-liquidity-label{color:#ccc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem;text-align:left}.add-liquidity-input{background:#0000;border:1px solid #3a3a48;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:.5rem;transition:background .3s;width:-webkit-fill-available}.add-liquidity-input:focus{background:#333347}.add-liquidity-select{background:#2b2b39;border:1px solid #3a3a48;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:.5rem;width:100%}.pair-details{color:#ccc;font-size:.9rem;margin-top:1rem;text-align:left}.add-liquidity-submit{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:background-color .3s;width:100%}.add-liquidity-submit:disabled{background-color:#666;cursor:not-allowed}.add-liquidity-submit:hover:not(:disabled){background-color:#005bb5}.add-liquidity-pair-details{border:2px solid #fff;border-radius:12px;color:#fff;margin-top:1.5rem;padding:1rem;text-align:left}.add-liquidity-pair-details a{color:#fff}.add-liquidity-token-details-reserve{border-bottom:3px dashed bisque;font-family:monospace;margin-bottom:1rem;text-align:left}.add-liquidity-token-details{word-wrap:break-word;color:#f0f0f0;font-size:.95rem;margin:.5rem 0;white-space:normal}.add-liquidity-contract-address{align-items:center;color:wheat;display:inline-flex;gap:.3rem}.add-liquidity-copy-icon,.add-liquidity-new-tab-icon{color:wheat;cursor:pointer;font-size:.85rem;margin-left:.3rem}.add-liquidity-copy-icon:hover,.add-liquidity-new-tab-icon:hover{color:#0077b6}.toast-message{background-color:#4caf50;border-radius:8px;bottom:1.5rem;box-shadow:0 4px 15px #0006;color:#fff;font-size:1rem;left:50%;padding:1rem 1.5rem;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}.toast-message.failure{background-color:#f44336}.claim-fees,.remove-liquidity{border:2px solid;border-radius:24px;color:#fff;margin:0 auto;max-width:400px;padding:2rem;text-align:center;width:100%}.claim-fees-header,.remove-liquidity-header{color:#f5f5f5;font-size:1.8rem;margin-bottom:1.5rem}.claim-fees-section,.remove-liquidity-section{margin:1.5rem 0}.claim-fees-label,.remove-liquidity-label{color:#ccc;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:left}.claim-fees-select,.remove-liquidity-select{background-color:#2b2b39;border:1px solid #3a3a48;border-radius:8px;color:#fff;font-size:1rem;padding:.5rem;width:100%}.claim-fees-button,.remove-liquidity-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background-color .3s;width:100%}.claim-fees-button:disabled,.remove-liquidity-button:disabled{background-color:#666;cursor:not-allowed}.claim-fees-button:hover:not(:disabled),.remove-liquidity-button:hover:not(:disabled){background-color:#005bb5}.footer{align-items:center;border-top:1px solid #fff;color:#f0f0f0;display:flex;flex-direction:column;margin-top:3rem;text-align:center;width:auto}.footer-bottom,.footer-icons,.footer-links{display:flex;flex-wrap:wrap;font-size:1rem;gap:1rem;justify-content:center;margin-bottom:1rem;text-decoration:underline}.footer-icons{margin-top:1rem}.footer-links a,.footer-terms a{color:#f0f0f0;font-weight:500;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-terms a:hover{color:#007bff}.footer-icons .icon-link{color:#f0f0f0;font-size:1.2rem;transition:color .3s}.footer-icons .icon-link:hover{color:#007bff}.footer-bottom{align-items:center;flex-direction:column;font-size:1rem;text-decoration:none}.footer-logo{font-family:Audiowide,sans-serif;font-size:1rem;margin:0}.footer-terms{display:flex;gap:.5rem;margin-top:.5rem}.app{background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal;font-weight:500;min-height:100vh;text-align:center}.main-content{display:flex;flex:1 1;justify-content:center;margin-top:40px}