:root{color:#eaf0f3;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070a0e;--panel:#0f1419;--panel-soft:#0b1116;--elevated:#161c22;--line-subtle:#80868e14;--line:#80868e2e;--line-strong:#80868e4d;--text:#eaf0f3;--secondary:#bac5cb;--muted:#838e96;--disabled:#4e5760;--accent:#14b8a6;--accent-hover:#24c9b6;--positive:#35bf82;--warning:#e3a338;--negative:#e85b68;--radius:8px;background:#070a0e;font-family:Geist,Microsoft YaHei UI,PingFang SC,Noto Sans SC,Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:20px}.app-header{border-bottom:1px solid var(--line-subtle);background:#070a0ef5;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--bg);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #14b8a638,0 0 18px #14b8a614}.brand-word{color:var(--text);letter-spacing:-.02em;font-size:21px;font-weight:700}.brand-divider{background:var(--line);width:1px;height:30px;margin-inline:4px}.product-name{color:var(--text);font-size:16px;font-weight:650}.header-meta{align-items:center;gap:24px;display:flex}.header-meta>span{color:var(--muted);font-size:12px;font-weight:500}.wallet-button{border:1px solid var(--accent);min-width:154px;height:42px;color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;transition:background .14s,color .14s;display:inline-flex}.wallet-button:hover:not(:disabled){color:var(--accent-hover);background:#14b8a614}.wallet-button svg{width:17px}.app-layout{grid-template-columns:230px minmax(560px,1fr) 450px;gap:20px;max-width:1600px;margin:0 auto;padding:16px 26px 18px;display:grid}.step-rail,.bridge-panel,.side-panel,.tech-drawer{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#10161b 0%,#0c1217 100%)}.step-rail{min-height:810px;padding:26px 20px}.step{min-height:143px;color:var(--disabled);grid-template-columns:40px 1fr;gap:14px;display:grid;position:relative}.step:last-child{min-height:78px}.step:not(:last-child):after{content:"";background:repeating-linear-gradient(to bottom, var(--disabled) 0 4px, transparent 4px 8px);width:1px;position:absolute;top:39px;bottom:8px;left:19px}.step-complete:not(:last-child):after,.step-active:not(:last-child):after{background:var(--accent)}.step-marker{z-index:1;border:1px solid var(--line-strong);background:var(--panel);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:15px;font-weight:650;display:grid;position:relative}.step-marker svg{width:18px}.step-active{color:var(--secondary)}.step-active .step-marker{border-color:var(--accent);color:var(--accent);background:#14b8a614}.step-complete .step-marker{border-color:var(--positive);color:var(--positive);background:#35bf8214}.step-copy{flex-direction:column;gap:8px;padding-top:7px;display:flex}.step-copy strong{color:inherit;font-size:14px;font-weight:650;line-height:20px}.step-active .step-copy strong{color:var(--text)}.step-copy span{color:inherit;font-size:11px;line-height:1.6}.bridge-panel{min-width:0;min-height:810px;overflow:hidden}.route-header{border-bottom:1px solid var(--line-subtle);grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:84px;padding:18px 34px;display:grid}.chain-name{align-items:center;gap:14px;display:flex}.chain-name:last-child{justify-content:flex-end}.chain-name>div{flex-direction:column;gap:4px;display:flex}.chain-name strong{color:var(--text);font-size:15px;font-weight:650}.chain-name span:last-child{color:var(--muted);font-size:11px}.chain-logo{filter:drop-shadow(0 4px 10px #00000040);flex:none;width:40px;height:40px}.route-arrow{width:27px;color:var(--secondary)}.balance-strip{border-bottom:1px solid var(--line-subtle);background:#070a0e26;grid-template-columns:repeat(3,1fr);min-height:116px;display:grid}.balance-strip>div{flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:16px 34px;display:flex}.balance-strip>div+div{border-left:1px solid var(--line-subtle)}.balance-strip span{color:var(--secondary);font-size:11px}.balance-strip strong{color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:650;overflow:hidden}.balance-strip small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.form-stack{flex-direction:column;gap:9px;padding:19px 34px 0;display:flex}.form-stack label{color:var(--text);margin-top:3px;font-size:13px;font-weight:600}.amount-control,.recipient-control{border:1px solid var(--line-strong);background:#070a0e59;border-radius:5px;align-items:center;min-height:58px;transition:border-color .14s,box-shadow .14s;display:flex}.amount-control:focus-within,.recipient-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #14b8a61a}.amount-control input,.recipient-control input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.amount-control input{font-variant-numeric:tabular-nums;padding:0 20px;font-size:27px;font-weight:600}.amount-control input::placeholder,.recipient-control input::placeholder{color:var(--disabled)}.amount-control>span{border-left:1px solid var(--line);color:var(--text);align-self:stretch;align-items:center;padding:0 17px;font-size:14px;font-weight:600;display:flex}.amount-control>button{border:0;border-left:1px solid var(--line);min-width:64px;color:var(--accent);cursor:pointer;background:0 0;align-self:stretch;padding:0 16px;font-size:12px;font-weight:650}.amount-control>button:hover:not(:disabled){background:#14b8a60f}.recipient-control{min-height:46px}.recipient-control input{padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.field-hint{color:var(--muted);margin-top:-3px;font-size:10px;line-height:1.5}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-right:4px;display:grid}.icon-button:hover:not(:disabled){color:var(--text);background:#ffffff0a}.icon-button svg{width:16px}.gas-warning{color:var(--warning);background:#e3a3380e;border:1px solid #e3a338b3;border-radius:5px;grid-template-columns:28px 1fr;gap:14px;margin:18px 34px 0;padding:13px 16px;display:grid}.gas-warning>svg{width:23px}.gas-warning div{flex-direction:column;gap:4px;display:flex}.gas-warning strong{color:var(--text);font-size:12px;font-weight:650}.gas-warning span{color:#c7a461;font-size:10px;line-height:1.5}.quote-summary{border:1px solid var(--line-strong);background:#070a0e38;border-radius:5px;margin:14px 34px 0;overflow:hidden}.quote-summary>div{min-height:31px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 13px;font-size:10px;display:flex}.quote-summary>div:not(.arrival-row)+div:not(.arrival-row){border-top:1px dashed var(--line-subtle)}.quote-summary strong{color:var(--secondary);font-variant-numeric:tabular-nums;font-weight:500}.quote-summary .arrival-row{border-top:1px solid var(--line);min-height:55px;color:var(--text);font-size:12px}.quote-summary .arrival-row strong{color:var(--accent);font-size:22px;font-weight:700}.error-message{color:#f099a2;background:#e85b6812;border:1px solid #e85b6873;border-radius:5px;grid-template-columns:20px 1fr;gap:10px;margin:12px 34px 0;padding:10px 13px;font-size:11px;line-height:1.5;display:grid}.error-message svg{width:17px}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#061411;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:9px;width:calc(100% - 68px);height:53px;margin:16px 34px 0;font-size:14px;font-weight:750;transition:background .14s,transform .14s;display:flex}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button svg{width:18px}.signature-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:11px 30px 16px;font-size:10px;display:flex}.signature-note svg{width:13px}.right-rail{flex-direction:column;gap:20px;min-width:0;display:flex}.side-panel{overflow:hidden}.panel-heading{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;min-height:56px;padding:0 22px;display:flex}.panel-heading h2{color:var(--text);margin:0;font-size:16px;font-weight:650}.panel-heading>span{color:var(--muted);font-size:10px}.verification-list{padding:0 16px}.verification-row{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 4px;display:flex}.verification-row+.verification-row{border-top:1px solid var(--line-subtle)}.verification-row>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.verification-row strong{color:var(--text);font-size:11px;font-weight:600}.verification-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;overflow:hidden}.verification-actions{align-items:center;display:flex}.verification-status{border:1px solid var(--line-strong);width:23px;height:23px;color:var(--disabled);border-radius:50%;flex:none;place-items:center;display:grid}.verification-status.is-verified{border-color:var(--positive);color:var(--positive)}.verification-status svg{width:13px}.privacy-note{border-top:1px solid var(--line-subtle);color:var(--secondary);grid-template-columns:24px 1fr;gap:12px;padding:15px 20px;display:grid}.privacy-note>svg{width:19px;color:var(--text)}.privacy-note div{flex-direction:column;gap:4px;display:flex}.privacy-note strong{color:var(--text);font-size:11px;font-weight:650}.privacy-note span{color:var(--muted);font-size:9px;line-height:1.5}.unofficial-note{border-top:1px solid var(--line-subtle);color:var(--muted);margin:0;padding:13px 20px 15px;font-size:9px;line-height:1.55}.activity-panel{min-height:363px}.activity-list{padding:17px 22px 4px}.activity{min-height:47px;color:var(--disabled);grid-template-columns:22px minmax(0,1fr);gap:11px;display:grid;position:relative}.activity:not(:last-child):after{content:"";background:repeating-linear-gradient(to bottom, var(--disabled) 0 4px, transparent 4px 8px);width:1px;position:absolute;top:15px;bottom:0;left:6px}.activity-dot{z-index:1;border:1px solid var(--muted);background:var(--panel);border-radius:50%;width:13px;height:13px;margin-top:2px;position:relative}.activity.done .activity-dot{border-color:var(--positive);background:var(--positive)}.activity.active .activity-dot{border-color:var(--accent);background:#14b8a624;box-shadow:0 0 0 3px #14b8a614}.activity div{flex-direction:column;gap:4px;min-width:0;display:flex}.activity strong{color:inherit;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.activity.active strong{color:var(--text)}.activity.done strong{color:var(--secondary)}.activity a{color:var(--accent);display:inline-flex}.activity a svg{width:11px}.activity span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.live-status{border:1px solid var(--line-subtle);color:var(--secondary);background:#070a0e4d;border-radius:5px;justify-content:flex-start;align-items:center;gap:9px;margin:1px 22px 17px;padding:10px 11px;font-size:9px;line-height:1.5;display:flex}.live-status>span{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.tech-drawer{max-width:1548px;margin:0 auto;overflow:hidden}.tech-drawer>button{width:100%;height:50px;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;font-weight:600;display:flex}.tech-title,.tech-toggle{align-items:center;gap:9px;display:inline-flex}.tech-title>svg{width:15px;color:var(--secondary);transition:transform .14s;transform:rotate(-90deg)}.tech-drawer.open .tech-title>svg{transform:rotate(0)}.tech-toggle{color:var(--muted);font-size:10px;font-weight:500}.tech-toggle>svg{width:14px;transition:transform .14s}.tech-drawer.open .tech-toggle>svg{transform:rotate(180deg)}.tech-grid{border-top:1px solid var(--line-subtle);background:var(--line-subtle);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid}.tech-grid>div{background:var(--panel);flex-direction:column;gap:6px;min-width:0;padding:12px 15px;display:flex}.tech-grid span{color:var(--muted);font-size:9px}.tech-grid strong,.tech-grid a{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;text-decoration:none;overflow:hidden}.tech-grid a:hover{color:var(--accent)}.site-footer{max-width:1600px;color:var(--muted);margin:0 auto;padding:18px 28px 0;font-size:10px}.spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1260px){.app-layout{grid-template-columns:210px minmax(520px,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.step-rail,.bridge-panel{min-height:780px}}@media (max-width:860px){.app-header{height:60px;padding:0 15px}.brand{gap:8px}.brand-word{font-size:18px}.brand-divider{display:none}.product-name{margin-left:3px;font-size:13px}.header-meta{gap:10px}.header-meta>span{display:none}.wallet-button{min-width:0;height:38px;padding:0 12px;font-size:12px}.app-layout{flex-direction:column;gap:14px;padding:14px;display:flex}.step-rail{grid-template-columns:repeat(5,1fr);min-height:0;padding:13px 9px;display:grid}.step{text-align:center;flex-direction:column;align-items:center;gap:7px;min-height:58px;display:flex}.step:last-child{min-height:58px}.step:not(:last-child):after{background:repeating-linear-gradient(to right, var(--disabled) 0 4px, transparent 4px 8px);width:calc(100% - 30px);height:1px;top:15px;bottom:auto;left:calc(50% + 15px)}.step-complete:not(:last-child):after,.step-active:not(:last-child):after{background:var(--accent)}.step-marker{width:30px;height:30px;font-size:11px}.step-copy{padding:0}.step-copy strong{font-size:9px;line-height:13px}.step-copy span{display:none}.bridge-panel{min-height:0}.right-rail{gap:14px;display:flex}.tech-drawer{margin:0 14px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.brand-mark{width:28px;height:28px}.wallet-button svg{display:none}.route-header{gap:8px;padding:16px 14px}.chain-name{gap:8px}.chain-logo{width:32px;height:32px}.chain-name strong{font-size:12px}.chain-name span:last-child{font-size:8px}.route-arrow{width:21px}.balance-strip{min-height:0}.balance-strip>div{padding:13px 10px}.balance-strip span{font-size:9px}.balance-strip strong{font-size:12px}.balance-strip small{display:none}.form-stack{padding:17px 15px 0}.amount-control input{padding-inline:14px;font-size:24px}.amount-control>span{padding-inline:11px;font-size:12px}.amount-control>button{min-width:53px;padding-inline:10px}.gas-warning,.quote-summary,.error-message{margin-left:15px;margin-right:15px}.gas-warning{padding:12px}.primary-button{width:calc(100% - 30px);margin-left:15px;margin-right:15px}.signature-note{text-align:center;padding-inline:15px}.panel-heading{padding-inline:17px}.verification-list{padding-inline:12px}.tech-grid{grid-template-columns:1fr}}@media (max-width:360px){.product-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}