:root{color-scheme:dark;--bg:#050505;--panel:rgba(20,20,23,0.82);--panel-strong:rgba(26,26,30,0.9);--line:rgba(255,255,255,0.1);--line-strong:rgba(255,255,255,0.18);--text:#ffffff;--muted:rgba(255,255,255,0.58);--faint:rgba(255,255,255,0.36);--orange:#ff5e13;--orange-2:#ff8a4c;--purple:#5546ff;--purple-2:#978cff;--green:#00d67d;--danger:#ff6b61;--warning:#ffc15a}*{box-sizing:border-box}body,html{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}.page{position:relative;height:100svh;overflow:hidden;padding:clamp(14px,2.2vw,28px);background:radial-gradient(circle at 8% 0,rgba(255,94,19,.22),transparent 28%),radial-gradient(circle at 88% 10%,rgba(85,70,255,.18),transparent 34%),linear-gradient(180deg,#08080a,#050505 62%,#080808)}.grid-surface{inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 74%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 74%)}.ambient,.grid-surface{position:fixed;pointer-events:none}.ambient{filter:blur(90px);opacity:.75;animation:ambient-float 8s ease-in-out infinite alternate}.ambient-one{top:-160px;left:-120px;width:380px;height:380px;background:rgba(255,94,19,.25)}.ambient-two{right:-140px;bottom:-80px;width:440px;height:440px;background:rgba(85,70,255,.22);animation-delay:-3s}.shell{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.7vw,20px);width:min(1320px,100%);height:100%;margin:0 auto}.topbar{justify-content:space-between;gap:16px;min-height:52px;animation:slide-down .55s cubic-bezier(.16,1,.3,1) both}.brand,.topbar,.wallet-row{display:flex;align-items:center}.brand,.wallet-row{gap:10px}.mark{overflow:hidden;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);box-shadow:0 14px 38px rgba(255,94,19,.16)}.mark img{width:100%;height:100%;object-fit:cover}.brand-title{margin:0;font-size:18px;font-weight:850}.network{display:flex;align-items:center;gap:6px;margin:2px 0 0;color:var(--muted);font-size:13px}.connection-dot,.network:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(0,214,125,.78)}.app-grid{display:grid;grid-template-columns:minmax(460px,1fr) minmax(420px,.9fr);gap:clamp(14px,1.8vw,22px);min-height:0}.left-stack,.right-stack{display:grid;min-height:0;gap:clamp(12px,1.5vw,18px)}.left-stack{grid-template-rows:auto minmax(0,1fr)}.right-stack{grid-template-rows:minmax(0,.92fr) minmax(0,1fr)}.intro{animation:slide-up .62s cubic-bezier(.16,1,.3,1) both}h1,h2,p{margin-top:0}h1{max-width:680px;margin-bottom:10px;font-size:clamp(42px,5.4vw,70px);line-height:.96;font-weight:920;letter-spacing:0}h2{margin-bottom:5px;font-size:clamp(17px,1.5vw,20px);line-height:1.15;font-weight:860}.copy{max-width:680px;margin-bottom:14px;color:var(--muted);font-size:clamp(14px,1.35vw,17px);line-height:1.45}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-strip div,.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-strong),rgba(14,14,16,.76));box-shadow:0 22px 70px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.metric-strip div{border-radius:16px;padding:clamp(10px,1.25vw,14px)}.metric-strip span{display:block;margin-bottom:2px;font-size:clamp(22px,2.2vw,30px);font-weight:920}.metric-strip small{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.panel{border-radius:22px}.form,.route-panel,.strategy-panel{display:grid;gap:clamp(10px,1.25vw,15px);padding:clamp(16px,1.7vw,22px)}.action-panel{align-self:stretch;animation:slide-up .62s cubic-bezier(.16,1,.3,1) .08s both}.strategy-panel{animation:slide-up .62s cubic-bezier(.16,1,.3,1) .14s both}.route-panel{position:relative;overflow:hidden;align-content:start;animation:slide-up .62s cubic-bezier(.16,1,.3,1) .1s both}.route-panel:before{content:"";position:absolute;inset:-35% -25% auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,94,19,.14),transparent 66%);pointer-events:none}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-heading p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.35}.token-badge{flex:0 0 auto;border:1px solid rgba(0,214,125,.24);border-radius:999px;padding:8px 10px;background:rgba(0,214,125,.08);color:#b2ffdf;font-size:12px;font-weight:850}.field{display:grid;gap:8px}.field label{color:rgba(255,255,255,.74);font-size:12px;font-weight:850;text-transform:uppercase}.amount-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(90deg,rgba(255,94,19,.09),transparent 42%),rgba(0,0,0,.34);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.amount-shell:focus-within{border-color:rgba(255,94,19,.58);box-shadow:0 0 0 4px rgba(255,94,19,.13);transform:translateY(-1px)}.amount-shell span{position:absolute;top:50%;right:16px;color:var(--faint);font-size:12px;font-weight:900;transform:translateY(-50%)}.amount-input{width:100%;border:0;padding:clamp(16px,2vw,22px) 82px clamp(16px,2vw,22px) 17px;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(28px,4vw,46px);font-weight:900;outline:0}.amount-input::placeholder{color:rgba(255,255,255,.14)}.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.allocation,.meta-item,.stat{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}.stat{padding:clamp(12px,1.35vw,16px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.stat:hover{border-color:var(--line-strong);background:rgba(255,255,255,.065);transform:translateY(-2px)}.stat-label{margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:760}.stat-value{margin:0 0 12px;font-size:clamp(19px,2.2vw,27px);font-weight:900}.allocation-track,.stat-bar{overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.stat-bar{height:7px}.allocation-liquid,.allocation-lock,.stat-bar span{display:block;height:100%;border-radius:inherit;animation:grow-bar .75s cubic-bezier(.16,1,.3,1) both}.allocation-lock,.stat-locked .stat-bar span{background:linear-gradient(90deg,var(--orange),var(--orange-2))}.allocation-liquid,.stat-liquid .stat-bar span{background:linear-gradient(90deg,var(--purple),var(--purple-2))}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:14px;padding:0 17px;cursor:pointer;font-weight:850;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:white;box-shadow:0 15px 40px rgba(255,94,19,.24)}.primary:hover{box-shadow:0 18px 54px rgba(255,94,19,.34);transform:translateY(-2px)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06);color:rgba(255,255,255,.76)}.secondary:hover{border-color:var(--line-strong);background:rgba(255,255,255,.09);color:white}.primary:active,.secondary:active{transform:scale(.98)}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.56;transform:none}.deposit-button{width:100%;min-height:46px}.button-icon{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:rgba(255,255,255,.16);font-size:13px;font-weight:900}.address{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.86);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.status{max-height:96px;overflow:hidden;border-radius:15px;padding:12px 14px;font-size:13px;line-height:1.35;animation:status-pop .32s cubic-bezier(.16,1,.3,1) both}.status.error{border:1px solid rgba(255,107,97,.28);background:rgba(255,107,97,.1);color:#ffc5c0}.status.success{border:1px solid rgba(0,214,125,.26);background:rgba(0,214,125,.1);color:#b2ffdf}.status.pending{position:relative;overflow:hidden;border:1px solid rgba(255,193,90,.26);background:rgba(255,193,90,.1);color:#ffe0a6}.status.pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-100%);animation:scan 1.4s ease-in-out infinite}.success-lines{display:grid;gap:3px}.tx-line{color:rgba(255,255,255,.56);font-size:11px;word-break:break-all}.allocation{display:grid;gap:9px;padding:14px}.allocation-track{display:flex;height:16px}.allocation-lock{width:80%}.allocation-liquid{width:20%}.allocation-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800}.route-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1.15fr);gap:12px;align-items:center}.route-node{border:1px solid var(--line);border-radius:18px;padding:clamp(13px,1.35vw,16px);background:rgba(255,255,255,.045)}.route-node span{display:block;margin-bottom:6px;color:var(--faint);font-size:11px;font-weight:850;text-transform:uppercase}.route-node strong{display:block;overflow:hidden;color:var(--text);font-size:clamp(16px,1.7vw,22px);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.route-source{min-height:96px;background:linear-gradient(135deg,rgba(255,94,19,.12),rgba(255,255,255,.04)),rgba(255,255,255,.045)}.route-split{position:relative;height:88px}.route-split span,.route-split:after,.route-split:before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:999px;transform-origin:left center}.route-split span{top:50%;background:linear-gradient(90deg,rgba(255,255,255,.22),var(--orange))}.route-split:before{top:32%;background:linear-gradient(90deg,var(--orange),rgba(255,138,76,.1));transform:rotate(-16deg)}.route-split:after{top:67%;background:linear-gradient(90deg,var(--purple),rgba(151,140,255,.1));transform:rotate(16deg)}.route-results{display:grid;gap:10px}.route-locked{border-color:rgba(255,94,19,.22)}.route-liquid{border-color:rgba(85,70,255,.24)}.route-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:rgba(255,255,255,.045)}.route-note span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.route-note strong{font-size:15px}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.meta-item{padding:12px}.meta-label{margin-bottom:5px;color:var(--faint);font-size:10px;font-weight:850;text-transform:uppercase}.meta-value{margin:0;font-size:clamp(13px,1.1vw,15px);font-weight:850}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:12px}.timeline-step{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);transition:color .18s ease,transform .18s ease}.timeline-step span{display:grid;flex:0 0 auto;width:25px;height:25px;place-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);font-size:11px;font-weight:900}.timeline-step p{overflow:hidden;margin:0;font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.timeline-step.active{color:white}.timeline-step.active span{border-color:rgba(255,94,19,.45);background:rgba(255,94,19,.16);color:#ffd1bd}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes ambient-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,-14px,0) scale(1.08)}}@keyframes grow-bar{0%{transform:scaleX(0);transform-origin:left center}to{transform:scaleX(1);transform-origin:left center}}@keyframes status-pop{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scan{to{transform:translateX(100%)}}@media (max-width:980px){body,html{overflow:auto}.page{min-height:100svh;overflow:visible}.page,.shell{height:auto}.app-grid{grid-template-columns:1fr}.right-stack{grid-template-rows:auto auto}}@media (max-width:640px){.page{padding:14px}.topbar{align-items:stretch;flex-direction:column}.wallet-row{justify-content:flex-start}h1{font-size:clamp(38px,12vw,54px)}.meta,.metric-strip,.route-flow,.strategy-grid,.timeline{grid-template-columns:1fr}.route-split{display:none}}