:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*>*{box-sizing:border-box}a{font-weight:500;color:#eebf4e;text-decoration:inherit}a:hover{color:#d4a33e}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#eebf4e}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#d4a33e}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#333;color:#fff;width:100%}.navbar-left{flex:1;display:flex;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-center{flex:2;display:flex;justify-content:center}.navbar-search{width:100%;max-width:500px}.navbar-search form{display:flex}.navbar-search input{flex:1;padding:.5rem;border:none;border-radius:4px 0 0 4px;outline:none}.navbar-search button{padding:.5rem 1rem;background:#eebf4e;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;margin:0}.navbar-search button:hover{background:#d4a33e}.navbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.connect-button,.disconnect-button{padding:.5rem 1rem;background:#eebf4e;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:0;font-size:14px}.disconnect-button{background:#f44336;margin-left:.5rem}.connect-button:hover{background:#d4a33e}.disconnect-button:hover{background:#d32f2f}.wallet-info{display:flex;align-items:center}.wallet-address{background:#ffffff1a;padding:.5rem;border-radius:4px;font-size:14px}.navbar-right{flex:1}.navbar-links{list-style:none;display:flex;gap:1rem}.navbar-links a{color:#fff;text-decoration:none}.navbar-links a:hover{text-decoration:underline}.wallet-button{padding:.5rem 1rem;background:#eebf4e;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:0;font-size:14px;transition:background-color .3s}.wallet-button:hover{background:#d4a33e}.wallet-button.connected{background:#ffffff1a}.wallet-button.connected:hover{background:#f44336}@media screen and (max-width: 767px){.hide-on-mobile{display:none}.navbar{padding:.5rem}.navbar-center{flex:1}.navbar-search input{font-size:14px;padding:.4rem}.navbar-search button{padding:.4rem .8rem;font-size:14px}}.search-container{position:relative;width:100%;display:flex}.pools-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-color, #242424);border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0003;overflow:hidden;z-index:10;max-height:300px;overflow-y:auto}.pool-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.pool-item:hover{background:#ffffff0d}.pool-icons{display:flex;align-items:center;margin-right:12px}.token-icon-overlap{margin-left:-8px}.pool-info{flex:1}.pool-name{font-weight:700;font-size:14px;color:var(--color)}.pool-contract{font-size:12px;color:#888;font-family:monospace}@media (prefers-color-scheme: light){.pools-dropdown{background:#f5f5f5;box-shadow:0 4px 8px #0000001a}.pool-item{border-bottom:1px solid rgba(0,0,0,.1)}.pool-item:hover{background:#0000000d}}.swap-container{display:flex;justify-content:center;align-items:center;height:auto;overflow:hidden}.swap-box{background:var(--swap-box-background-color, #2e2e2e);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;width:360px;text-align:center}@media screen and (min-width: 768px){.swap-box{width:600px;padding:40px}.swap-input{padding:16px}.swap-input input{font-size:24px;width:200px}.swap-label{font-size:16px}.swap-currency img{width:28px;height:28px}.currency-text{font-size:18px}.swap-button{padding:16px;font-size:18px}.swap-info{font-size:16px}}@media screen and (min-width: 1200px){.swap-box{width:700px}}.swap-title{font-size:24px;margin-bottom:16px;color:var(--color)}.swap-section{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px}.swap-label{font-size:14px;color:#888;margin-bottom:8px}.swap-input{display:flex;justify-content:space-between;align-items:center;background:var(--input-background-color, #3e3e3e);border-radius:8px;padding:8px;width:95%}.swap-input input{border:none;background:transparent;font-size:18px;width:120px;text-align:left;outline:none;color:var(--color);caret-color:var(--color);-moz-appearance:textfield}.swap-input input:disabled{opacity:.8;cursor:not-allowed;color:var(--color)}.swap-input input::-webkit-outer-spin-button,.swap-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.swap-input select{border:none;background:transparent;font-size:18px;margin-left:8px;outline:none;color:var(--color);caret-color:var(--color)}.swap-currency{display:flex;align-items:center;margin-left:8px;cursor:pointer}.swap-currency img{width:24px;height:24px;margin-right:4px}.currency-text{color:var(--color)}.swap-value{font-size:14px;color:#888}.swap-icon{display:flex;justify-content:center;margin:16px 0}.swap-icon img{width:24px;height:24px}.swap-button{width:100%;padding:12px;background:#eebf4e;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:16px}.swap-button:hover{background:#d4a33e}.swap-info{margin-top:16px;font-size:14px;color:#888;text-align:center}.currency-picker{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.currency-picker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.currency-picker-content{position:relative;background:var(--background-color);border-radius:8px;padding:16px;width:300px;z-index:1001}.currency-picker-content input{width:100%;padding:8px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;color:var(--color)}.currency-picker-content ul{list-style:none;padding:0;margin:0}.currency-picker-content li{display:flex;align-items:center;padding:8px;cursor:pointer;color:var(--color)}.currency-picker-content li img{width:24px;height:24px;margin-right:8px}.currency-picker-content li:hover{background:#f0f0f0}.calculating-indicator{font-size:14px;color:#888;font-style:italic}.swap-direction-toggle,.swap-direction-icon{display:none}@media (prefers-color-scheme: light){.swap-box{background:#f5f5f5}.swap-input{background:#fff}.swap-input input,.swap-input select,.currency-text,.currency-picker-content input,.currency-picker-content li{color:#213547}.swap-direction-toggle{background:#f0f0f0}.swap-direction-icon{color:#333}}@media screen and (min-width: 768px){.swap-direction-toggle{width:42px;height:42px}.swap-direction-icon svg{width:28px;height:28px}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-overlay-content{background-color:var(--background-color, #242424);padding:24px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 16px #0000004d;max-width:80%}.loading-spinner{width:60px;height:60px;margin-bottom:16px;position:relative}.spinner-inner{width:100%;height:100%;border:4px solid rgba(238,191,78,.2);border-top-color:#eebf4e;border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:18px;text-align:center;color:var(--color, white);font-weight:500;max-width:300px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){.loading-overlay-content{background-color:#f5f5f5}.loading-message{color:#213547}}.provide-liquidity-container{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--swap-box-background-color, #2e2e2e);color:var(--color);border-radius:16px;box-shadow:0 4px 12px #0000001a;width:360px;margin:0 auto}.shape-picker{display:flex;justify-content:space-around;width:100%;margin-bottom:16px}.shape-picker label{display:flex;align-items:center;cursor:pointer}.shape-picker input{margin-right:8px}.price-range-picker{width:100%;margin-bottom:16px}.slider-container{position:relative;height:24px}.slider-container input[type=range]{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;z-index:3}.slider-container input[type=range]::-webkit-slider-thumb{pointer-events:all;width:16px;height:16px;background:#eebf4e;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-container input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background:#eebf4e;border-radius:50%;cursor:pointer}.slider-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#888;z-index:1;transform:translateY(-50%)}.slider-container:after{content:"";position:absolute;top:50%;left:calc((var(--min) - var(--range-min)) / (var(--range-max) - var(--range-min)) * 100%);right:calc(100% - (var(--max) - var(--range-min)) / (var(--range-max) - var(--range-min)) * 100%);height:4px;background:#eebf4e;z-index:2;transform:translateY(-50%)}.price-range-values{display:flex;justify-content:space-between;margin-top:12px;width:100%}.price-range-values>div{background:#0000001a;border-radius:4px;padding:8px;min-width:160px}.price-range-values>div>div:first-child{font-weight:700;margin-bottom:4px}.provide-liquidity-button{padding:12px;background:#eebf4e;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;width:100%}.provide-liquidity-button:hover{background:#d4a33e}.token-inputs{width:100%;margin-bottom:16px}.token-input-group{margin-bottom:12px}.token-input-group label{display:block;margin-bottom:4px;font-size:14px;color:#888}.token-input{display:flex;align-items:center;background:var(--input-background-color, #3e3e3e);border-radius:8px;padding:8px 12px;width:100%}.token-input input{flex:1;border:none;background:transparent;font-size:18px;color:var(--color);outline:none;-moz-appearance:textfield}.token-input input::-webkit-outer-spin-button,.token-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.token-symbol{font-size:16px;color:var(--color);font-weight:700}.token-display{display:flex;align-items:center}.token-icon{width:20px;height:20px;margin-right:6px;border-radius:50%}@media (prefers-color-scheme: light){.provide-liquidity-container{background:#f5f5f5;color:#213547}.price-range-values>div{background:#0000000d}.token-input{background:#fff}.token-input input,.token-symbol{color:#213547}}.terminal-loader,.terminal-header,.terminal-title,.terminal-buttons,.terminal-body,.terminal-text,.terminal-cursor{display:none}.price-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%}.active-bin-info{display:flex;justify-content:center;width:100%;margin-bottom:12px}.active-bin-link{font-size:14px;color:#eebf4e;background:#eebf4e1a;border:none;padding:6px 12px;cursor:pointer;text-decoration:none;border-radius:4px;font-weight:500}.active-bin-link:hover{background:#eebf4e33}.active-bin-marker{position:absolute;top:0;bottom:0;width:4px;background-color:#eebf4e;z-index:4;left:calc((var(--active-bin) - var(--range-min)) / (var(--range-max) - var(--range-min)) * 100%);transform:translate(-50%);box-shadow:0 0 4px #eebf4e80}.disabled-option{opacity:.5;cursor:not-allowed}.disabled-option input{cursor:not-allowed}.disabled-option small{font-size:10px;font-style:italic;color:#999;margin-left:4px}.position-selector,.position-toggle{display:none}.position-id-input{width:100%;margin-bottom:16px}.position-id-input label{display:block;margin-bottom:4px;font-size:14px;color:#888}.position-id-input input{width:100%;padding:8px 12px;border:none;border-radius:4px;background:var(--input-background-color, #3e3e3e);color:var(--color);font-size:16px;outline:none;-moz-appearance:textfield}.position-id-input input::-webkit-outer-spin-button,.position-id-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (prefers-color-scheme: light){.position-id-input input{background:#fff;color:#213547}}.bin-distribution-container{width:100%;margin-bottom:16px;border-radius:8px;padding:12px;background:#0000000d}.bin-distribution-container h3{margin-top:0;margin-bottom:12px;font-size:16px;text-align:center}.bin-distribution-graph{display:flex;align-items:flex-end;height:120px;width:100%;padding:0 4px;border-bottom:1px solid #888;position:relative}.bin-bar{flex:1;margin:0 1px;background-color:#666;position:relative}.bin-bar.active-bin{background-color:#eebf4e}.bin-bar:hover{opacity:.8;cursor:pointer}.bin-bar:hover .bin-tooltip{display:block}.bin-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;pointer-events:none}.bin-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}.bin-distribution-legend{display:flex;justify-content:center;margin-top:12px;gap:16px}.bin-legend-item{display:flex;align-items:center;font-size:12px}.bin-legend-color{width:12px;height:12px;margin-right:4px;background-color:#666}.bin-legend-color.active-bin{background-color:#eebf4e}@media (prefers-color-scheme: light){.bin-distribution-container{background:#00000008}.bin-tooltip{color:#fff}}@media screen and (min-width: 768px){.provide-liquidity-container{width:480px;padding:32px}.bin-distribution-graph{height:160px}}@media screen and (min-width: 768px){.provide-liquidity-container{width:600px;padding:40px}.bin-distribution-graph{height:200px}.token-input input{font-size:20px}.token-symbol{font-size:18px}.token-icon{width:24px;height:24px}.price-range-values>div{min-width:220px;padding:12px;font-size:16px}.provide-liquidity-button{padding:16px;font-size:18px}}@media screen and (min-width: 1200px){.provide-liquidity-container{width:700px}}@media screen and (max-width: 480px){.token-input{padding:8px}.token-input input{width:100px;font-size:16px}.token-symbol{font-size:14px;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-icon{width:16px;height:16px;margin-right:4px}.token-display{min-width:50px}.provide-liquidity-container{padding:16px}.price-range-values>div{min-width:auto;flex:1;font-size:12px;padding:6px}.bin-distribution-graph{height:100px}.bin-tooltip{font-size:10px;padding:4px}}.bin-input-group{display:flex;align-items:center;gap:8px;margin-bottom:4px}.bin-input-group span{font-weight:700}.bin-input-group input{width:70px;padding:4px 8px;border:none;border-radius:4px;background:var(--input-background-color, #3e3e3e);color:var(--color);font-size:14px;text-align:center;-moz-appearance:textfield}.bin-input-group input::-webkit-outer-spin-button,.bin-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (prefers-color-scheme: light){.bin-input-group input{background:#fff;color:#213547}}@media screen and (max-width: 480px){.bin-input-group input{width:50px;font-size:12px;padding:3px 6px}}.position-info-container{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--swap-box-background-color, #2e2e2e);color:var(--color);border-radius:16px;box-shadow:0 4px 12px #0000001a;width:360px;margin:0 auto}@media screen and (min-width: 768px){.position-info-container{width:600px;padding:40px}.position-card{padding:24px}.position-id{font-size:18px}.token-icon{width:24px;height:24px}.detail{font-size:16px;margin-bottom:12px}.remove-liquidity-button{padding:12px;font-size:16px}.position-id-input-container input{font-size:18px;padding:12px 16px}.position-id-input-container button{font-size:16px;padding:12px 20px}}@media screen and (min-width: 1200px){.position-info-container{width:700px}}.connect-prompt{display:flex;flex-direction:column;align-items:center;padding:24px 0;text-align:center}.connect-wallet-button{padding:12px 24px;background:#eebf4e;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:16px}.connect-wallet-button:hover{background:#d4a33e}.no-positions{text-align:center;padding:24px 0;color:#888}.positions-list{width:100%;display:flex;flex-direction:column;gap:16px}.position-card{background:#0000001a;border-radius:8px;padding:16px;width:100%}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.position-id{font-weight:700;color:#eebf4e}.token-pair{display:flex;align-items:center}.token-icon{width:20px;height:20px;border-radius:50%}.token-icon-overlap{margin-left:-8px;margin-right:4px}.position-details{margin-bottom:12px}.detail{display:flex;justify-content:space-between;margin-bottom:8px}.detail-label{color:#888}.detail-value{font-weight:700}.position-actions{margin-top:12px}.remove-liquidity-button{width:100%;padding:8px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.remove-liquidity-button:hover{background:#d32f2f}.remove-liquidity-button.disabled{background:#888;cursor:not-allowed;opacity:.7;position:relative}.remove-liquidity-button.disabled:hover{background:#888}.position-id-form{width:100%;margin-bottom:16px}.position-id-input-container{display:flex;margin-bottom:8px}.position-id-input-container input{flex:1;padding:8px 12px;border:none;border-radius:4px 0 0 4px;background:var(--input-background-color, #3e3e3e);color:var(--color);font-size:16px;outline:none}.position-id-input-container button{padding:8px 16px;background:#eebf4e;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}.position-id-input-container button:hover{background:#d4a33e}.reset-button{padding:6px 12px;background:transparent;color:#888;border:1px solid #888;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.reset-button:hover{background:#8888881a}.error-message{color:#f44336;text-align:center;margin-bottom:16px;padding:8px;background:#f443361a;border-radius:4px;width:100%}@media (prefers-color-scheme: light){.position-info-container{background:#f5f5f5;color:#213547}.position-card{background:#0000000d}.position-id-input-container input{background:#fff;color:#213547}}.coming-soon-badge{font-size:10px;background:#333;color:#fff;padding:2px 6px;border-radius:10px;margin-left:6px;vertical-align:middle}@media (prefers-color-scheme: light){.coming-soon-badge{background:#666;color:#fff}}.pool-container{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%;max-width:1200px;margin:0 auto}.pool-tabs{display:flex;justify-content:center;margin-bottom:24px;width:360px;flex-wrap:wrap;gap:8px}.pool-tabs button{flex:1;min-width:110px;padding:12px;background:#333;color:#fff;border:none;cursor:pointer;transition:all .3s;border-radius:8px;position:relative;overflow:hidden}.pool-tabs button.active{background:#eebf4e;color:#fff;font-weight:700;box-shadow:0 4px 8px #eebf4e4d;transform:translateY(-2px)}.pool-tabs button.active:after{display:none}.pool-tabs button:first-child,.pool-tabs button:last-child{border-radius:8px}@media screen and (min-width: 768px){.pool-tabs{width:600px;gap:12px}.pool-header h2{font-size:32px}.config-display{max-width:1000px}.pool-tabs button{font-size:18px;padding:16px}.config-toggle-button{padding:12px 18px;font-size:16px}}@media screen and (min-width: 1200px){.pool-tabs{width:700px;gap:16px}}.pool-content{width:100%;display:flex;justify-content:center}@media (prefers-color-scheme: light){.pool-tabs button{background:#f0f0f0;color:#333}.pool-tabs button.active{background:#eebf4e;color:#fff;box-shadow:0 4px 8px #eebf4e4d}}.simple-loader{text-align:center;padding:40px 0;font-size:18px;color:var(--color)}.dots{display:inline-block;animation:blinkDots 1.5s infinite step-start}@keyframes blinkDots{0%,to{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:1}}.pool-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;width:100%;max-width:700px}.pool-title{display:flex;flex-direction:column}.token-pair-display{display:flex;align-items:center;margin-bottom:4px}.token-pair-display h2{margin:0}.token-icon{width:28px;height:28px;border-radius:50%}.token-icon-overlap{margin-left:-8px;margin-right:8px}.contract-id{font-size:14px;color:#888}.contract-address{font-family:monospace}.config-toggle-button{padding:8px 12px;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.config-toggle-button:hover{background:#444}.config-display{width:100%;max-width:600px;margin-bottom:24px;background:#0000000d;border-radius:8px;padding:16px;overflow:auto}.config-display h3{margin-top:0;margin-bottom:12px}.config-display pre{margin:0;font-family:monospace;font-size:14px;overflow:auto;max-height:300px}@media (prefers-color-scheme: light){.config-toggle-button{background:#f0f0f0;color:#333}.config-toggle-button:hover{background:#e0e0e0}}