.exchange-route > div{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:8px}.exchange-route > div.route-updated{--energy:#3aa8ef;--energy-soft:#e8f7ff;color:#fff;animation:field-lock 1.05s cubic-bezier(.18,.78,.22,1)}.exchange-route > div:first-child.route-updated{--energy:#efa92e;--energy-soft:#fff4d8}.exchange-route > div.route-updated:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 5%,var(--energy-soft) 38%,#fff 50%,var(--energy-soft) 62%,transparent 95%);content:"";transform:translateX(-115%) skewX(-16deg);animation:energy-scan .78s ease-out}.exchange-route > div.route-updated:after{position:absolute;inset:0;border:1px solid var(--energy);border-radius:8px;box-shadow:inset 0 0 13px color-mix(in srgb,var(--energy) 25%,transparent),0 0 14px color-mix(in srgb,var(--energy) 38%,transparent);content:"";pointer-events:none;animation:energy-frame 1.05s ease-out forwards}.exchange-route > div.route-updated small{color:var(--energy);animation:label-lock .8s ease-out}.exchange-route > div.route-updated strong{position:relative;color:#122641;animation:value-lock .78s cubic-bezier(.16,.9,.24,1.18)}.exchange-route > div.route-updated strong:after{margin-left:6px;color:var(--energy);font-size:7px;content:"◆";animation:lock-mark .85s ease-out forwards}@keyframes field-lock{0%{transform:scale(.96)}22%{background:#0e2038;transform:scale(1.025)}52%{background:var(--energy-soft);transform:scale(1)}100%{background:transparent}}@keyframes energy-scan{0%{opacity:0;transform:translateX(-115%) skewX(-16deg)}25%{opacity:1}100%{opacity:0;transform:translateX(115%) skewX(-16deg)}}@keyframes energy-frame{0%{opacity:0;clip-path:inset(50% 50%)}22%{opacity:1;clip-path:inset(0 0)}72%{opacity:.8}100%{opacity:0;transform:scale(1.04)}}@keyframes value-lock{0%{opacity:0;letter-spacing:.12em;transform:translateX(-9px);filter:blur(3px)}48%{opacity:1;filter:blur(0)}72%{letter-spacing:.02em;transform:translateX(2px)}100%{letter-spacing:normal;transform:none}}@keyframes label-lock{0%{opacity:.2;letter-spacing:.28em}100%{opacity:1;letter-spacing:.13em}}@keyframes lock-mark{0%{opacity:0;transform:rotate(-90deg) scale(.2)}55%{opacity:1;transform:rotate(12deg) scale(1.35)}100%{opacity:0;transform:rotate(45deg) scale(.8)}}@media(prefers-reduced-motion:reduce){.exchange-route > div.route-updated,.exchange-route > div.route-updated:before,.exchange-route > div.route-updated:after,.exchange-route > div.route-updated small,.exchange-route > div.route-updated strong,.exchange-route > div.route-updated strong:after{animation:none}}