:root{--bg: #071012;--surface: rgba(13, 28, 31, .86);--surface-solid: #0d1c1f;--border: rgba(177, 238, 232, .12);--border-hover: rgba(34, 211, 198, .5);--primary: #0ea5a3;--primary-light: #5eead4;--accent: #f4c95d;--accent-dim: rgba(244, 201, 93, .14);--text: #f0f4ff;--muted: #8aa3a4;--input: rgba(5, 15, 17, .9);--success: #34d399;--error: #f87171;--info: #60a5fa;--radius: 8px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,rgba(14,165,163,.08),transparent 360px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 92px),var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none}a:hover{text-decoration:underline}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;width:100%}.bg-orbs{display:none}.header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050f11d1;border-bottom:1px solid var(--border)}.header-inner{width:100%;margin:0;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{width:42px;height:42px;border-radius:8px;background:#5eead41a;border:1px solid var(--border);padding:5px;box-shadow:0 10px 28px #0ea5a338}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:1rem}.brand-text span{font-size:.72rem;color:var(--muted)}.nav{display:flex;gap:4px}.nav a,.nav .nav-link{padding:8px 14px;border-radius:10px;color:var(--muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-family:inherit}.nav a:hover,.nav .nav-link:hover{color:var(--text);background:#ffffff0d}.nav-active{color:var(--text)!important;background:#0ea5a32e!important}.wallet-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#0ea5a3,#0f766e);color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;font-family:inherit;box-shadow:0 10px 26px #0ea5a33d;transition:transform .15s,box-shadow .15s}.wallet-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #0ea5a357}.wallet-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.main{position:relative;z-index:1;flex:1;width:100%;padding:24px 32px 32px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:24px 40px;align-items:stretch;min-height:calc(100vh - 130px)}@media (max-width: 960px){.main{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;padding:20px 16px 24px;gap:20px}.nav{display:none}.header-inner{padding:12px 16px}}.hero{display:flex;flex-direction:column;justify-content:center;padding:24px 0;min-height:100%}.hero-logo-wrap{width:86px;height:86px;display:grid;place-items:center;margin-bottom:20px;border-radius:8px;border:1px solid var(--border);background:#0d1c1fb8;box-shadow:0 20px 50px #0000004d}.hero-logo{width:66px;height:66px;object-fit:contain}@media (min-width: 961px){.hero{padding-right:24px}}.hero-tag{display:inline-block;padding:6px 14px;border-radius:999px;background:#0ea5a324;border:1px solid rgba(94,234,212,.25);color:var(--primary-light);font-size:.78rem;font-weight:600;letter-spacing:0;margin-bottom:20px}.hero h1{font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:700;line-height:1.08;letter-spacing:0;margin-bottom:20px}.hero h1 span{background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;max-width:560px;margin-bottom:32px}.hero-stats{display:flex;gap:16px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;padding:16px 24px;border-radius:var(--radius-sm);background:#0d1c1fd1;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:110px;flex:1;max-width:160px}.stat-val{font-size:1.25rem;font-weight:700;color:var(--text)}.stat-lbl{font-size:.75rem;color:var(--muted);margin-top:2px}.swap-panel{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100%}.swap-card{padding:28px 32px;width:100%}.bottom-bar{grid-column:1 / -1;width:100%}.glass{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 0 0 1px #ffffff0a inset,0 24px 60px #00000061}@media (max-width: 960px){.swap-card{padding:20px 16px}}.swap-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.swap-card-head h2{font-size:1.15rem;font-weight:600}.dex-tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;border-radius:8px;background:#ffffff08;border:1px solid var(--border)}.dex-tabs button{flex:1;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.dex-tabs button.active{background:#0ea5a32e;color:var(--primary-light);box-shadow:0 2px 8px #0ea5a324}.dex-tabs button:hover:not(.active){color:var(--text);background:#ffffff0a}.panel-desc{color:var(--muted);font-size:.85rem;line-height:1.55;margin-bottom:16px}.pool-banner{margin-bottom:16px;padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.pool-banner-new{color:var(--accent);font-size:.85rem;text-align:center}.liquidity-plus{text-align:center;color:var(--muted);font-size:1.2rem;margin:4px 0;font-weight:600}.token-select-row{margin-bottom:16px}.token-select-row .token-input-label{display:block;margin-bottom:10px;font-size:.82rem;color:var(--muted)}.pool-pills{display:flex;flex-wrap:wrap;gap:8px}.pool-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.pool-pill.active,.pool-pill:hover{border-color:var(--primary);color:var(--primary-light);background:#0ea5a31f}.lp-label{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-weight:700;font-size:.9rem}.percent-btns{display:flex;gap:8px;margin:12px 0 4px}.percent-btns button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.percent-btns button:hover{border-color:var(--primary);color:var(--primary-light);background:#0ea5a31a}.create-form{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field span{font-size:.82rem;color:var(--muted);font-weight:500}.form-field small{color:var(--muted);font-size:.76rem;line-height:1.45}.form-field input{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-field input:focus{outline:none;border-color:var(--border-hover)}.deploy-result{margin-top:16px;padding:18px 20px;border-radius:var(--radius-sm);background:#34d39914;border:1px solid rgba(52,211,153,.25)}.deploy-result h3{font-size:.95rem;margin-bottom:12px;color:var(--success)}.secondary-btn{width:100%;margin-top:14px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--primary);background:#0ea5a31a;color:var(--primary-light);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.secondary-btn:hover{background:#0ea5a32e}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:1rem;transition:border-color .2s,color .2s}.icon-btn:hover{border-color:var(--border-hover);color:var(--text)}.settings-panel{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border);font-size:.85rem;color:var(--muted)}.slippage-btns{display:flex;gap:6px}.slippage-btns button{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.82rem;cursor:pointer;font-family:inherit;transition:all .15s}.slippage-btns button.active,.slippage-btns button:hover{border-color:var(--primary);color:var(--primary-light);background:#0ea5a31f}.token-input{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;transition:border-color .2s}.token-input:focus-within{border-color:var(--border-hover)}.token-input-top{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.82rem}.token-input-label{color:var(--muted);font-weight:500}.token-input-bal{color:var(--muted)}.max-btn{margin-left:8px;padding:2px 8px;border-radius:6px;border:1px solid var(--primary);background:#0ea5a31a;color:var(--primary-light);font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit}.token-input-body{display:flex;align-items:center;gap:12px}.token-input-body input{flex:1;background:transparent;border:none;color:var(--text);font-size:1.6rem;font-weight:600;text-align:right;font-family:inherit;min-width:0}.token-input-body input:focus{outline:none}.token-input-body input::placeholder{color:#7b8ba866}.token-select-wrap{position:relative}.token-pill{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;font-family:inherit;font-weight:600;font-size:.95rem;white-space:nowrap;transition:border-color .2s,background .2s}.token-pill:hover{border-color:var(--border-hover);background:#ffffff14}.token-pill:disabled{cursor:default;color:var(--text)}.token-pill:disabled:hover{border-color:var(--border);background:#ffffff0f}.token-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.token-icon.sm{width:28px;height:28px;font-size:.75rem}.token-icon img{width:100%;height:100%;object-fit:contain;padding:3px}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.token-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:201;min-width:220px;list-style:none;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;box-shadow:0 16px 48px #00000080}.token-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}.token-dropdown button:hover{background:#ffffff0f}.token-dropdown button div{display:flex;flex-direction:column}.token-dropdown button strong{font-size:.9rem}.token-dropdown button span{font-size:.75rem;color:var(--muted)}.swap-divider{display:flex;justify-content:center;margin:-6px 0;position:relative;z-index:2}.flip-btn{width:40px;height:40px;border-radius:8px;border:4px solid var(--surface-solid);background:var(--input);color:var(--primary-light);cursor:pointer;display:grid;place-items:center;transition:transform .25s,background .2s,color .2s;box-shadow:0 4px 12px #0000004d}.flip-btn:hover{transform:rotate(180deg);background:#0ea5a32e;color:var(--accent)}.swap-details{margin:16px 0 4px;padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;font-size:.82rem;padding:5px 0;color:var(--muted)}.detail-row span:last-child{color:var(--text);font-weight:500}.route{font-family:ui-monospace,monospace;font-size:.78rem}.swap-btn{width:100%;margin-top:16px;padding:16px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0ea5a3,#0f766e 52%,#d69f2f);background-size:200% auto;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-position .3s,transform .15s,opacity .2s;box-shadow:0 10px 32px #0ea5a347}.swap-btn:hover:not(:disabled){background-position:right center;transform:translateY(-2px);box-shadow:0 14px 42px #0ea5a361}.swap-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.swap-btn.connect{background:linear-gradient(135deg,#0ea5a3,#0f766e)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:.85rem;word-break:break-all;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:var(--success)}.toast-error{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:var(--error)}.toast-info{background:#60a5fa1f;border:1px solid rgba(96,165,250,.3);color:var(--info)}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}@media (max-width: 960px){.info-cards{grid-template-columns:1fr}}@media (min-width: 961px) and (max-width: 1200px){.info-cards{grid-template-columns:repeat(3,1fr)}}.info-card{padding:20px 24px;height:100%}.info-card h3{font-size:.9rem;margin-bottom:12px;font-weight:600}.info-card ol{padding-left:18px;color:var(--muted);font-size:.85rem;line-height:1.8}.contract-list{display:flex;flex-direction:column;gap:8px}.contract-list a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);color:var(--text);font-size:.82rem;text-decoration:none;transition:border-color .2s}.contract-list a:hover{border-color:var(--border-hover);text-decoration:none}.contract-list a span{color:var(--muted);font-family:monospace;font-size:.75rem}.empty-market{display:grid;place-items:center;text-align:center;gap:14px;min-height:340px;padding:34px 22px;border:1px dashed rgba(94,234,212,.28);border-radius:var(--radius);background:linear-gradient(180deg,#0ea5a31a,#f4c95d0a),#ffffff06}.empty-market.compact{min-height:260px}.empty-logo{width:78px;height:78px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:#050f11ad}.empty-logo img{width:58px;height:58px;object-fit:contain}.empty-market h3{font-size:1.18rem;line-height:1.25}.empty-market p{max-width:420px;color:var(--muted);font-size:.92rem;line-height:1.6}.empty-actions{width:min(100%,360px);display:grid;gap:10px}.footer{position:relative;z-index:1;width:100%;margin:0;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}@media (max-width: 960px){.footer{padding:16px}.hero h1{font-size:2.45rem}.hero-logo-wrap{width:72px;height:72px}.hero-logo{width:54px;height:54px}.hero-stats{gap:10px}.stat-pill{min-width:calc(50% - 5px);max-width:none;padding:14px 16px}.token-input-top{align-items:flex-start;gap:8px;flex-direction:column}.token-input-body input{font-size:1.35rem}}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}