:root{--stone-50: #fffefb;--stone-100: #f5f4ef;--stone-150: #efeee8;--stone-300: #d9ddd9;--stone-500: #7d8788;--stone-650: #586367;--stone-900: #202b30;--blue-50: #edf2ff;--blue-150: #dbe6fc;--blue-650: #2352cc;--blue-750: #1943ad;--rust-50: #fcf0e8;--rust-700: #a14525;--red-700: #ae302b;--color-page: var(--stone-100);--color-surface: var(--stone-50);--color-soft: var(--stone-150);--color-text: var(--stone-900);--color-muted: var(--stone-650);--color-border: var(--stone-300);--color-control-border: var(--stone-500);--color-accent: var(--blue-650);--color-accent-hover: var(--blue-750);--color-selected: var(--blue-50);--color-chart-fill: var(--blue-150);--color-focus: var(--blue-650);--color-caution-bg: var(--rust-50);--color-caution-text: var(--rust-700);--color-error: var(--red-700);--font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-display: Georgia, "Times New Roman", serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-caption: .75rem;--text-small: .8125rem;--text-label: .875rem;--text-body: 1rem;--text-section: 1.0625rem;--text-title: clamp(2.5rem, 5vw, 3.75rem);--text-result: clamp(2rem, 4.4vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-control: 6px;--radius-panel: 12px;font-family:var(--font-body);color:var(--color-text);background:var(--color-page);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button,summary,label:has(input[type=radio]){cursor:pointer}button{border:1px solid var(--color-control-border);background:var(--color-surface)}button,input,summary{-webkit-tap-highlight-color:transparent}button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}fieldset{margin:0;padding:0;border:0;min-width:0}legend{padding:0;font-size:var(--text-label);font-weight:600}::selection{color:var(--color-surface);background:var(--color-accent)}.shell{max-width:1184px;margin-inline:auto;padding:0 var(--space-7)}.masthead{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.wordmark{display:flex;align-items:center;gap:10px;font-size:1.375rem;font-weight:650;letter-spacing:-.6px}.wordmark svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.6}.offline{font-size:var(--text-small);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);white-space:nowrap}.offline>span{font-size:1.4rem}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:var(--space-7);padding-block:42px 38px}.eyebrow{font:500 var(--text-caption)/1.5 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-4)}h1{font:400 var(--text-title)/1.07 var(--font-display);letter-spacing:-2px}.accent-period{color:var(--color-caution-text)}.intro-copy{padding-bottom:5px;max-width:400px}.intro-copy>p{font-size:1.0625rem;line-height:1.65;color:var(--color-muted)}.time-label{display:flex;align-items:center;gap:var(--space-2);margin-top:19px;font-size:var(--text-small)}.time-label svg,.trade-route svg,.chart-axis-label svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5}.workspace{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:var(--space-5);align-items:start}.controls{padding:var(--space-5) 0 0}.section-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-5)}.step{color:var(--color-muted);font:400 var(--text-caption)/1.5 var(--font-mono)}h2{font-size:var(--text-section);font-weight:600;letter-spacing:-.2px}.reset{margin-inline-start:auto;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 var(--space-2);font-size:var(--text-small);color:var(--color-muted);border-radius:var(--radius-control)}.controls .section-heading{margin-block:-10px var(--space-5)}.field-label{font-size:var(--text-label);font-weight:500;display:block}.amount-box{background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:8px;display:flex;align-items:center;gap:var(--space-3);margin-top:10px;padding-inline:var(--space-4)}.amount-box:has(input[aria-invalid=true]){border-color:var(--color-error)}#amount{width:100%;min-width:0;font-size:2rem;font-weight:500;letter-spacing:-.6px;padding-block:13px;border:0;background:transparent;font-variant-numeric:tabular-nums;border-radius:2px}.unit{display:flex;align-items:center;gap:7px;font-size:var(--text-label);font-weight:600}.unit svg{width:12px;height:23px}.field-hint{color:var(--color-muted);font-size:var(--text-caption);line-height:1.5;margin-top:var(--space-2)}.field-error{color:var(--color-error);font-size:var(--text-small);margin-top:var(--space-2)}.amount-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.amount-presets button{min-height:40px;border-radius:var(--radius-control);font-size:var(--text-small);font-variant-numeric:tabular-nums;padding:var(--space-1)}.amount-presets button span{font-size:var(--text-caption)}.amount-presets button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-selected)}.pool-field{margin-top:26px}.pool-options{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.pool-option{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;border:1px solid var(--color-control-border);border-radius:8px;background:var(--color-surface)}.pool-option:has(input:checked){border-color:var(--color-accent);background:var(--color-selected)}.pool-option input,.slippage-options input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.pool-option:has(input:focus-visible),.slippage-options label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.pool-glyph{width:25px;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;height:24px}.pool-glyph i{height:21px;width:4px;background:var(--color-muted);border-radius:1px}.pool-glyph i:first-child{height:11px}.pool-glyph i:nth-child(2){height:16px}.pool-option:has(input:checked) .pool-glyph i{background:var(--color-accent)}.pool-copy{display:grid;gap:2px;min-width:0}.pool-copy strong{font-size:var(--text-label);font-weight:600}.pool-copy>span{font-size:var(--text-caption);color:var(--color-muted);font-variant-numeric:tabular-nums}.radio-indicator{width:16px;height:16px;margin-inline-start:auto;border:1px solid var(--color-control-border);border-radius:50%;flex-shrink:0}.pool-option:has(input:checked) .radio-indicator{border:5px solid var(--color-accent);background:var(--color-surface)}.slippage-field{margin-top:26px}.slippage-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.slippage-options label{position:relative;border-radius:var(--radius-control)}.slippage-options span{min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-control-border);border-radius:var(--radius-control);font-size:var(--text-small);background:var(--color-surface)}.slippage-options input:checked+span{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.model-tag{margin-top:26px;display:flex;align-items:center;gap:7px;font-size:var(--text-caption);color:var(--color-muted);flex-wrap:wrap}.model-tag>span:first-child{font-size:1.4rem}.result-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:25px 28px 18px;min-width:0}.result-panel .section-heading{margin-bottom:30px}.simulation-tag{margin-inline-start:auto;padding:3px 7px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.6px;background:var(--color-soft);border-radius:3px;color:var(--color-muted)}.quote-top{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.trade-route{display:flex;gap:6px;align-items:center;color:var(--color-muted);font:400 .6875rem/1.5 var(--font-mono)}.trade-route svg{width:14px}.receive{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-block:4px 3px;line-height:1.15}#output{font-size:var(--text-result);font-weight:500;letter-spacing:-1.8px;overflow-wrap:anywhere}.receive-unit{font-size:var(--text-label);font-weight:500;color:var(--color-muted)}.quote-caption{color:var(--color-muted);font-size:var(--text-caption);margin-top:9px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:var(--space-4);padding-block:20px;margin-top:var(--space-5);border-block:1px solid var(--color-border)}.metrics>div{display:grid;gap:4px}.metrics>div>span{font-size:var(--text-small);color:var(--color-muted)}.metrics strong{font-weight:600;font-size:1.4375rem;line-height:1.35;overflow-wrap:anywhere}.metrics small{color:var(--color-muted);font-size:var(--text-caption)}.metric-unit{font-size:.625rem;letter-spacing:.2px;font-weight:500}.receive,.metrics,.quote-fee,.chart{font-variant-numeric:tabular-nums}.chart{margin-top:23px}.chart figcaption{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:var(--text-small);font-weight:500;margin-bottom:13px}.chart-legend{display:flex;align-items:center;gap:5px;color:var(--color-muted);font-size:.6875rem;font-weight:400}.chart-legend i{width:14px;height:2px;background:var(--color-accent)}#chart-graphic svg{width:100%;display:block;overflow:visible}.grid-line{stroke:var(--color-border);stroke-dasharray:3 4}.axis-text{fill:var(--color-muted);font-size:12px;font-family:var(--font-mono)}.chart-area{fill:var(--color-chart-fill);opacity:.65}.chart-line{fill:none;stroke:var(--color-accent);stroke-width:2.5}.marker-line{stroke:var(--color-accent);stroke-width:1;stroke-dasharray:3 4}.chart-marker{fill:var(--color-accent);stroke:var(--color-surface);stroke-width:2}.marker-label-bg{fill:var(--color-text)}.marker-label{fill:var(--color-surface);font:11px var(--font-mono)}.chart-axis-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.6875rem;color:var(--color-muted);margin-top:2px}.chart-axis-label svg{width:14px;height:14px}.insight{margin-top:19px;background:var(--color-soft);border-radius:var(--radius-control);padding:13px 14px;display:flex;align-items:start;gap:9px}.insight-icon{font-size:1.125rem;line-height:1.3}.insight p{font-size:var(--text-small);line-height:1.6}.insight[data-level=high]{color:var(--color-caution-text);background:var(--color-caution-bg)}.quote-fee{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:15px;font-size:.6875rem;color:var(--color-muted)}.quote-fee strong{font-weight:500;color:var(--color-text);margin-inline-start:var(--space-1)}.empty-result{padding-block:100px;text-align:center}.empty-result svg{width:40px;height:40px;stroke:var(--color-muted);stroke-width:1;margin-bottom:var(--space-4)}.empty-result h3{font-size:1.25rem;font-weight:500}.empty-result p{color:var(--color-muted);font-size:var(--text-label);margin-top:var(--space-3)}.takeaway{display:grid;grid-template-columns:.76fr 1.24fr;gap:var(--space-5);padding:26px 0 24px;margin-top:26px;border-block:1px solid var(--color-border)}.takeaway-label{font:400 var(--text-caption)/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:1px}.takeaway p{font-size:var(--text-label);line-height:1.65;color:var(--color-muted)}.takeaway strong{color:var(--color-text);font-weight:500}.method{border-bottom:1px solid var(--color-border)}.method summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:65px;padding-block:var(--space-3);font-size:var(--text-label);font-weight:500;list-style:none}.method summary::-webkit-details-marker{display:none}.method summary>span{font-size:1.25rem;font-weight:400}.method[open] summary>span{transform:rotate(45deg)}.method-content{max-width:75ch;padding-bottom:var(--space-5)}.method-content p{font-size:var(--text-label);color:var(--color-muted);line-height:1.65;margin-block:var(--space-3)}.method-content code{font:var(--text-caption)/1.8 var(--font-mono);color:var(--color-text);overflow-wrap:anywhere}footer{padding-block:26px var(--space-6);display:flex;gap:var(--space-6);justify-content:space-between;align-items:center}footer>p{max-width:76ch;font-size:var(--text-caption);line-height:1.7;color:var(--color-muted)}footer strong{font-weight:500;color:var(--color-text)}.footer-mark{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--color-muted);font:var(--text-caption)/1.5 var(--font-display);font-style:italic}.footer-mark svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:12px;inset-inline-start:16px;z-index:2;padding:var(--space-3);background:var(--color-surface);color:var(--color-accent);transform:translateY(-200%);border-radius:var(--radius-control)}.skip-link:focus{transform:translateY(0)}@media(hover:hover){button:hover,.pool-option:hover,.slippage-options label:hover span{border-color:var(--color-accent);background:var(--color-selected)}.reset:hover{color:var(--color-accent)}.slippage-options input:checked+span:hover{background:var(--color-accent-hover)}.method summary:hover{color:var(--color-accent)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s,scale .15s cubic-bezier(.2,0,0,1)}button:active{scale:.96}}@media(max-width:62rem){.shell{padding-inline:var(--space-5)}.workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-5)}.result-panel{padding-inline:20px}.simulation-tag{display:none}.pool-option{padding-inline:10px;gap:var(--space-2)}}@media(max-width:47rem){.masthead{min-height:76px}.intro{grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-6)}.intro-copy{max-width:none}.intro-copy>p{font-size:var(--text-body)}.time-label{margin-top:var(--space-3)}.workspace{grid-template-columns:1fr;gap:var(--space-6)}.controls{padding-top:0}.controls .section-heading{margin-bottom:var(--space-4)}.pool-option{padding:12px 14px;gap:var(--space-3)}.result-panel{padding:var(--space-5) 20px 18px}.simulation-tag{display:inline-block}.result-panel .section-heading{margin-bottom:26px}#output{font-size:clamp(2rem,8vw,3.5rem)}.amount-presets button,.slippage-options span{min-height:44px}.takeaway{grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-6)}footer{flex-direction:column;align-items:start;gap:var(--space-4)}}@media(max-width:25rem){.shell{padding-inline:var(--space-4)}.wordmark{font-size:1.1875rem;gap:7px}.wordmark svg{width:26px;height:26px}.offline{font-size:.6875rem;gap:5px}.eyebrow{font-size:.6875rem}h1{letter-spacing:-1.4px}.result-panel{padding-inline:var(--space-4)}.result-panel .section-heading{gap:7px}.result-panel h2{font-size:1rem}.simulation-tag{font-size:.5625rem;padding-inline:5px}.metrics{gap:var(--space-3)}.metrics strong{font-size:1.25rem}.metrics small{font-size:.6875rem}.trade-route{font-size:.625rem}}@media(forced-colors:active){:focus-visible,.pool-option:has(input:focus-visible),.slippage-options label:has(input:focus-visible){outline-color:Highlight}.pool-option:has(input:checked),.amount-presets button[aria-pressed=true]{border:2px solid Highlight}.slippage-options input:checked+span{border:3px solid Highlight}.chart-line,.chart-marker,.marker-line{stroke:CanvasText}.chart-marker,.axis-text,.marker-label-bg{fill:CanvasText}.marker-label{fill:Canvas}}