:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f0;--card:#fff;--box:#eef3ea;--text:#22302b;--muted:#6d7f78;--border:#dfe8dc;--accent:#659287;--accent-dark:#547d72;--accent-deep:#40615a;--on-accent:#fff;--sage:#88bda4;--sage-light:#b1d3b9;--sage-pale:#e6f2dd;--error:#c25b4e;--error-bg:#faeeec;--radius:16px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#222831;--card:#31363f;--box:#272c35;--text:#eee;--muted:#8b939f;--border:#3d434d;--accent:#76abae;--accent-dark:#689ea1;--accent-deep:#93c4c7;--on-accent:#222831;--sage:#567d7f;--sage-light:#48696b;--sage-pale:#2a3a3b;--error:#e0857a;--error-bg:#382a2c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit}a{color:var(--accent-deep)}.app{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app:before,.app:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}.app:before{background:radial-gradient(42rem 42rem at 12% 8%,#88bda447,#0000 62%),radial-gradient(38rem 38rem at 88% 16%,#65928733,#0000 60%),radial-gradient(46rem 46rem at 78% 96%,#b1d3b942,#0000 64%),radial-gradient(40rem 40rem at 20% 100%,#e6f2dd80,#0000 62%)}.app:after{background-image:linear-gradient(90deg,#65928717 1px,#0000 1px),linear-gradient(#65928717 1px,#0000 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(90% 70% at 50% 32%,#000 45%,#0000 100%);mask-image:radial-gradient(90% 70% at 50% 32%,#000 45%,#0000 100%)}:root[data-theme=dark] .app:before{background:radial-gradient(42rem 42rem at 12% 8%,#76abae1f,#0000 60%),radial-gradient(38rem 38rem at 88% 16%,#76abae17,#0000 60%),radial-gradient(46rem 46rem at 78% 96%,#76abae1a,#0000 62%),radial-gradient(40rem 40rem at 20% 100%,#eeeeee0a,#0000 60%)}:root[data-theme=dark] .app:after{background-image:linear-gradient(90deg,#76abae0f 1px,#0000 1px),linear-gradient(#76abae0f 1px,#0000 1px)}:root[data-theme=dark] .dropdown{box-shadow:0 8px 24px #00000073}.muted{color:var(--muted);font-size:13px}.header{justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{cursor:pointer;align-items:center;gap:8px;text-decoration:none;display:flex}.tree-logo,.tree-logo canvas{display:block}.brand-name{letter-spacing:-.04em;color:var(--accent-deep);font-family:Space Grotesk,Inter,sans-serif;font-size:24px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.pill{background:var(--card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.pill img{border-radius:50%}.pill:hover{border-color:var(--sage)}.caret{color:var(--muted);flex-shrink:0}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.connect-btn{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.connect-btn:hover{background:var(--accent-dark)}.icon-pill{padding:9px 11px}.icon-pill svg{color:var(--accent-deep);display:block}.dropdown-row svg{flex-shrink:0}.chain-menu{position:relative}.dropdown{background:var(--card);border:1px solid var(--border);z-index:20;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #40615a1f}.dropdown-row{border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;font-weight:500;display:flex}.dropdown-row img{border-radius:50%}.dropdown-row:hover{background:var(--box)}.dropdown-row.active{background:var(--sage-pale);font-weight:600}.dropdown-row.danger{color:var(--error)}.main{flex-direction:column;flex:1;align-items:center;gap:14px;padding:36px 16px 60px;display:flex}.swap-card{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:6px;width:100%;max-width:440px;padding:14px;display:flex;box-shadow:0 1px 3px #40615a0f}.swap-box{background:var(--box);border-radius:var(--radius);padding:14px 16px}.swap-box-top{justify-content:space-between;margin-bottom:8px;display:flex}.pay-meta{align-items:center;gap:8px;display:flex}.wallet-balance{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.wallet-ico{opacity:.8;flex-shrink:0}.pct-opts{align-items:center;gap:4px;display:inline-flex}.pct-btn{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pct-btn:hover{border-color:var(--sage);color:var(--accent-deep);background:var(--sage-pale)}.swap-box-main{align-items:center;gap:10px;display:flex}.amount-input,.amount-output{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:28px;font-weight:600}.amount-input::placeholder{color:#a4b3ac}:root[data-theme=dark] .amount-input::placeholder{color:#5c636e}.amount-output{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.amount-output.dim{color:var(--muted)}.token-btn{background:var(--card);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:6px 12px;font-size:15px;font-weight:600;display:flex}.token-btn:hover{border-color:var(--sage)}.flip-btn{background:var(--card);border:3px solid var(--bg);width:34px;height:34px;box-shadow:0 0 0 1px var(--border);color:var(--muted);z-index:1;border-radius:10px;align-self:center;margin:-14px 0;font-size:15px}.flip-btn:hover{color:var(--accent-deep)}.slippage-block{flex-direction:column;gap:8px;padding:8px 4px 4px;display:flex}.slippage-row{justify-content:space-between;align-items:center;display:flex}.slippage-opts{align-items:center;gap:6px;display:flex}.slippage-value{text-align:right;min-width:46px;color:var(--accent-deep);font-size:13px;font-weight:600}.slippage-slider{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.slippage-slider::-webkit-slider-thumb{appearance:none;background:var(--card);border:2px solid var(--accent);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #40615a40}.slippage-slider::-moz-range-thumb{background:var(--card);border:2px solid var(--accent);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #40615a40}.chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:500}.chip.active{border-color:var(--sage);color:var(--accent-deep);background:var(--sage-pale)}.details{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;display:flex}.details-row{justify-content:space-between;align-items:center;display:flex}.details-row span:first-child{color:var(--muted)}.details-row span:last-child{font-weight:500}.rate-cell{align-items:center;gap:7px;display:flex}.refresh-ring{display:block}.ring-track{fill:none;stroke:var(--sage-pale);stroke-width:2.5px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;transform-origin:50%;stroke-dashoffset:44px;animation:linear forwards ring-fill;transform:rotate(-90deg)}@keyframes ring-fill{0%{stroke-dashoffset:44px}to{stroke-dashoffset:0}}.error-box{background:var(--error-bg);color:var(--error);border-radius:12px;padding:10px 14px;font-size:13px}.swap-btn{background:var(--accent);color:var(--on-accent);border-radius:14px;margin-top:4px;padding:14px;font-size:16px;font-weight:600}.swap-btn:hover:not(:disabled){background:var(--accent-dark)}.swap-btn:disabled{background:var(--box);color:var(--muted);cursor:default}.btn-spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);vertical-align:-2px;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite ref-spin;display:inline-block}.toast{z-index:60;border-radius:12px;align-items:flex-start;gap:10px;width:auto;max-width:340px;padding:13px 14px 15px;font-size:14px;animation:.34s cubic-bezier(.16,1,.3,1) toast-in;display:flex;position:fixed;top:84px;right:20px;overflow:hidden;box-shadow:0 12px 32px #22302b2e}.toast.leaving{pointer-events:none;animation:.5s cubic-bezier(.45,0,.9,.3) forwards toast-out}.toast-body{word-break:break-word;flex-flow:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.toast-body a{font-size:13px;font-weight:600}.toast-close{color:inherit;opacity:.55;flex-shrink:0;margin-left:auto;padding:2px;font-size:16px;line-height:1}.toast-close:hover{opacity:1}.toast-progress{transform-origin:0;background:var(--accent);width:100%;height:3px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:0}.toast:hover .toast-progress{animation-play-state:paused}.toast.success{background:var(--sage-pale);border:1px solid var(--sage-light)}.toast.error{background:var(--error-bg);color:var(--error);border:1px solid #ecc8c2}.toast.error .toast-progress{background:var(--error)}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}22%{opacity:1;transform:translate(-14px)}to{opacity:0;transform:translate(135%)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root[data-theme=dark] .toast{box-shadow:0 12px 32px #00000080}:root[data-theme=dark] .toast.error{border-color:#543336}.route-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;max-width:720px;padding:16px 20px 20px;display:flex}.route-title{font-size:14px;font-weight:600}.route-ends{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.route-end{align-items:center;gap:8px;display:flex}.route-lanes{border-left:2px solid var(--sage);border-right:2px solid var(--sage);flex-direction:column;gap:14px;margin:0 9px;padding:18px 0;display:flex}.route-lane{align-items:center;display:flex}.route-line{border-top:2px dashed var(--sage-light);flex:1;min-width:14px;position:relative}.route-line.arrow:after{content:"";border:4px solid #0000;border-left:6px solid var(--sage);position:absolute;top:-5px;right:0}.route-pct{background:var(--sage-pale);color:var(--accent-deep);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.route-hop{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #40615a0d}.route-hop-token{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.route-hop-dex{background:var(--box);color:var(--muted);border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:flex}.dex-icon{border-radius:50%;flex-shrink:0}.modal-backdrop{z-index:50;background:#22302b66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:400px;max-height:80vh;padding:20px;display:flex;overflow:hidden}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:18px}.icon-btn{color:var(--muted);padding:4px;font-size:14px}.icon-btn:hover{color:var(--text)}.search-input{border:1px solid var(--border);background:var(--box);border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:14px}.search-input:focus{border-color:var(--sage);background:var(--card)}.token-list{flex-direction:column;gap:2px;margin:0 -8px;padding:0 8px;display:flex;overflow-y:auto}.token-row{text-align:left;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;display:flex}.token-row:hover{background:var(--box)}.token-row-text{flex-direction:column;display:flex}.token-row-symbol{font-size:15px;font-weight:600}.token-row-name{color:var(--muted);font-size:13px}.token-icon{border-radius:50%;flex-shrink:0}.token-icon-fallback{background:var(--box);border:1px solid var(--border);color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.wallet-list{flex-direction:column;gap:8px;display:flex}.wallet-row{border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.wallet-row:hover{background:var(--box);border-color:var(--sage)}.wallet-row img{border-radius:8px}.debug-card{background:var(--card);border:3px dashed var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;max-width:720px;padding:16px 20px 20px;display:flex}.debug-title{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.debug-tag{color:var(--muted);font-size:12px;font-weight:500}.debug-btn{border:1px solid var(--border);background:var(--box);border-radius:10px;align-self:flex-start;padding:8px 14px;font-size:13px;font-weight:600}.debug-btn:hover:not(:disabled){background:var(--sage-pale)}.debug-btn:disabled{color:var(--muted);cursor:default}.debug-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.debug-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:11px}.debug-stale{color:var(--error)}.header-left{align-items:center;gap:28px;display:flex}.nav{background:color-mix(in srgb, var(--card) 55%, transparent);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:4px;display:flex;position:relative}.nav-indicator{z-index:0;background:var(--box);border-radius:999px;height:calc(100% - 8px);transition:transform .55s cubic-bezier(.34,1.56,.64,1),width .55s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;left:0;box-shadow:0 1px 3px #0000001f}.nav-link{z-index:1;white-space:nowrap;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}@media (prefers-reduced-motion:reduce){.nav-indicator{transition:none}}.tx-panel{width:100%;max-width:760px}.tx-title{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:600}.tx-empty{color:var(--muted);text-align:center;padding:28px 0}.tx-list{flex-direction:column;gap:8px;display:flex}.tx-row{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.tx-row:hover{border-color:var(--accent)}.tx-chain{background:var(--box);border-radius:999px;flex-shrink:0}.tx-pair{flex:1;align-items:center;gap:12px;min-width:0;font-size:15px;font-weight:600;display:flex}.tx-leg{align-items:center;gap:8px;min-width:0;display:flex}.tx-leg .token-icon,.tx-leg .token-icon-fallback{flex-shrink:0}.tx-amt{white-space:nowrap}.tx-sym{color:var(--muted);font-weight:600}.tx-sep{color:var(--muted);font-size:12px;font-weight:400}.tx-meta{flex-shrink:0;align-items:center;gap:12px;font-size:12px;display:flex}.tx-ref-slot{justify-content:flex-end;width:28px;display:flex}.tx-status-slot{justify-content:flex-end;width:74px;display:flex}.tx-time{text-align:right;width:58px;color:var(--muted);font-variant-numeric:tabular-nums}.tx-status{border-radius:999px;padding:3px 10px;font-weight:600}.tx-finalized{color:var(--accent-deep);background:var(--sage-pale)}.tx-pending{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.tx-tag{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:700}.tx-more{border-radius:var(--radius);background:var(--box);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;margin-top:12px;padding:10px;font-weight:600}.tx-more:disabled{opacity:.6;cursor:default}.ref-panel{flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex}.ref-head{justify-content:space-between;align-items:baseline;display:flex}.ref-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.ref-who{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.ref-gate{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--muted);flex-direction:column;align-items:flex-start;gap:14px;padding:24px;line-height:1.5;display:flex}.ref-addr{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.ref-section{flex-direction:column;gap:8px;display:flex}.ref-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:13px;font-weight:600}.ref-muted{color:var(--muted);padding:12px 2px;font-size:14px}.ref-row{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ref-row-link{color:inherit;text-decoration:none}.ref-row-link:hover{border-color:var(--accent)}.ref-leg{align-items:center;gap:10px;min-width:0;display:flex}.ref-icons{flex-shrink:0;display:inline-flex;position:relative}.ref-chain{border:2px solid var(--card);background:var(--card);z-index:1;border-radius:50%;position:absolute;bottom:-3px;right:-4px}.ref-amt{white-space:nowrap;font-size:15px;font-weight:600}.ref-symbol{color:var(--muted)}.ref-voucher-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.ref-expiry{color:var(--muted);font-size:12px}.ref-btn{background:var(--box);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.ref-btn:hover:not(:disabled){border-color:var(--accent)}.ref-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ref-btn:disabled{opacity:.55;cursor:default}.ref-more{background:var(--box);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:600}.ref-more:hover:not(:disabled){border-color:var(--accent)}.ref-more:disabled{opacity:.55;cursor:default}.ref-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none}.ref-badge.redeemed{color:var(--accent-deep);background:var(--sage-pale)}.ref-badge.expired{color:var(--muted);background:var(--box)}.ref-spinner{vertical-align:-2px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:4px;animation:.7s linear infinite ref-spin;display:inline-block}@keyframes ref-spin{to{transform:rotate(360deg)}}.ref-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ref-modal{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:28px 24px;display:flex;box-shadow:0 12px 40px #00000040}.ref-modal h3{color:var(--text);margin:0;font-size:18px}.ref-modal p{color:var(--muted);margin:0;line-height:1.5}.ref-modal .ref-btn{box-sizing:border-box;text-align:center;width:100%;margin-top:2px}.ref-modal-check{background:var(--sage-pale);width:46px;height:46px;color:var(--accent-deep);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}