@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#eaf0ec;background:#101412;font-synthesis:none;font-size:14px;--accent:#b9ed98;--muted:#98a79d;--border:#303b33;--red:#ffae9f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,a{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}input,select{min-width:0}input{color:inherit;border:0;background:transparent}input::placeholder{color:#849388}svg{vertical-align:middle;flex-shrink:0}p,h1,h2,h3{margin:0}.app-shell{max-width:960px;margin:auto}.header{height:72px;margin:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--border);gap:30px}.brand{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:400;margin-left:5px;color:#cad4cd}.brand-icon{width:29px;height:29px;display:grid;place-items:center;background:var(--accent);color:#192717;border-radius:7px;margin-right:10px}.brand-icon svg{width:21px}.header nav{display:flex;align-items:center;gap:24px;height:100%;margin-left:auto}.header nav button{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);height:100%;position:relative;white-space:nowrap;padding:0 2px}.header nav .nav-active{color:var(--accent)}.nav-active:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.count{border:1px solid var(--border);padding:0 5px;border-radius:4px;font-size:10px}.wallet-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #455542;color:#d3e5d0;border-radius:6px;padding:9px 12px;font-size:11px;white-space:nowrap}.wallet-button:hover{background:#242d25}main{max-width:500px;margin:24px auto 32px;padding:0 14px}.trade-panel{border:1px solid #354337;border-radius:12px;background:#191f1b;padding:22px 24px;position:relative}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-weight:500;font-size:20px;line-height:1.4}.panel-heading p{font-size:10px;color:var(--muted);margin-top:6px}.network-label{display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.muted .status-dot{background:#b0a680}.icon-button{width:30px;height:30px;display:grid;place-items:center;color:#a3b1a7;border-radius:5px}.icon-button:hover{background:#303a32}.amount-box{background:#111713;border:1px solid #354136;border-radius:8px;padding:11px 13px 9px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c5d1c8;font-size:11px;line-height:16px}.field-label>span:last-child{font-size:10px;color:#94a397;text-align:right}.amount-row{display:flex;align-items:center;gap:10px;justify-content:space-between;height:45px}.amount-row>input{width:60%;flex:1;font-size:31px;letter-spacing:-1px;font-weight:500;padding:0}.amount-row .token-label{display:flex;align-items:center;gap:8px;flex-shrink:0}.token-label strong{font-size:16px;font-weight:600}.asset-sub{display:flex;justify-content:space-between;color:#91a095;font-size:10px;line-height:15px}.asset-sub>span:last-child:not(:first-child){border:1px solid #3b493d;border-radius:3px;font-size:9px;padding:0 4px}.direction{width:27px;height:27px;margin:-5px auto;background:#263128;border:4px solid #191f1b;border-radius:7px;display:grid;place-items:center;position:relative;z-index:1;color:#b4c5b4}.coin{height:26px;width:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:Arial,sans-serif;font-size:20px;flex-shrink:0}.coin-xrp{background:#e6ece8;color:#151a17;font-size:26px}.coin-eth{color:#c1c9e2;background:#29303c;border:1px solid #414b60;font-size:22px}.coin-btc{background:#392d1f;color:#f3b266;border:1px solid #634627}.asset-select{display:flex;align-items:center;gap:7px;border:1px solid #3c493d;padding:6px 8px;border-radius:6px;background:#212a22;position:relative}.asset-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:#eaf0ec;font-size:15px;font-weight:600;cursor:pointer;padding-right:14px;z-index:1}.asset-select svg{position:absolute;right:7px;pointer-events:none}.asset-select select option{background:#202a23}.output{font-size:29px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.output-empty{color:#87998a}.address-field{margin-top:17px}.text-button{color:var(--accent);font-size:11px;display:inline-flex;align-items:center;gap:5px;padding:0}.address-field>input{display:block;width:100%;border:1px solid #3e4c40;background:#111713;border-radius:6px;padding:10px 11px;font-family:DM Sans,sans-serif;font-size:12px;margin-top:7px}.address-field>input[aria-invalid=true]{border-color:#c78774}.address-field>p{font-size:10px;color:#98a99d;margin-top:6px;line-height:1.5}.address-field .field-error,.field-error{color:var(--red)}.mode-field{margin:16px 0 0;padding:0;border:0}.mode-field legend{font-size:11px;color:#c5d1c8;padding:0;margin-bottom:7px;line-height:16px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-options button{border:1px solid #3c4a3e;border-radius:7px;display:flex;align-items:center;text-align:left;gap:9px;padding:10px;background:#161c18}.mode-options button>svg{color:#9caf9c}.mode-options button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mode-options strong{font-size:11px;font-weight:500}.mode-options small{color:#9baa9e;font-size:9px;white-space:nowrap}.mode-options button.selected{border-color:#8aab75;background:#242e22}.mode-options button.selected>svg{color:var(--accent)}.radio-mark{height:12px;width:12px;border:1px solid #7c8f78;display:grid;place-items:center;border-radius:50%;margin-left:auto;flex-shrink:0}.selected .radio-mark{border-color:var(--accent)}.radio-mark>span{width:6px;height:6px;background:var(--accent);border-radius:50%}.quote-details{margin-top:17px;font-size:11px;display:flex;flex-direction:column;gap:9px;line-height:16px}.quote-details>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-details span,.quote-details label{color:#a2b1a6;display:inline-flex;align-items:center;gap:5px}.quote-details strong{font-size:11px;font-weight:400;text-align:right}.accent{color:var(--accent)}.quote-details select{border:1px solid #455543;color:#ccd9cd;background:#222d24;padding:3px 7px;border-radius:4px;font-size:10px}.quote-meta{font-size:9px;color:#98a89b;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);margin-top:12px;padding-top:9px;font-variant-numeric:tabular-nums}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#172216;border:1px solid var(--accent);border-radius:7px;min-height:44px;font-size:13px;font-weight:600;margin-top:16px}.primary-button:hover:not(:disabled){background:#cbf4b0}.primary-button:disabled{opacity:.5}.install-note{display:flex;justify-content:center;align-items:center;gap:4px;color:#a2b0a5;font-size:10px;margin-top:10px}.install-note a{color:#c6d9ba}.inline-error{font-size:11px;color:var(--red);line-height:1.8;margin-top:12px}.error-banner,.notice{display:flex;align-items:flex-start;gap:9px;background:#382b24;border:1px solid #745846;color:#f3ccaa;border-radius:7px;font-size:12px;padding:12px;margin-top:16px;line-height:1.8}.error-banner>svg,.notice>svg{margin-top:3px}.error-banner>span{flex:1}.error-banner>button{padding:0;color:#f3ccaa}.notice{margin-top:0;margin-bottom:16px;font-size:11px}.notice button{text-decoration:underline;color:#f3d5a9;padding-left:5px}.empty-history{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8e9f92;gap:16px}.empty-history>svg{color:#71876d}.empty-history h3{font-size:17px;font-weight:500;color:#cbd9ce}.empty-history p{font-size:11px;line-height:1.8}.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #657f57;color:var(--accent);padding:10px 15px;border-radius:6px;font-size:11px}.secondary-button:hover{background:#293824}.history-item{padding:18px 0;border-bottom:1px solid var(--border)}.history-item:first-child{padding-top:0}.history-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-title>strong{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.record-state{font-size:9px;border-radius:4px;background:#2e382c;color:#c0d1b9;padding:4px 6px;white-space:nowrap}.state-unknown,.state-partial{background:#453826;color:#ebc697}.state-failed{background:#422e28;color:#f0b8a1}.state-complete{color:var(--accent);background:#2b3d26}.record-date{font-size:10px;color:#92a195;margin:8px 0 18px}.record-address{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:12px;color:#98a79d}.record-address>span:last-child{color:#d0ddd1;display:flex;align-items:center;gap:8px}.record-address button{padding:0;display:grid;place-items:center}.progress-list{list-style:none;padding:17px 0 0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:11px}.progress-list li{display:flex;gap:10px;align-items:center;color:#89978d}.progress-list li>span{width:18px;height:18px;border:1px solid #48564a;border-radius:50%;display:grid;place-items:center;font-size:9px}.progress-list .done{color:#c1d9b3}.progress-list .done>span{background:#30432a;border-color:#58744b}.progress-list .current{color:var(--accent)}.progress-list .current>span{border-color:#94b87d}.record-link{display:inline-flex;align-items:center;gap:5px;color:#bdcdb7;font-size:10px;margin-top:17px}.record-note{color:#e1c299;font-size:11px;line-height:1.9;margin:14px 0}.history-footnote{font-size:10px;color:#899a8f;line-height:1.9;margin-top:22px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#040906c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.confirm-modal{position:relative;background:#1b241d;border:1px solid #506046;border-radius:14px;padding:29px;width:440px;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 25px 100px #0007}.modal-close{position:absolute;right:13px;top:13px}.modal-icon{display:grid;place-items:center;width:48px;height:48px;background:#2f4126;color:var(--accent);border-radius:12px;margin-bottom:20px}.confirm-modal h2{font-size:22px;font-weight:500}.modal-subtitle{font-size:11px;color:#a2b0a5;margin-top:9px}.confirm-amount{display:flex;flex-direction:column;align-items:center;gap:13px;border:1px solid #3b4d3c;border-radius:9px;padding:22px 10px;margin:23px 0;color:#bbccc0}.confirm-amount>strong{font-size:24px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.confirm-details{margin:0;font-size:11px;display:flex;flex-direction:column;gap:13px}.confirm-details>div{display:flex;justify-content:space-between;gap:20px}.confirm-details dt{color:#a1afa5;flex-shrink:0}.confirm-details dd{margin:0;color:#d4dfd5;text-align:right}.full-address{font-family:monospace;font-size:11px;overflow-wrap:anywhere;line-height:1.6}.ack{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#c2cfc4;line-height:1.85;margin-top:22px;padding-top:18px;border-top:1px solid #3a493c}.ack>input{accent-color:var(--accent);margin-top:4px;width:15px;height:15px;flex-shrink:0}.confirm-expiry{color:#a4b19c;font-size:10px;line-height:1.7;margin-top:13px}.confirm-modal .field-error{margin-top:12px;font-size:11px}.spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.header{height:100px;gap:10px;flex-wrap:wrap;margin:0 18px;padding-top:15px}.brand{font-size:19px}.brand-icon{margin-right:8px}.wallet-button{margin-left:auto;font-size:10px;padding:9px 10px}.header nav{order:3;width:100%;height:37px;justify-content:center;gap:38px;margin-left:0}.header nav button{font-size:12px}main{margin-top:18px;padding:0 15px}.trade-panel{padding:19px 17px;border-radius:10px}.field-label>span:last-child{font-size:9px;max-width:72%}.output{font-size:27px}.amount-row>input{font-size:29px}.mode-options{gap:8px}.mode-options button{gap:7px;padding:10px 8px}.mode-options button>svg{width:15px}.quote-details,.quote-details strong{font-size:10px}.confirm-modal{padding:25px 21px}.confirm-amount>strong{font-size:22px}.modal-backdrop{padding:14px}.confirm-modal{max-height:calc(100dvh - 28px)}.record-state{font-size:8px}.history-title>strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.receive .amount-row{height:auto;min-height:45px;padding:5px 0}.output{min-width:0;max-width:calc(100% - 105px);overflow:visible;overflow-wrap:anywhere;text-overflow:clip;line-height:1.3}@media(max-width:600px){.output{font-size:clamp(18px,6.5vw,27px)}}.arrival-time{width:100%;font-size:11px}.arrival-time summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.arrival-time summary::-webkit-details-marker{display:none}.arrival-time summary>span{display:inline-flex;align-items:center;gap:5px;color:#a2b1a6}.arrival-time summary>strong{font-size:11px;font-weight:400;text-align:right;display:inline-flex;align-items:center;gap:5px}.arrival-time[open] summary>strong>svg{transform:rotate(180deg)}.arrival-breakdown{background:#121a14;border:1px solid #344336;border-radius:6px;padding:10px;margin-top:10px;font-size:10px;line-height:1.8}.arrival-breakdown>div{display:flex;justify-content:space-between;gap:12px;color:#b5c3b7}.arrival-breakdown p{font-size:9px;color:#9bab9e;line-height:1.8;margin-top:7px}.record-timing{display:flex;justify-content:space-between;gap:10px;color:#a7b9a6;font-size:11px;margin:18px 0 12px}.eta-overdue{color:#ebc697}.arrival-time summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:600px){.arrival-time,.arrival-time summary>strong{font-size:10px}}.comparison-options button{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:12px 10px}.comparison-heading{display:flex;align-items:center;gap:6px;min-height:21px}.comparison-heading>svg{color:#a8c79a}.comparison-heading strong{font-size:12px}.comparison-options button>span:nth-child(2){display:block}.comparison-badge{font-size:9px;color:#b9d7a5;min-height:17px;line-height:17px;margin:6px 0 7px}.comparison-output{display:block;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.6;color:#eaf0ec}.comparison-usdt{display:block;font-size:10px;color:#a6b5a8;line-height:1.8;margin-top:3px;margin-bottom:10px}.comparison-row{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;line-height:1.7;font-size:9px;color:#a6b7a8;margin-top:7px}.comparison-row>strong{font-size:10px;font-weight:400;color:#d9e5d8;text-align:right;overflow-wrap:anywhere;min-width:0}.comparison-row>span{flex-shrink:0}.comparison-fee,.comparison-time{display:block}.comparison-fee strong,.comparison-time strong{display:block;text-align:left;margin-top:2px}.comparison-result{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#adc5a1;line-height:1.8;margin-top:10px;font-variant-numeric:tabular-nums}.comparison-caution{color:#ebc697}@media(max-width:390px){.comparison-options{gap:7px}.comparison-options button{padding:10px 8px}.comparison-heading strong{font-size:10px}.comparison-heading{gap:4px}.comparison-heading>svg{width:13px}.comparison-output{font-size:11px}.comparison-row>strong{font-size:9px}.comparison-result{font-size:9px}}.broadcast-status{display:flex;flex-direction:column;gap:10px;margin:14px 0;padding:12px;border:1px solid #394c38;border-radius:7px;background:#141d15;font-size:10px;line-height:1.7}.broadcast-status>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.broadcast-status span{color:#a7b9a6;flex-shrink:0}.broadcast-status strong{font-weight:400;text-align:right;color:#d2e4c9;overflow-wrap:anywhere}.broadcast-status a{color:var(--accent)}