:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45;font-weight:400;color:#231a33;background:linear-gradient(180deg,#fff,#f9f5ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}.page{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;position:relative;overflow:hidden}.glow{position:absolute;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,#9d66ff38,#9d66ff00 68%);top:-160px;right:-120px;pointer-events:none;filter:blur(8px);animation:floatGlow 11s ease-in-out infinite}.glow-secondary{width:500px;height:500px;top:35%;left:-180px;background:radial-gradient(circle,#7e3eff30,#7e3eff00 70%);animation-delay:-2.5s}.glow-tertiary{width:420px;height:420px;bottom:-170px;right:25%;top:auto;background:radial-gradient(circle,#c991ff33,#c991ff00 72%);animation-delay:-6s}@keyframes floatGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,10px,0) scale(1.05)}}.top-bar{position:fixed;top:0;right:0;padding:1rem 1.5rem;z-index:10}.connect-btn{background:linear-gradient(135deg,#8c5df0,#a06dff);border:1px solid #8c5df0;color:#fff;border-radius:11px;padding:.55rem 1rem;font-weight:600;font-size:.88rem;cursor:pointer;transition:opacity .16s,box-shadow .16s}.connect-btn:hover:not(:disabled){box-shadow:0 4px 16px #8c5df04d}.connect-btn.connected{background:#f4ecff;border-color:#e4d3ff;color:#6c33d1;cursor:default;opacity:1}.card{width:min(680px,96vw);background:#ffffffeb;border:1px solid #ede2ff;border-radius:24px;box-shadow:0 20px 45px #591bab14;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-header h1{margin:.45rem 0 .2rem;font-size:clamp(1.4rem,3.2vw,2rem);color:#322043}.badge{margin:0;width:fit-content;background:#f4ecff;color:#6c33d1;border:1px solid #e4d3ff;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:600}.subtext{margin:0;color:#8e7ba8}.subtext-brand{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;margin-top:.15rem}.subtext-brand img{width:18px;height:18px;border-radius:999px;object-fit:cover}.route{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;border-radius:14px;border:1px solid #ebe4fa;background:#fbf9ff;padding:.85rem 1rem}.route span{display:block;color:#8c7f9d;font-size:.8rem}.route strong{color:#28173a}.route-chain{display:inline-flex;align-items:center;gap:.4rem}.route-chain img{width:18px;height:18px;border-radius:999px;object-fit:cover}.route-chain-right{justify-content:flex-end}.route-swap{font-size:1.3rem;color:#8b5ee5;background:#f4ecff;border:1px solid #e4d3ff;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .2s;flex-shrink:0}.route-swap:hover{background:#ede2ff;border-color:#c9a8ff;transform:rotate(180deg)}.field{margin-top:1rem}.field label{display:block;font-size:.9rem;color:#543b75;margin-bottom:.35rem;font-weight:600}.amount-input-wrap{display:flex;align-items:center;gap:.5rem;border:1px solid #dbc8fa;background:#fff;border-radius:12px;padding:.2rem .7rem;transition:border-color .16s,box-shadow .16s}.amount-input-wrap:focus-within{border-color:#9f70ff;box-shadow:0 0 0 4px #9f70ff24}.amount-input-wrap img{width:24px;height:24px;border-radius:999px;object-fit:cover;flex-shrink:0}.field input{width:100%;border:0;background:#fff;color:#261638;border-radius:10px;padding:.65rem .1rem;font-size:1rem;outline:none}.field small{margin-top:.35rem;display:block;color:#74618f}.meta-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.meta-grid div{border:1px solid #ede5fb;background:#fff;border-radius:12px;padding:.75rem}.meta-grid span{display:block;font-size:.76rem;color:#86749e}.meta-grid strong{color:#2d1a43;display:block;margin-top:.22rem;word-break:break-all}.actions{margin-top:1rem;display:flex;gap:.6rem}button{border:1px solid #dbc8fa;background:#fff;color:#472b6f;border-radius:11px;padding:.68rem .92rem;font-weight:600}button:hover{border-color:#ad83f8}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(135deg,#8c5df0,#a06dff);border-color:#8c5df0;color:#fff}.status{margin:.95rem 0 0;color:#664f85}.wallet{margin:.45rem 0 0;color:#8b7da0;font-size:.85rem}a{display:inline-block;margin-top:.55rem;color:#7d4ce1;text-decoration:none}.tracker{margin-top:1.2rem;border:1px solid #e4d3ff;border-radius:16px;background:linear-gradient(180deg,#fbf8ff,#f5eeff);padding:1.1rem 1.2rem}.tracker-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tracker-title{font-weight:700;font-size:.95rem;color:#322043}.tracker-spinner{width:16px;height:16px;border:2.5px solid #e4d3ff;border-top-color:#8c5df0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tracker-check{color:#34a853;font-weight:700;font-size:1rem}.tracker-error-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e74c3c;color:#fff;font-weight:700;font-size:.75rem}.tracker-steps{display:flex;gap:0;position:relative}.tracker-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative}.tracker-step:before{content:"";position:absolute;top:13px;left:calc(-50% + 13px);right:calc(50% + 13px);height:3px;background:#e4d3ff;border-radius:2px}.tracker-step:first-child:before{display:none}.tracker-step.done:before{background:#8c5df0}.tracker-step.active:before{background:linear-gradient(90deg,#8c5df0,#d4bfff)}.tracker-dot{width:26px;height:26px;border-radius:50%;border:2.5px solid #e4d3ff;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#b9a0de;position:relative;z-index:1;transition:all .3s}.tracker-step.done .tracker-dot{background:#8c5df0;border-color:#8c5df0;color:#fff}.tracker-step.active .tracker-dot{border-color:#8c5df0;color:#8c5df0;box-shadow:0 0 0 4px #8c5df02e;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #8c5df02e}50%{box-shadow:0 0 0 8px #8c5df014}}.tracker-step.failed .tracker-dot{border-color:#e74c3c;color:#e74c3c;background:#fef0ef}.tracker-label{font-size:.72rem;color:#8b7da0;text-align:center;line-height:1.25}.tracker-step.done .tracker-label{color:#5a3d82}.tracker-step.active .tracker-label{color:#6c33d1;font-weight:600}.tracker-error-msg{margin:.8rem 0 0;color:#c0392b;font-size:.85rem}.tracker-links{display:flex;gap:.75rem;margin-top:.9rem;flex-wrap:wrap}.tracker-links a{margin:0;font-size:.82rem;font-weight:600;color:#7d4ce1;padding:.35rem .7rem;border:1px solid #e4d3ff;border-radius:8px;background:#fff;transition:border-color .15s,background .15s}.tracker-links a:hover{border-color:#ad83f8;background:#faf6ff}.tracker-success{margin:.85rem 0 0;font-weight:700;color:#34a853;font-size:.95rem}@media(max-width:620px){.meta-grid{grid-template-columns:1fr}.actions{flex-direction:column}.tracker-label{font-size:.65rem}.tracker-dot{width:22px;height:22px;font-size:.6rem}.tracker-step:before{top:11px;left:calc(-50% + 11px);right:calc(50% + 11px)}}