:root{color-scheme:light;--bg:#f3f6f5;--ink:#172e35;--muted:#64767c;--line:#dce6e2;--green:#007c61;--mint:#e6f8f0;--purple:#7757c0;--lavender:#f1edfc;--shadow:0 8px 30px #183b3010;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:white;color:var(--ink);font-size:14px;font-weight:600}button:hover{background:#edf5f1;border-color:#93b5a9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:3px solid #2f9b7e;outline-offset:3px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}header{height:76px;background:#162b32;color:#d4e5df;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1480px)/2));gap:20px}.brand{color:white;font-size:26px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.brand small{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#9ed6c3;background:#27433f;margin-left:16px;padding:7px 10px;border-radius:6px;vertical-align:middle}#connection{font-size:13px;color:#b9cdc6}main{max-width:1528px;padding:38px 24px 22px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;line-height:1.12;margin:12px 0 16px}h1>span{color:var(--green)}.heading p{margin:0;color:var(--muted);line-height:1.7}.source-ink{color:var(--purple);font-weight:600}.destination-ink{color:var(--green);font-weight:600}.intro-arrow{margin:0 10px;color:var(--muted)}#clock{font-size:13px;white-space:nowrap;color:var(--muted)}.health{font-size:13px;line-height:1.6;padding:11px 16px;border:1px solid #cde6db;background:#ebf6f0;color:#2a6250;border-radius:10px;margin-bottom:22px}.health:before{content:'●';font-size:12px;color:#159b6d;margin-right:9px}.health.warn{color:#82531d;background:#fff6e6;border-color:#efd9b5}.health.warn:before{color:#c88a2f}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period{display:flex;padding:4px;border:1px solid var(--line);background:#e8efec;border-radius:12px;gap:2px}.period button{border:none;background:transparent;padding:10px 18px;color:var(--muted)}.period button.active{background:var(--ink);color:white;box-shadow:0 2px 4px #102f2220}input[type=search]{min-width:180px;flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px;color:var(--ink)}select{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 30px 12px 12px;font-size:14px;max-width:100%}#pause{padding:13px 15px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0 22px;color:var(--muted);font-size:14px}.filters label{display:flex;align-items:center;gap:7px;cursor:pointer}.filters input{accent-color:var(--green);width:16px;height:16px;margin:0}.filters>span{margin-left:auto;font-size:12px}.summary{font-size:13px;line-height:1.5;color:var(--muted);min-height:28px;margin:0 0 10px}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,1fr);align-items:start;gap:24px}.list{min-width:0}.list-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1.1px;font-weight:650;padding:4px 2px 14px}.list-head span:last-child{font-weight:400;letter-spacing:0;font-size:13px}#groups{display:grid;gap:14px}.coin{border:1px solid var(--line);border-radius:18px;background:white;padding:20px;box-shadow:0 3px 10px #183b3005;cursor:pointer;transition:border-color .15s,box-shadow .15s;overflow:hidden}.coin:hover{border-color:#9cccb9;box-shadow:var(--shadow)}.coin.selected{border:2px solid #168869;padding:19px;box-shadow:0 0 0 3px #13896a0b}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px}.card-kicker{color:var(--muted);font-size:12px;letter-spacing:.6px;font-weight:650}.card-fresh{color:var(--green);font-size:12px}.flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:10px}.flow-side{border-radius:12px;padding:13px 14px;min-width:0}.flow-from{background:var(--lavender)}.flow-to{background:var(--mint);display:flex;flex-direction:column;justify-content:center}.flow-label{font-size:11px;font-weight:750;letter-spacing:1.25px;margin-bottom:10px;color:var(--purple)}.flow-to .flow-label{color:var(--green)}.flow-arrow{display:flex;align-items:center;justify-content:center;color:#4c8d77;font-size:30px;font-weight:300}.source-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:9px 0}.source-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;color:#62489b}.source-number{font-size:12px;font-weight:600;flex:none;color:#705a9b;background:#e4dcf8;border-radius:5px;padding:3px 6px}.source-extra{font-size:12px;color:#85779d;margin-top:10px}.destination-name{font-size:29px;font-weight:750;line-height:1.2;letter-spacing:-.7px;color:#116c54;overflow-wrap:anywhere}.ca{display:block;font-size:12px;letter-spacing:.2px;color:#648474;margin-top:7px;font-family:Consolas,monospace}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:19px 0 15px}.metric-value{display:block;font-size:27px;line-height:1.15;font-weight:720;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.metric-label{display:block;font-size:12px;color:var(--muted);margin-top:6px}.metric-value small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted)}.card-bottom{border-top:1px solid #edf1ef;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}.pulse{font-size:12px;color:var(--green);background:var(--mint);padding:5px 8px;border-radius:6px}.pulse.down{background:#f3efeb;color:#8c6c56}.card-open{color:var(--green);font-weight:650;white-space:nowrap}.badge{display:inline-block;background:#eaf6f0;color:var(--green);font-size:11px;font-weight:600;border-radius:5px;padding:4px 7px;white-space:nowrap}.badge.warn{background:#fff0d6;color:#98601f}#more{width:100%;margin-top:16px;padding:15px}#detail{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;min-width:0;scrollbar-width:thin;box-shadow:var(--shadow)}#detail h2{margin:5px 0 10px;font-size:30px;letter-spacing:-.8px}#detail h3{margin:30px 0 15px;font-size:18px;letter-spacing:-.3px}.detail-kicker{font-size:11px;letter-spacing:1.2px;font-weight:700;color:var(--green);margin-bottom:10px}.address{font-size:12px;font-family:Consolas,monospace;color:var(--muted);word-break:break-all;padding:8px 0}.links{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 20px;font-size:14px}.links a{border:1px solid #d9e9e1;border-radius:7px;padding:7px 10px}.subtle{font-size:13px;line-height:1.6;color:var(--muted)}.detail-metrics{display:flex;gap:30px;padding:14px 0 18px;border-bottom:1px solid var(--line);margin-bottom:10px}.detail-metrics strong{display:block;font-size:25px;letter-spacing:-.5px}.detail-metrics span{font-size:12px;color:var(--muted)}#price{margin-top:20px;padding:16px 0;border-bottom:1px solid var(--line)}.price-value{font-size:24px;letter-spacing:-.5px;font-weight:700;margin-bottom:6px;overflow-wrap:anywhere}.positive{color:var(--green)}.negative{color:#b15b53}svg{display:block;width:100%;height:auto;margin:15px 0}svg text{font:11px Segoe UI,Arial,sans-serif;fill:#728981}.pool{font-size:12px;width:100%;margin-bottom:12px}.route{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}.route-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f8f7;padding:14px;font-size:14px}.route-title strong{overflow-wrap:anywhere}.route-title>span{flex:none;font-size:12px;color:var(--green);font-weight:650}.route>.subtle{padding:10px 14px 0}.route-from{color:var(--purple)}.route-to{color:var(--green)}.route-arrow{margin:0 7px;color:#83a696}.example{padding:14px;margin:10px;border-radius:10px;background:#fafbfa;font-size:13px;line-height:1.75}.example+.example{border-top:1px solid var(--line)}.line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.trade-line{display:grid;grid-template-columns:1fr auto;gap:12px;margin:8px 0}.trade-line>span{font-weight:650;font-variant-numeric:tabular-nums}.trade-time{font-size:12px;color:var(--muted)}.example button{font-size:12px;margin-top:10px;padding:7px 10px;width:100%}.notice{font-size:13px;line-height:1.6;background:#fff6e7;color:#805522;padding:10px 12px;border-radius:8px;margin:12px 0}.empty{text-align:center;padding:44px 25px;color:var(--muted);font-size:15px;line-height:1.7}.empty h2{color:var(--ink);line-height:1.3}.empty-flow{display:flex;align-items:center;justify-content:center;gap:15px;margin:12px 0 42px}.empty-flow span{border-radius:9px;padding:10px 15px;color:var(--purple);background:var(--lavender);font-size:13px;font-weight:600}.empty-flow span:last-child{background:var(--mint);color:var(--green)}.empty-flow b{font-size:25px;color:#91b1a4}.detail-empty{padding:30px 15px;min-height:460px}.detail-empty p{max-width:350px;margin:20px auto;font-size:15px}.empty-steps{display:grid;text-align:left;gap:13px;margin:35px auto 0;padding-top:24px;border-top:1px solid var(--line);max-width:285px;font-size:13px}.method{margin:32px 0 0;padding:18px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.75}.method summary{font-size:14px;font-weight:650;cursor:pointer;color:var(--ink)}.method p{max-width:980px}footer{border-top:1px solid var(--line);padding:18px 0 0;color:var(--muted);font-size:12px}#back-list{display:none;margin-bottom:18px}
@media(min-width:951px) and (max-width:1190px){.workspace{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:16px}.coin{padding:15px}.coin.selected{padding:14px}.flow{gap:6px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.flow-side{padding:12px 10px}.destination-name{font-size:25px}#detail{padding:20px}}@media(max-width:950px){.workspace{grid-template-columns:1fr}#groups{grid-template-columns:repeat(2,minmax(0,1fr))}#detail{display:none;position:static;max-height:none}.show-detail .list{display:none}.show-detail #detail{display:block}#back-list{display:inline-block}.coin{padding:15px}.coin.selected{padding:14px}.flow{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:5px}.flow-side{padding:12px 10px}.destination-name{font-size:24px}.source-name{font-size:14px}.source-number{font-size:11px}.filters>span{margin-left:0}.heading{align-items:flex-start}#clock{display:none}}@media(max-width:620px){header{padding:0 18px;height:65px}.brand{font-size:23px}.brand small{font-size:9px;margin-left:7px;padding:5px 6px}#connection{max-width:130px;text-align:right;font-size:11px}main{padding:25px 16px 20px}.heading p{font-size:14px}h1{font-size:33px;max-width:360px}.controls{gap:9px}.period{width:100%}.period button{flex:1;padding:10px}.controls input{width:100%;flex-basis:100%}.controls select{flex:1}.filters{font-size:13px;gap:13px}.filters>span{width:100%;font-size:12px}.health{font-size:12px;padding:9px 12px}#groups{grid-template-columns:1fr}.coin{padding:18px}.coin.selected{padding:17px}.flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:7px}.flow-side{padding:14px}.destination-name{font-size:28px}.source-name{font-size:15px}.source-number{font-size:12px}.metrics{gap:12px}.metric-value{font-size:28px}#detail{padding:19px}.route-title{padding:12px}.list-head{font-size:10px}.list-head span:last-child{font-size:12px}.card-bottom{gap:6px}.card-open{font-size:11px}.empty{padding:25px 15px}}