:root{--bg:#04070e;--bg-glow-1:rgba(31,92,255,.16);--bg-glow-2:rgba(0,198,255,.07);--card:#0a111f;--card-border:rgba(126,156,220,.1);--panel:#0d1526;--panel-hover:#101a2e;--panel-border:rgba(126,156,220,.08);--text:#e9effc;--muted:#93a4c7;--text-faint:#5c6c8f;--accent:#2e7dff;--accent-2:#00c6ff;--accent-soft:rgba(46,125,255,.14);--good:#2fd181;--good-soft:rgba(47,209,129,.1);--bad:#ff5c7a;--bad-soft:rgba(255,92,122,.1);--warn:#ffb84d;--warn-soft:rgba(255,184,77,.1);--info-soft:rgba(46,125,255,.08);--radius-card:20px;--radius-panel:16px;--radius-cta:14px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(52rem 30rem at 50% -8rem,var(--bg-glow-1),transparent 65%),radial-gradient(40rem 26rem at 85% 110%,var(--bg-glow-2),transparent 70%);z-index:0}.app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.nav{justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--card-border);background:rgba(4,7,14,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:12px;font-weight:700;font-size:19px;letter-spacing:.04em}.nav-logo{width:40px;height:40px;border-radius:12px;display:block;box-shadow:0 0 18px rgba(46,125,255,.35)}.nav-brand .brand-accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-right{display:flex;align-items:center;gap:14px}.nav-pair{font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--card-border);border-radius:999px;padding:7px 14px;letter-spacing:.02em;white-space:nowrap}@media (max-width:640px){.nav{padding:12px 16px;gap:10px}.nav-pair{display:none}.stage{padding:22px 14px 48px;gap:16px}.history,.widget{padding:16px}}@media (max-width:400px){.nav{padding:11px 13px;gap:8px}.nav-brand{font-size:16px;gap:9px}.nav-logo{width:32px;height:32px;border-radius:10px}.stage{padding:16px 11px 40px}.history,.widget{padding:13px}.panel{padding:12px 13px}.details{padding:2px 13px}.token-chip{font-size:14px;padding:7px 12px 7px 7px}.token-ico{width:23px;height:23px}.btn{font-size:15px;padding:14px 16px}}.stage{flex:1 1;width:100%;max-width:560px;margin:0 auto;padding:28px 16px 56px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-banner{width:100%;height:auto;display:block;border-radius:var(--radius-card);box-shadow:0 18px 60px rgba(10,40,120,.35)}.hero-banner,.widget{border:1px solid var(--card-border)}.widget{background:var(--card);border-radius:var(--radius-card);padding:18px;box-shadow:0 24px 70px rgba(2,6,18,.6)}.widget-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px}.widget-title{font-size:16px;font-weight:700;letter-spacing:.01em}.status-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border-radius:999px;padding:6px 12px;border:1px solid var(--card-border);color:var(--muted)}.status-chip .dot-ind{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}.status-chip.live{color:var(--good);border-color:rgba(47,209,129,.25);background:var(--good-soft)}.status-chip.live .dot-ind{background:var(--good);box-shadow:0 0 8px rgba(47,209,129,.8)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-panel);padding:14px 16px;transition:border-color .15s ease,background .15s ease}.panel:focus-within{border-color:rgba(46,125,255,.45);background:var(--panel-hover)}.panel-row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-lbl{font-size:12.5px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.chain-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text);background:rgba(126,156,220,.08);border:1px solid var(--panel-border);border-radius:999px;padding:6px 12px}.chain-dot{width:8px;height:8px;border-radius:50%;flex:none}.chain-dot.eth{background:#8aa2ff;box-shadow:0 0 8px rgba(138,162,255,.7)}.chain-dot.arc{background:var(--accent-2);box-shadow:0 0 8px rgba(0,198,255,.7)}.panel-main{display:flex;align-items:center;gap:12px}.amt{flex:1 1;min-width:0;width:100%;background:none;border:none;outline:none;color:var(--text);font-size:clamp(23px,7.5vw,32px);font-weight:600;font-family:inherit;letter-spacing:-.01em}.amt::placeholder{color:var(--text-faint)}.amt:disabled{opacity:.55}.amt.receive{color:var(--text-faint)}.amt.receive.has-value{color:var(--text)}.token-chip{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;background:rgba(126,156,220,.08);border:1px solid var(--panel-border);border-radius:999px;padding:8px 14px 8px 8px;flex:none}.token-ico{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2775ca,#1f5cff);color:#fff;font-size:14px;font-weight:800;justify-content:center}.panel-row3,.token-ico{display:flex;align-items:center}.panel-row3{justify-content:space-between;margin-top:10px;font-size:12.5px;color:var(--text-faint);min-height:18px;gap:8px}.panel-row3 .bal b{color:var(--muted);font-weight:600}.max-btn{background:var(--accent-soft);color:var(--accent-2);border:none;border-radius:8px;font-size:11.5px;font-weight:700;font-family:inherit;padding:4px 9px;margin-left:8px;cursor:pointer;letter-spacing:.04em}.max-btn:disabled{opacity:.4;cursor:default}.flip-row{height:14px;position:relative;z-index:2}.flip,.flip-row{display:flex;justify-content:center}.flip{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;border:4px solid var(--card);background:var(--panel);color:var(--muted);cursor:pointer;align-items:center;transition:transform .2s ease,color .15s ease,background .15s ease}.flip:hover:not(:disabled){color:var(--accent-2);background:var(--panel-hover);transform:translateY(-50%) rotate(180deg)}.flip:disabled{opacity:.5;cursor:default}.flip svg{display:block}.recipient{margin-top:12px;font-size:13px;color:var(--muted)}.recipient label{display:flex;align-items:center;gap:8px;cursor:pointer;width:-moz-fit-content;width:fit-content}.recipient input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.recipient .addr-input{width:100%;margin-top:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;color:var(--text);font-family:inherit;font-size:13.5px;padding:11px 14px;outline:none}.recipient .addr-input:focus{border-color:rgba(46,125,255,.45)}.details{margin-top:14px;border:1px solid var(--panel-border);border-radius:var(--radius-panel);padding:4px 16px;font-size:13px}.details .drow{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:var(--muted)}.details .drow+.drow{border-top:1px solid var(--panel-border)}.details .dval{color:var(--text);font-weight:600;display:inline-flex;align-items:center;gap:7px}.provider-badge{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent-2);background:rgba(0,198,255,.1);border:1px solid rgba(0,198,255,.25);border-radius:999px;padding:3px 9px}.banner{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;margin-top:14px}.banner.info{background:var(--info-soft);border:1px solid rgba(46,125,255,.22);color:var(--muted)}.banner.good{background:var(--good-soft);border:1px solid rgba(47,209,129,.25);color:var(--text)}.banner.warn{background:var(--warn-soft);border:1px solid rgba(255,184,77,.25);color:var(--text)}.banner.bad{background:var(--bad-soft);border:1px solid rgba(255,92,122,.3);color:var(--text);word-break:break-word}.linkrow{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}.linkrow a{color:var(--accent-2);font-weight:600;text-decoration:none;font-size:13px}.linkrow a:hover{text-decoration:underline}.stepper{margin-top:14px;border:1px solid var(--panel-border);border-radius:var(--radius-panel);padding:14px 16px;display:flex;flex-direction:column}.step{display:flex;gap:12px;position:relative;padding-bottom:14px}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:11px;top:24px;bottom:2px;width:2px;background:var(--panel-border)}.step:last-child:before{display:none}.step .dot{width:23px;height:23px;border-radius:50%;background:var(--panel);border:1px solid var(--panel-border);color:var(--text-faint);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;z-index:1}.step.active .dot{border-color:var(--accent);color:var(--accent-2);box-shadow:0 0 12px rgba(46,125,255,.35)}.step.done .dot{background:var(--good-soft);border-color:rgba(47,209,129,.4);color:var(--good)}.step .body .title{font-size:13.5px;font-weight:600;color:var(--muted)}.step.active .body .title,.step.done .body .title{color:var(--text)}.step .body .sub{font-size:12px;color:var(--text-faint);margin-top:2px}.btn{width:100%;border:none;border-radius:var(--radius-cta);font-family:inherit;font-size:15.5px;font-weight:700;padding:15px 18px;cursor:pointer;margin-top:14px;transition:filter .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px rgba(46,125,255,.3)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 12px 36px rgba(46,125,255,.45)}.btn-primary:disabled{background:var(--panel);color:var(--text-faint);box-shadow:none;cursor:default}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--panel-border)}.btn-ghost:hover{background:var(--panel-hover)}.widget-foot{font-size:12px;color:var(--text-faint);text-align:center;margin:14px 0 0}.history{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:18px}.history h3{font-size:14px;font-weight:700;letter-spacing:.01em;margin-bottom:12px;padding:0 4px}.history .empty{font-size:13px;color:var(--text-faint);padding:18px 4px;text-align:center}.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;color:inherit;text-decoration:none}.hrow:hover{background:var(--panel)}.hrow .amt-line{font-size:14px;font-weight:600}.hrow .addr{font-size:12px;color:var(--text-faint);margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace}.hstatus{font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 11px;letter-spacing:.03em;flex:none}.hstatus.completed{color:var(--good);background:var(--good-soft);border:1px solid rgba(47,209,129,.25)}.hstatus.burned{color:var(--warn);background:var(--warn-soft);border:1px solid rgba(255,184,77,.25)}.footer{text-align:center;font-size:12px;color:var(--text-faint);line-height:1.6;padding:22px 24px 30px;border-top:1px solid var(--card-border)}.footer .inner{max-width:640px;margin:0 auto}.spinner{width:15px;height:15px;border:2px solid rgba(233,239,252,.25);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(1turn)}}