:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#111512;background:#f3f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.emergency-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;background:#0a0e0bd1}.emergency-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:30px;border:2px solid #c8322d;background:#fff;box-shadow:0 24px 70px #00000059;text-align:center}.emergency-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid #d5dbd2;background:#fff;display:grid;place-items:center}.emergency-modal p{margin:0 0 10px;color:#c8322d;font-size:12px;font-weight:800}.emergency-modal h2{margin:0;font-size:28px}.emergency-modal strong{display:block;margin-top:18px;color:#c8322d;font-size:18px}.emergency-modal .free-notice{margin-top:10px;color:#168447}.channel-check-button{width:100%;margin-top:18px;justify-content:center;background:#111512;color:#fff}.channel-close-hint{display:block;margin-top:8px;color:#c8322d;font-weight:800}.channel-check-result{margin-top:12px;padding:10px 12px;background:#f0f2ee;text-align:left}.channel-check-result p{margin:0;color:#111512;font-size:12px;line-height:1.6}.channel-check-result p+p{margin-top:5px}.channel-check-result .channel-closed-warning{margin-top:9px;padding:8px;background:#ef5b55;color:#111;font-size:12px;text-align:center}.emergency-modal code{display:block;margin-top:16px;padding:10px;border:1px solid #dfe4dc;background:#f3f5f1;color:#343b36;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.emergency-modal span{display:block;margin-top:12px;color:#4e5951;font-size:14px;line-height:1.7}header{height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe4dc}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark,.chain{display:grid;place-items:center;flex:0 0 auto;font-weight:800;color:#111512}.brand-mark{width:34px;height:34px;background:#bbf452;border:2px solid #111512}.brand-mark img,.chain.arc img{width:64%;height:64%;object-fit:contain}.brand span:last-child{display:grid}.brand strong{font-size:15px}.brand small{font-size:11px;color:#667066}.wallet-pill{height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #cad1c7;background:#f8faf7;font-size:13px;font-weight:650}.status-dot{width:8px;height:8px;border-radius:50%;background:#45b96a}main{width:min(1120px,calc(100% - 48px));margin:0 auto;flex:1;padding:52px 0 64px}.route-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding:28px 26px;border:1px solid #d5dbd2;border-top:6px solid #315cdd;background:#fff}.direction-title{margin:0 0 14px;font-size:44px;line-height:1;font-weight:900}.direction-forward{color:#315cdd}.direction-reverse{color:#c8322d}.eyebrow{margin:0 0 8px;color:#315cdd;font-size:12px;font-weight:800}h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:0}.route-title-row{display:flex;align-items:baseline;gap:18px}.route-title-row strong{color:#c8322d;font-size:12px;font-weight:800;white-space:nowrap}.route-head p:last-child{margin:14px 0 0;color:#5d675f;font-size:15px}.route-visual{display:flex;align-items:center;gap:14px;color:#718076}.chain{width:54px;height:54px;border:2px solid #111512;font-size:20px}.chain.base{color:#fff;background:#315cdd}.chain.arc{background:#bbf452}.connect-panel{min-height:340px;border:1px solid #d5dbd2;background:#fff;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;padding:32px}.connect-panel h2{margin:6px 0 0;font-size:22px}.connect-panel p{margin:0 0 12px;max-width:440px;color:#667066;line-height:1.7}.button{min-height:46px;padding:0 20px;border:1px solid #111512;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;border-radius:4px}.button.compact{min-height:38px;padding:0 14px;font-size:13px}.button.primary,.button.dark{background:#111512;color:#fff}.button.accent{background:#bbf452;color:#111512}.button.outline{background:#fff;color:#111512}.balance-strip{min-height:84px;display:grid;grid-template-columns:repeat(3,1fr) 44px;align-items:center;background:#111512;color:#fff;padding:12px 20px;gap:16px}.balance-strip div{display:grid;gap:5px;min-width:0}.balance-strip span{color:#aeb8b0;font-size:11px;text-transform:uppercase}.balance-strip strong{font-size:19px;overflow:hidden;text-overflow:ellipsis}.icon-button{width:40px;height:40px;border:1px solid #3f4842;color:#fff;background:#232a25;display:grid;place-items:center;border-radius:4px}.amount-band{display:grid;grid-template-columns:160px 1fr;align-items:center;border:1px solid #d5dbd2;border-top:0;background:#fff;padding:24px}.amount-band>label{font-size:13px;font-weight:750}.amount-row{height:58px;display:grid;grid-template-columns:1fr auto auto;align-items:center;border-bottom:2px solid #111512}.amount-row input{width:100%;border:0;outline:0;font-size:30px;font-weight:720;min-width:0}.amount-row span{font-weight:800;padding:0 12px}.amount-row button{border:0;background:#e9eee7;padding:8px 10px;font-size:12px;font-weight:750;border-radius:3px}.amount-band>p{grid-column:2;margin:9px 0 0;font-size:12px;color:#717b73}.guide-band{margin-top:24px;padding:22px 24px;border:1px solid #d5dbd2;background:#eef2ec;display:grid;grid-template-columns:180px 1fr;gap:24px}.guide-heading .eyebrow{margin-bottom:6px}.guide-heading h2{margin:0;font-size:19px}.guide-band ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-band li{display:flex;align-items:flex-start;gap:10px;min-width:0}.guide-band li>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;background:#111512;color:#fff;font-size:11px;font-weight:800}.guide-band strong{display:block;font-size:13px;margin:2px 0 5px}.guide-band li p{margin:0;color:#667066;font-size:11px;line-height:1.55}.steps{display:grid;grid-template-columns:1fr 42px 1fr;align-items:stretch;margin-top:24px}.step{position:relative;background:#fff;border:1px solid #d5dbd2;padding:26px;display:flex;flex-direction:column;min-height:310px}.claim-step .step-top{padding-right:84px}.claim-help{position:absolute;top:22px;right:22px;border:0;background:transparent;color:#c8322d;padding:4px 0;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800}.step-top{display:flex;align-items:flex-start;gap:14px}.step-number{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:#111512;color:#fff;font-weight:800;font-size:13px}.step h2{margin:1px 0 7px;font-size:20px}.step p{margin:0;color:#667066;font-size:13px;line-height:1.6}.step .claim-amount-tip{margin-top:7px;color:#315cdd;font-size:11px;font-weight:650}.claim-amount{margin-top:18px}.claim-amount>label{display:block;margin-bottom:4px;font-size:11px;font-weight:750;color:#667066}.claim-amount .amount-row{height:48px}.claim-amount .amount-row input{font-size:22px}.claim-amount>p{margin-top:7px;font-size:10px}.claim-amount+dl{margin-top:18px}.step dl{margin:28px 0 22px;border-top:1px solid #e3e7e1}.step dl div{min-height:42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e7e1}.step dt{color:#667066;font-size:12px}.step dd{margin:0;font-size:12px;font-weight:750}.step>.button{margin-top:auto;width:100%}.deposit-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.deposit-actions .button{width:100%;padding:0 12px}.claim-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.claim-actions .button{width:100%;padding:0 12px}.tx-link{margin-top:12px;display:inline-flex;justify-content:center;align-items:center;gap:5px;font-size:12px;color:#315cdd}.connector{display:grid;place-items:center;color:#758078}.reverse-workflow{position:relative;margin-top:64px;padding:28px 26px;border:1px solid #111512;border-top:6px solid #c8322d;background:#fff}.reverse-workflow h2{margin:0;font-size:24px}.reverse-title-row{margin-right:100px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}.reverse-title-row strong{color:#c8322d;font-size:12px;font-weight:800;white-space:nowrap}.reverse-intro{margin:8px 100px 0 0;color:#667066;font-size:12px}.reverse-tutorial{margin:10px 100px 0 0;color:#c8322d;font-size:12px;font-weight:800;line-height:1.6}.reverse-expiry-note{margin:5px 100px 0 0;color:#c8322d;font-size:12px;font-weight:800;line-height:1.6}.reverse-rpc-warning{margin:10px 100px 0 0;padding:10px 12px;background:#ef5b55;color:#111;font-size:12px;font-weight:800;line-height:1.6}.reverse-help{top:22px;right:22px}.reverse-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.notice{position:fixed;left:50%;bottom:26px;transform:translate(-50%);width:min(520px,calc(100% - 32px));min-height:48px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:#fff;background:#243029;box-shadow:0 12px 32px #1419152e;border-radius:4px;z-index:5}.notice.error{background:#a63b34}.notice.ok{background:#237b49}.notice span{font-size:13px;flex:1}.notice button{border:0;background:transparent;color:inherit;font-size:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:20px;display:grid;place-items:center;background:#0a0e0b94}.manual-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #111512;padding:28px;box-shadow:0 24px 70px #0000003d}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #d5dbd2;background:#fff;display:grid;place-items:center}.manual-modal h2{margin:0;font-size:23px}.claim-rpc-guide{margin:14px 0;padding:12px 12px 12px 34px;background:#f8d7d5;color:#111;font-size:12px;font-weight:750;line-height:1.7}.modal-intro{margin:10px 42px 22px 0;color:#667066;font-size:13px;line-height:1.65}.manual-amount{margin:0 0 18px}.manual-amount>label{display:block;margin-bottom:4px;color:#667066;font-size:11px;font-weight:750}.manual-amount .amount-row{height:48px}.manual-amount .amount-row input{font-size:22px}.credential-warning{margin:-4px 0 18px;padding:10px 12px;border-left:3px solid #c8322d;background:#f8e9e7;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7b2925;font-size:11px}.credential-warning button{border:0;background:transparent;color:#c8322d;font-size:11px;font-weight:800;text-decoration:underline;white-space:nowrap}.manual-step{display:grid;grid-template-columns:28px 1fr 108px;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #dfe4dc}.manual-step>span{width:28px;height:28px;display:grid;place-items:center;background:#111512;color:#fff;font-size:12px;font-weight:800}.manual-step strong{display:block;font-size:13px}.manual-step p{margin:5px 0 0;color:#667066;font-size:11px;line-height:1.5}.manual-step .button{width:108px;min-height:40px;padding:0 12px}.reverse-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;background:#dfe4dc;border:1px solid #dfe4dc}.reverse-balances div{background:#111512;color:#fff;padding:14px;display:grid;gap:5px;min-width:0}.reverse-balances span{color:#aeb8b0;font-size:10px}.reverse-balances strong{overflow:hidden;text-overflow:ellipsis;font-size:16px}.reverse-section{padding:20px 0;border-top:1px solid #dfe4dc}.reverse-section-head{display:flex;align-items:flex-start;gap:11px}.reverse-section-head>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:#111512;color:#fff;font-size:12px;font-weight:800}.reverse-section-head strong{display:block;font-size:14px;margin:3px 0 4px}.reverse-section-head p{margin:0;color:#667066;font-size:11px}.reverse-section dl{margin:16px 0}.reverse-section dl div{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e7e1}.reverse-section dt{color:#667066;font-size:11px}.reverse-section dd{margin:0;font-size:11px;font-weight:750}.reverse-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reverse-actions .button,.reverse-claim-button{width:100%}.reverse-claim-button{background:#315cdd;color:#fff}.reverse-amount{margin:16px 0 4px}.reverse-amount>label{display:block;margin-bottom:4px;color:#667066;font-size:11px;font-weight:750}.reverse-amount .amount-row{height:48px}.reverse-amount .amount-row input{font-size:22px}footer{min-height:78px;padding:12px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #dfe4dc;display:flex;align-items:center;justify-content:space-between;color:#687169;font-size:11px;background:#fff}footer a{display:inline-flex;gap:4px;align-items:center}.footer-copy{display:grid;gap:6px}.disclaimer{color:#7b524d}.disclaimer a{display:inline;color:#315cdd;font-weight:700}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){header{height:64px;padding:0 16px}main{width:calc(100% - 24px);padding:30px 0 46px}.route-head{align-items:center;margin-bottom:24px}.route-head{padding:22px 18px;align-items:flex-start}.direction-title{font-size:34px}.route-title-row{align-items:flex-start;flex-direction:column;gap:7px}.route-title-row strong{max-width:250px;white-space:normal}.route-head p:last-child{max-width:230px}.chain{width:38px;height:38px;font-size:15px}.route-visual{gap:6px}.balance-strip{grid-template-columns:1fr 1fr;padding:16px}.balance-strip .icon-button{position:absolute;right:26px}.amount-band{grid-template-columns:1fr;padding:18px}.amount-band>label{margin-bottom:8px}.amount-band>p{grid-column:1}.guide-band{grid-template-columns:1fr;padding:18px;gap:16px}.guide-band ol{grid-template-columns:1fr 1fr;gap:16px 12px}.steps{grid-template-columns:1fr;gap:12px}.connector{transform:rotate(90deg);height:24px}.step{min-height:290px;padding:22px}.claim-help{top:18px;right:18px}.deposit-actions,.claim-actions{grid-template-columns:1fr}.reverse-workflow{margin-top:44px;padding:22px 18px}.reverse-title-row{margin-right:0;align-items:flex-start;flex-direction:column;gap:6px}.reverse-title-row strong{white-space:normal}.reverse-intro,.reverse-tutorial,.reverse-expiry-note,.reverse-rpc-warning{margin-right:0}.reverse-grid{grid-template-columns:1fr;gap:0}.manual-modal{padding:22px}.credential-warning{align-items:flex-start;flex-direction:column}.manual-step{grid-template-columns:28px 1fr}.manual-step .button{grid-column:1 / -1;width:100%}.reverse-balances,.reverse-actions{grid-template-columns:1fr}footer{padding:16px;gap:14px;flex-wrap:wrap}.footer-copy{line-height:1.55}}@media(max-width:430px){.brand small{display:none}.route-head h1{font-size:36px}.route-head p:last-child{font-size:13px;max-width:205px}.route-visual svg{display:none}.amount-row input{font-size:25px}.guide-band ol{grid-template-columns:1fr}}
