@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--bg-hover:#1e1e2a;--border:#2a2a3a;--border-highlight:#3d5afe;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#555568;--accent:#3d5afe;--accent-glow:#3d5afe26;--green:#00e676;--green-dim:#00e6761f;--red:#ff5252;--gold:#ffd740;--gold-dim:#ffd7401a;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.container{max-width:640px;margin:0 auto;padding:48px 20px 32px}.header{text-align:center;margin-bottom:40px}.header h1{letter-spacing:-.5px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e8e8f0 0%,#3d5afe 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px}.controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:24px}.selector-group{align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.selector{flex:1}.selector label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px;font-size:11px;display:block}.selector select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 14px;font-size:15px;font-weight:500;transition:border-color .2s}.selector select:focus{border-color:var(--accent)}.swap-button{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.swap-button:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.token-toggle{gap:8px;display:flex}.token-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.token-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.token-btn:hover:not(.active){background:var(--bg-hover)}.transit-card{background:var(--bg-card);border:1px solid var(--green);border-radius:var(--radius);margin-bottom:16px;padding:20px}.transit-label{color:var(--green);letter-spacing:.3px;margin-bottom:14px;font-size:13px;font-weight:600}.transit-route{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:14px;display:flex}.transit-node{color:var(--text-primary);background:var(--bg-secondary);white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.transit-node.via{border:1px solid var(--green);color:var(--green)}.transit-arrow{flex-direction:column;align-items:center;padding:0 8px;display:flex;position:relative}.transit-arrow:after{content:"→";color:var(--text-muted);order:-1;font-size:16px}.transit-net{color:var(--text-secondary);font-size:11px}.transit-fee{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.transit-summary{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.transit-total{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.transit-savings{color:var(--green);font-size:12px;font-weight:500}.results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.results-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.results-header h2{font-size:15px;font-weight:600}.path-count{color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;padding:4px 10px;font-size:12px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th:first-child{width:45%}thead th:nth-child(2){width:30%}thead th:nth-child(3){width:25%}thead th{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 20px;font-size:11px;font-weight:500}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-hover)}tbody td{border-bottom:1px solid #2a2a3a80;padding:14px 20px;font-size:14px}tbody tr:last-child td{border-bottom:none}.best-row{background:var(--gold-dim)}.best-row:hover{background:#ffd74026}tbody td:first-child{align-items:center;gap:8px;display:flex}.network-name{min-width:120px;font-weight:500;display:inline-block}.best-badge{letter-spacing:.5px;background:var(--gold);color:#0a0a0f;vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.fee-cell{font-variant-numeric:tabular-nums;font-weight:500}.free-tag{color:var(--green);letter-spacing:.5px;background:var(--green-dim);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.status-ok{color:var(--green);font-weight:600}.status-no{color:var(--text-muted);font-size:12px}.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 20px}.empty-state p{color:var(--text-secondary);font-size:15px}.empty-hint{color:var(--text-muted);margin-top:8px;font-size:13px}.unsupported-section{margin-top:16px}.toggle-unsupported{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;transition:all .2s;display:flex}.toggle-unsupported:hover{color:var(--text-secondary);border-color:var(--text-muted)}.chevron{font-size:12px;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.faded{opacity:.5;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;overflow:hidden}.footer{text-align:center;margin-top:32px}.footer p{color:var(--text-muted);font-size:12px}@media (max-width:480px){.container{padding:24px 16px}.selector-group{flex-direction:column;align-items:stretch}.swap-button{align-self:center;transform:rotate(90deg)}.header h1{font-size:24px}}
