:root{color-scheme:dark;--bg:#050507;--panel:rgba(18,21,24,0.86);--panel-strong:rgba(24,28,33,0.94);--line:rgba(255,255,255,0.11);--line-strong:rgba(255,255,255,0.2);--text:#f7fafc;--muted:rgba(247,250,252,0.62);--faint:rgba(247,250,252,0.4);--orange:#f97316;--orange-2:#fb923c;--teal:#06b6d4;--teal-2:#22d3ee;--green:#22c55e;--danger:#ff6b61;--warning:#ffc15a}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0}img{display:block}a{color:inherit}h1,p{margin:0}.page{position:relative;width:100vw;height:100svh;overflow:hidden;padding:clamp(10px,1.6vw,22px);background:radial-gradient(circle at 8% 0,rgba(249,115,22,.2),transparent 30%),radial-gradient(circle at 92% 10%,rgba(6,182,212,.16),transparent 34%),linear-gradient(180deg,#090b0f,#050507 62%,#090b0f)}.grid-surface{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 74%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 74%)}.shell{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.2vh,14px);width:min(1320px,100%);height:100%;margin:0 auto}.topbar{justify-content:space-between;gap:12px;min-height:clamp(38px,5.8vh,52px)}.brand,.topbar,.wallet-row{display:flex;align-items:center}.brand,.wallet-row{gap:10px;min-width:0}.mark{overflow:hidden;width:clamp(34px,4.7vh,44px);height:clamp(34px,4.7vh,44px);border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);box-shadow:0 12px 34px rgba(249,115,22,.16)}.mark img{width:100%;height:100%;object-fit:cover}.brand-title{margin:0;font-size:clamp(15px,1.5vw,18px);font-weight:850}.network{display:flex;align-items:center;gap:6px;margin:2px 0 0;color:var(--muted);font-size:clamp(11px,1.1vw,13px)}.connection-dot,.network:before{content:"";display:block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(34,197,94,.78)}.router{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,1.2vh,14px);min-height:0;border:1px solid var(--line);border-radius:18px;padding:clamp(12px,1.8vw,22px);background:linear-gradient(180deg,var(--panel-strong),var(--panel));box-shadow:0 24px 70px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.router-head{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:clamp(14px,2.4vw,28px);align-items:end}.deposit-node>span,.eyebrow,.lane-control>span,.lane-output span,.recipient-field>span,.run-state>span{color:var(--faint);font-size:clamp(9px,1vw,11px);font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow{color:#fed7aa}.router-head h1{font-size:clamp(30px,min(5vw,7vh),64px);line-height:.92;font-weight:930;letter-spacing:0}.router-head p{max-width:520px;color:var(--muted);font-size:clamp(12px,1.25vw,16px);line-height:1.35}.route-map{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);gap:clamp(14px,2vw,24px);min-height:0;align-items:stretch}.deposit-node{display:grid;align-content:center;gap:clamp(10px,1.6vh,16px);min-width:0;border:1px solid rgba(249,115,22,.3);border-radius:16px;padding:clamp(14px,2vw,22px);background:linear-gradient(135deg,rgba(249,115,22,.16),transparent 60%),rgba(0,0,0,.32)}.deposit-node div{display:flex;align-items:end;gap:10px}.deposit-node strong{padding-bottom:clamp(4px,.9vh,9px);color:#ffedd5;font-size:clamp(11px,1.2vw,14px)}.amount-input{min-width:0;width:100%;border:0;padding:0;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(40px,min(7vw,12vh),108px);font-weight:930;line-height:.9;outline:0}.address-input::placeholder,.amount-input::placeholder{color:rgba(247,250,252,.2)}.lane-stack{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vh,12px)}.lane,.lane-stack{display:grid;min-height:0}.lane{grid-template-columns:minmax(74px,.16fr) minmax(220px,.5fr) minmax(160px,.34fr);gap:clamp(10px,1.4vw,16px);align-items:center}.lane-line{height:8px;border-radius:999px}.saved-lane .lane-line{background:linear-gradient(90deg,transparent,var(--orange))}.sent-lane .lane-line{background:linear-gradient(90deg,transparent,var(--teal))}.available-lane .lane-line{background:linear-gradient(90deg,transparent,var(--green))}.lane-control,.lane-output{min-width:0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.lane-control{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px 12px;align-items:center;padding:clamp(10px,1.4vw,14px)}.lane-control .range{grid-column:1/-1}.lane-control.read-only strong{justify-self:end;font-size:clamp(22px,min(3vw,5vh),40px)}.address-input,.percent-input{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.32);color:var(--text);outline:0;transition:border-color .17s ease,box-shadow .17s ease}.percent-input{width:76px;padding:7px 8px;font-size:clamp(18px,2vw,28px);font-weight:900;text-align:right}.range{width:100%;accent-color:var(--orange)}.split-range{accent-color:var(--teal)}.address-input:focus,.percent-input:focus{border-color:rgba(249,115,22,.58);box-shadow:0 0 0 4px rgba(249,115,22,.14)}.lane-output{display:grid;gap:4px;align-content:center;min-height:100%;padding:clamp(10px,1.5vw,16px)}.lane-output strong{overflow-wrap:anywhere;font-size:clamp(18px,min(2.2vw,4vh),34px);line-height:1}.saved-lane .lane-control,.saved-lane .lane-output{border-color:rgba(249,115,22,.28)}.sent-lane .lane-control,.sent-lane .lane-output{border-color:rgba(6,182,212,.28)}.available-lane .lane-control,.available-lane .lane-output{border-color:rgba(34,197,94,.28)}.route-footer{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,.9fr) minmax(170px,.42fr);gap:clamp(8px,1.2vw,12px);align-items:end}.recipient-field{display:grid;gap:6px;min-width:0}.address-input{width:100%;padding:clamp(10px,1.3vh,13px) 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(11px,1.2vw,13px)}.run-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:center}.step{overflow:hidden;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.045);color:var(--muted);font-size:clamp(11px,1.15vw,13px);font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.step.active{border-color:rgba(249,115,22,.5);background:rgba(249,115,22,.15);color:white}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:clamp(38px,5.2vh,48px);border-radius:12px;padding:0 16px;cursor:pointer;font-weight:850;transition:transform .17s ease,box-shadow .17s ease,background .17s ease}.primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:white;box-shadow:0 14px 34px rgba(249,115,22,.24)}.primary:hover{box-shadow:0 18px 46px rgba(249,115,22,.34);transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06);color:rgba(247,250,252,.78)}.secondary:hover{border-color:var(--line-strong);background:rgba(255,255,255,.09);color:white}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.58;transform:none}.deposit-button{width:100%}.address{max-width:190px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.06);color:rgba(247,250,252,.86);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.address,.status{overflow:hidden;padding:9px 11px}.status{border-radius:12px;font-size:clamp(11px,1.1vw,12px);line-height:1.28}.status span,.status strong{display:block}.status.error{border:1px solid rgba(255,107,97,.28);background:rgba(255,107,97,.1);color:#ffc5c0}.status.success{border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.1);color:#bbf7d0}.status.pending{border:1px solid rgba(255,193,90,.28);background:rgba(255,193,90,.1);color:#ffe0a6}.tx-links{display:flex;flex-wrap:nowrap;gap:8px;min-width:0}.tx-links a,.tx-links span{overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 9px;background:rgba(255,255,255,.055);color:rgba(247,250,252,.78);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.tx-links a:hover{border-color:rgba(249,115,22,.5);color:white}@media (max-width:900px){.page{padding:8px}.router{border-radius:14px;padding:10px}.router-head{grid-template-columns:1fr auto;align-items:start}.router-head p{max-width:260px;font-size:12px}.route-map{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.deposit-node{align-content:start;padding:10px}.lane{grid-template-columns:28px minmax(0,1fr) minmax(120px,.36fr);gap:8px}.route-footer{grid-template-columns:minmax(0,1fr) minmax(210px,.8fr)}.run-state{grid-template-columns:repeat(3,minmax(0,1fr))}.run-state>span{display:none}.deposit-button{grid-column:1/-1}}@media (max-width:560px){.page{padding:6px}.shell{gap:6px}.topbar{min-height:34px}.network{display:none}.mark{width:31px;height:31px}.brand-title{font-size:14px}.primary,.secondary{min-height:34px;padding:0 10px;font-size:12px}.router{gap:6px}.router-head{grid-template-columns:1fr;gap:2px}.router-head p{display:none}.lane{grid-template-columns:18px minmax(0,1fr) minmax(94px,.34fr);gap:6px}.lane-control{grid-template-columns:minmax(0,1fr) 54px;padding:8px}.percent-input{width:54px;font-size:18px}.lane-output{padding:8px}.lane-output strong{font-size:13px}.route-footer{grid-template-columns:1fr;gap:6px}.address{max-width:110px;padding:8px;font-size:10px}}