html{background:#070911}html,body,#root{min-width:320px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font-family:inherit}:root{color:#f5f3ff}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{color:#f5f3ff;background:radial-gradient(circle at 15% 15%,#713aff24,#0000 30%),radial-gradient(circle at 85% 80%,#3068ff14,#0000 28%),#070911;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070911e0;border-bottom:1px solid #1d2130;justify-content:space-between;align-items:center;min-height:82px;padding:0 6vw;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{flex-shrink:0;align-items:center;height:43px;display:flex}.brand-logo{object-fit:contain;width:auto;height:43px;display:block}.brand-title{letter-spacing:.05em;font-size:17px;font-weight:800}.brand-subtitle{color:#999fb2;letter-spacing:.14em;margin-top:2px;font-size:10px}.beta-badge{vertical-align:middle;color:#e9dcff;background:#6e35db;border-radius:5px;margin-left:5px;padding:3px 6px;font-size:9px;display:inline-block}.wallet-button{color:#fff;background:#151122;border:1px solid #7541e8;border-radius:10px;padding:11px 18px}.wallet-button:hover{background:#211735}.page{grid-template-columns:.9fr 1.1fr;align-items:start;gap:90px;width:min(1180px,90vw);margin:0 auto;padding:80px 0 90px;display:grid}.intro{padding-top:70px}.eyebrow,.card-kicker{color:#9b6cff;letter-spacing:.14em;font-size:12px;font-weight:800}.intro h1{letter-spacing:-.045em;margin:17px 0 20px;font-size:clamp(40px,4vw,62px);line-height:1.04}.intro-copy{color:#aeb3c3;max-width:520px;font-size:16px;line-height:1.75}.beta-panel{background:linear-gradient(135deg,#562b9d3b,#171226bf);border:1px solid #503087;border-radius:14px;max-width:490px;margin-top:34px;padding:22px}.beta-panel-title{color:#b98cff;letter-spacing:.1em;font-size:12px;font-weight:800}.beta-panel p{color:#c2bdd0;margin:10px 0 0;font-size:13px;line-height:1.55}.security-line{color:#8f96a9;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;display:flex}.bridge-column{flex-direction:column;gap:18px;min-width:0;display:flex}.bridge-card,.recent-card{background:#0f121df5;border:1px solid #262b3b;border-radius:20px;padding:25px;box-shadow:0 30px 80px #0000005c}.card-heading,.recent-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-heading h2,.recent-heading h2{margin:5px 0 0;font-size:25px}.network-pill{color:#aeb3c3;background:#181c29;border:1px solid #30364a;border-radius:20px;padding:7px 10px;font-size:11px}.network-box{background:#141824;border:1px solid #292e3e;border-radius:14px;padding:18px;position:relative}.destination{padding-bottom:20px}.network-row{justify-content:space-between;align-items:center;display:flex}.label{color:#7f879b;letter-spacing:.1em;font-size:10px;font-weight:700}.balance{color:#8f96a9;font-size:11px}.chain-link{border:1px solid #0000;border-radius:11px;margin-top:10px;padding:4px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:block}.chain-link:hover{background:#7c3cff0f;border-color:#3b4359;transform:translateY(-1px)}.chain-link:hover .contract-address{color:#a875ff}.chain-row{align-items:center;gap:11px;display:flex}.chain-copy{min-width:0}.chain-icon{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.chain-icon.eth{background:#313b78}.chain-icon.base{background:#1652f0}.chain-name{font-weight:700}.contract-address{color:#747c91;margin-top:3px;font-size:10px;transition:color .15s}.external-icon{color:#8e63e8;margin-left:5px}.amount-row{align-items:center;gap:12px;margin-top:14px;padding-bottom:18px;display:flex}.amount-row input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:30px;font-weight:600}.amount-row input::placeholder{color:#555d71}.token-chip{color:#ddd8e9;background:#242938;border-radius:20px;flex:none;padding:8px 11px;font-size:12px;font-weight:700}.max-button{color:#a875ff;background:0 0;border:0;padding:3px 0;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:16px;right:18px}.switch-row{z-index:2;justify-content:center;height:18px;display:flex;position:relative}.switch-button{color:#fff;background:#272d3c;border:5px solid #0f121d;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;top:-12px}.switch-button:hover{background:#743ce2}.challenge-warning{background:#8956001f;border:1px solid #a46a0c;border-radius:12px;margin-top:18px;padding:17px}.warning-title{color:#ffbc42;font-size:12px;font-weight:800}.challenge-warning p{color:#c8bca5;margin:10px 0;font-size:12px;line-height:1.55}.challenge-time{color:#ffbe4a;font-size:22px;font-weight:800}.challenge-warning .warning-small{color:#8f887b;margin-bottom:0}.transfer-info{border-top:1px solid #242938;border-bottom:1px solid #242938;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;padding:15px 0;display:grid}.transfer-info div{flex-direction:column;gap:5px;display:flex}.transfer-info span{color:#727a8e;font-size:10px}.transfer-info strong{color:#c9cdd8;font-size:11px}.primary-button{color:#fff;background:linear-gradient(90deg,#6930d7,#8b42f5);border:0;border-radius:11px;width:100%;padding:15px;font-weight:800;box-shadow:0 8px 25px #7338e240}.primary-button:hover{filter:brightness(1.08)}.card-footnote{color:#666e82;text-align:center;margin:14px 10px 0;font-size:10px;line-height:1.5}.wallet-button:disabled,.primary-button:disabled,.max-button:disabled{cursor:not-allowed;opacity:.6}.wallet-status{background:#121621;border:1px solid #292e3e;border-radius:9px;justify-content:space-between;gap:15px;margin:-5px 0 15px;padding:11px 13px;font-size:11px;display:flex}.wallet-status span{color:#727a8e}.wallet-status strong{color:#c9cdd8}.wallet-message{overflow-wrap:anywhere;color:#cbb7ed;background:#522c8529;border:1px solid #5e3a91;border-radius:9px;max-width:100%;margin:0 0 15px;padding:12px 13px;font-size:11px;line-height:1.5}.bridge-status{background:#2a3c692e;border:1px solid #3c4d78;border-radius:10px;flex-direction:column;gap:6px;margin:0 0 15px;padding:14px;font-size:11px;line-height:1.5;display:flex}.bridge-status strong{color:#d5dcff}.bridge-status span{color:#9da9ca}.bridge-status a{color:#a875ff;width:fit-content;font-weight:700;text-decoration:none}.bridge-status a:hover{text-decoration:underline}.recent-count{color:#b8bed0;background:#181c29;border:1px solid #30364a;border-radius:20px;place-items:center;min-width:30px;height:30px;padding:0 9px;font-size:11px;font-weight:800;display:grid}.recent-empty{text-align:center;background:#1216218c;border:1px dashed #30364a;border-radius:13px;flex-direction:column;gap:7px;padding:22px;display:flex}.recent-empty strong{color:#cbd0dc;font-size:12px}.recent-empty span{color:#747d92;font-size:11px;line-height:1.5}.recent-list{flex-direction:column;gap:10px;display:flex}.recent-transfer{background:#131824;border:1px solid #292f40;border-radius:13px;padding:15px}.recent-transfer-main,.recent-transfer-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.recent-route{color:#e3e5ec;font-size:12px;font-weight:800}.recent-date{color:#6f788d;margin-top:4px;font-size:10px}.recent-amount{color:#fff;flex:none;font-size:13px;font-weight:800}.recent-transfer-footer{border-top:1px solid #222838;margin-top:13px;padding-top:12px}.status-badge{color:#b7c3e8;background:#2a3c692e;border:1px solid #3c4d78;border-radius:20px;align-items:center;min-height:24px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-completed,.status-finalized{color:#a8dfbf;background:#4caf7e14;border-color:#4caf7e66}.status-challenge-period{color:#ffbf55;background:#8956001f;border-color:#76531b}.recent-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.recent-links a{color:#a875ff;font-size:10px;font-weight:800;text-decoration:none}.recent-links a:hover{text-decoration:underline}.recent-note{color:#626b80;text-align:center;margin:14px 4px 0;font-size:9px;line-height:1.5}.footer{color:#737b8e;border-top:1px solid #1c202d;justify-content:space-between;align-items:center;min-height:75px;padding:0 6vw;font-size:11px;display:flex}.footer strong{color:#b7bcc9;margin-right:8px}.footer-networks span{color:#8950ee;margin:0 8px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050fd1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirmation-modal{background:radial-gradient(circle at 0 0,#7c3aed24,#0000 38%),#0e1220;border:1px solid #8b5cf673;border-radius:22px;width:min(100%,540px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 30px 80px #0000008c,0 0 60px #7c3aed14}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-kicker{color:#a970ff;letter-spacing:.12em;margin-bottom:7px;font-size:12px;font-weight:800}.modal-header h2{color:#fff;margin:0;font-size:25px;line-height:1.2}.modal-close{color:#aeb5ca;cursor:pointer;background:#151a29;border:1px solid #30364a;border-radius:11px;flex:none;width:38px;height:38px;font-size:24px;line-height:1}.modal-close:hover:not(:disabled){color:#fff;border-color:#8050e8}.modal-route{background:#131827;border:1px solid #292f40;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:26px;padding:18px;display:grid}.modal-chain{align-items:center;gap:11px;display:flex}.modal-chain span{color:#747e99;letter-spacing:.08em;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.modal-chain strong{color:#fff;font-size:14px;display:block}.modal-route-arrow{color:#9b63ff;font-size:22px;font-weight:700}.modal-details{border-top:1px solid #272d3d;border-bottom:1px solid #272d3d;margin-top:18px}.modal-details>div{border-bottom:1px solid #202636;justify-content:space-between;align-items:center;gap:20px;padding:13px 2px;display:flex}.modal-details>div:last-child{border-bottom:0}.modal-details span{color:#808aa5;font-size:12px}.modal-details strong{color:#fff;text-align:right;font-size:13px}.modal-address{font-family:monospace}.modal-notice{border-radius:14px;margin-top:18px;padding:16px}.modal-notice.approval{background:#7c3aed1a;border:1px solid #8b5cf68c}.modal-notice.ready{background:#4caf7e14;border:1px solid #4caf7e66}.modal-notice-title{color:#fff;margin-bottom:7px;font-size:13px;font-weight:800}.modal-notice p{color:#adb5cb;margin:6px 0 0;font-size:12px;line-height:1.55}.modal-security{color:#737d98;margin-top:16px;font-size:11px;line-height:1.5}.modal-actions{grid-template-columns:.8fr 1.4fr;gap:12px;margin-top:22px;display:grid}.modal-cancel-button,.modal-confirm-button{cursor:pointer;border-radius:12px;min-height:48px;font-weight:800}.modal-cancel-button{color:#c4cada;background:#151a29;border:1px solid #343b50}.modal-cancel-button:hover:not(:disabled){color:#fff;border-color:#555e78}.modal-confirm-button{color:#fff;background:linear-gradient(90deg,#6d2ee8,#923cff);border:0;box-shadow:0 10px 28px #6f2ee838}.modal-confirm-button:hover:not(:disabled){filter:brightness(1.08)}.modal-cancel-button:disabled,.modal-confirm-button:disabled,.modal-close:disabled{cursor:not-allowed;opacity:.55}@media (width<=900px){.page{grid-template-columns:1fr;gap:45px;padding-top:50px}.intro{text-align:center;padding-top:0}.intro-copy,.beta-panel{margin-left:auto;margin-right:auto}.security-line{justify-content:center}}@media (width<=600px){.topbar{padding:0 18px}.brand-mark,.brand-logo{height:38px}.brand-logo{width:auto}.wallet-button{padding:9px 11px;font-size:11px}.page{width:calc(100% - 28px);padding:38px 0 55px}.intro h1{font-size:38px}.bridge-card,.recent-card{padding:16px}.transfer-info{grid-template-columns:1fr}.recent-transfer-main,.recent-transfer-footer{flex-direction:column;align-items:flex-start}.recent-links{justify-content:flex-start}.footer{text-align:center;flex-direction:column;gap:15px;padding:20px}.confirmation-modal{border-radius:18px;padding:20px}.modal-route{padding:14px}.modal-actions{grid-template-columns:1fr}.modal-details>div{flex-direction:column;align-items:flex-start;gap:5px}.modal-details strong{text-align:left}}.recent-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.recent-links .max-button{white-space:nowrap;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf68c;border-radius:8px;width:auto;min-width:132px;margin:0;padding:7px 12px;font-size:.72rem;font-weight:700;line-height:1;position:static;inset:auto}.recent-links .max-button:hover:not(:disabled){background:#8b5cf638}.recent-links .max-button:disabled{cursor:not-allowed;opacity:.6}.route-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.route-option{color:#c9cdd8;background:#151a29;border:1px solid #30364a;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-weight:800;transition:border-color .15s,background .15s,transform .15s;display:flex}.route-option:hover:not(:disabled){background:#1b2030;border-color:#555e78;transform:translateY(-1px)}.route-option.active{color:#fff;background:#7c3aed24;border-color:#8050e8}.route-option:disabled{cursor:not-allowed;opacity:.55}.route-option-icon{border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex}.route-option-icon.base{color:#fff;background:#1652f0}.route-option-icon.bnb{color:#181818;background:#f0b90b}.chain-icon.bnb{color:#181818;background:#f0b90b;font-size:9px}@media (width<=560px){.route-selector{grid-template-columns:1fr}}