:root{--canvas:#f3f5f1;--paper:#fff;--ink:#172d29;--muted:#60706a;--line:#dce3dc;--green:#164d3e;--mint:#d8f4dd;--amber:#78510d;--error:#a03231;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,"Noto Sans Thai",Thonburi,Tahoma,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:is(button,a,input):focus-visible{outline:3px solid #31796a;outline-offset:4px}button:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:17px;font-weight:650}h3{font-size:14px}small{font-size:12px}.header{height:90px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf8;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;letter-spacing:-.4px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:#e3fbe9;border-radius:11px;width:38px;height:38px;font-size:29px;font-weight:400;line-height:1}.brand-light{font-weight:450;color:var(--muted);font-size:13px;letter-spacing:1px}.header-right{display:flex;gap:25px;align-items:center}.network{font-size:12px;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#38926b;margin-right:6px}.button{min-height:48px;border-radius:8px;border:0;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:600}.connect{background:#e6ede5;color:var(--green);min-width:192px}.connect:hover:not(:disabled){background:#d9e5d8}.container{max-width:1112px;margin:0 auto;padding:46px 28px 0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.8px;color:var(--muted);margin-bottom:9px}h1{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.4}.subheading{color:var(--muted);margin-top:7px;font-size:14px}.chain-label{align-self:flex-end;color:var(--muted);font:10px var(--mono);letter-spacing:1px;padding-bottom:6px}.chain-label strong{font-size:13px;color:var(--ink);font-weight:500;margin-left:8px}.workspace{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.4fr);gap:24px;align-items:start}.account-panel{padding:24px;background:#eaf0e8;border:1px solid #dce4d9;border-radius:12px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:transparent;min-width:40px;min-height:40px;border-radius:8px;font-size:23px;line-height:1;color:var(--muted)}.icon-button:hover:not(:disabled){background:#ffffff70}.account-identity{display:flex;gap:12px;margin:21px 0 30px;align-items:center;min-width:0}.wallet-symbol{width:35px;height:35px;flex:none;display:grid;place-items:center;background:#dbe7d7;border-radius:50%;font-size:24px;color:var(--green)}.muted{color:var(--muted);font-size:12px}.address{font:12px/1.6 var(--mono);overflow-wrap:anywhere;margin-top:2px}.label{font-size:12px;color:var(--muted)}.balance-main>p{display:flex;align-items:baseline;gap:9px;margin:7px 0 13px;flex-wrap:wrap}.large-number{font:500 39px/1.4 var(--mono);letter-spacing:-2px;overflow-wrap:anywhere;max-width:100%}.unit{font-size:12px;color:var(--muted)}.balance-breakdown{display:flex;flex-direction:column;gap:6px;padding-bottom:21px;border-bottom:1px solid #d3dfd0;color:var(--muted);font-size:12px}.balance-breakdown span{display:flex;justify-content:space-between;gap:10px}.balance-breakdown b{color:var(--ink);font:12px var(--mono);overflow-wrap:anywhere}.evm-balance{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 14px}.evm-balance>div{display:flex;flex-direction:column}.evm-balance small{color:var(--muted);font-size:10px}.evm-balance b{font:15px var(--mono);overflow-wrap:anywhere}.tiny{font-size:11px;color:var(--muted);line-height:1.7}.text-button{min-height:44px;background:transparent;border:0;padding:8px 0;color:var(--green);font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}.account-note{border-top:1px solid #d3dfd0;margin-top:22px;padding-top:22px;position:relative;padding-left:31px}.account-note p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px}.note-icon{position:absolute;left:0;top:20px;color:var(--green);font-size:23px}.withdraw-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:25px 30px 20px;box-shadow:0 3px 8px #1c352706}.tag{font:9px var(--mono);letter-spacing:.6px;color:var(--green);background:#edf5ed;padding:6px 9px;border-radius:4px;white-space:nowrap}.route{margin:23px 0 26px;padding:0 0 0 2px;position:relative}.route:before{content:"";position:absolute;top:20px;bottom:20px;left:9px;width:1px;background:#b7cabc}.route-row{display:flex;align-items:center;gap:15px;position:relative}.route-row+.route-row{margin-top:18px}.route-point{width:15px;height:15px;flex:none;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8da99c;background:#88b9a0}.route-point.destination{background:var(--green);box-shadow:0 0 0 1px var(--green)}.route-row>div{display:flex;flex-direction:column}.route-label{font-size:10px;color:var(--muted);line-height:1.3}.route-row strong{font-size:13px;font-weight:550}.route-side{margin-left:auto;font-size:11px;color:var(--muted)}.amount-label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.max-button{min-height:44px;border:0;background:transparent;color:var(--green);font-size:12px;padding:8px 0 8px 20px}.amount-field{display:flex;align-items:center;border:1px solid #bacbbf;border-radius:8px;background:#fcfdfb;gap:8px;padding:15px 17px;min-height:80px}.amount-field:focus-within{box-shadow:0 0 0 2px #96bfa8;border-color:var(--green)}#amount{width:100%;min-width:0;font:500 32px/1.4 var(--mono);letter-spacing:-1px;border:0;background:transparent;outline:none;color:var(--ink)}#amount:disabled{color:#87918a}.asset{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}.hype-token{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);font-size:12px;font-style:italic;color:var(--green)}#amount-help{margin-top:8px}.field-error{color:var(--error);font-size:12px;margin-top:7px}.details{margin:22px 0}.details>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:10px;font-size:11px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;font:11px/1.6 var(--mono);overflow-wrap:anywhere;max-width:62%}.primary{width:100%;background:var(--green);color:#f4fff5;justify-content:space-between}.primary:hover:not(:disabled){background:#0c3b2e}.primary:disabled{opacity:1;background:#e6ece5;color:#788779}.sign-note{display:flex;justify-content:center;gap:6px;align-items:center;color:var(--muted);font-size:10px;margin-top:12px}.sign-note svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.activity{margin-top:28px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c;padding:20px 25px}.activity .section-top h2{font-size:15px}.activity .tiny{margin-top:2px}.empty{display:flex;align-items:center;justify-content:center;gap:18px;padding:23px 0 14px;color:var(--muted)}.empty>span{font-size:29px;color:#829c8c}.empty strong{font-size:12px;font-weight:500}.empty p{font-size:11px;margin-top:3px}.notice{border:1px solid #b8cfbe;background:#e6f1e7;border-radius:8px;padding:12px 16px;font-size:12px;margin-bottom:20px;overflow-wrap:anywhere}.notice.error{color:var(--error);border-color:#dfbbbb;background:#fff2f0}.notice.pending{color:var(--amber);border-color:#e0d0a9;background:#fdf5e4}.activity-item{border-top:1px solid var(--line);padding:16px 0 8px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:6px 15px}.activity-item strong{font:14px var(--mono)}.activity-item small{color:var(--muted);font-size:10px}.activity-state{font-size:11px;color:var(--amber)}.activity-state.confirmed{color:var(--green)}.activity-state.rejected{color:var(--error)}.activity-hash{grid-column:1/-1;overflow-wrap:anywhere;font:10px/1.8 var(--mono);color:var(--muted)}.history-action{justify-self:end;grid-column:2;min-height:44px;border:1px solid #c5d7c9;border-radius:6px;background:#f7faf5;color:var(--green);font-size:11px;padding:8px 12px}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;margin:28px 0 24px}footer>span{font-family:var(--mono);letter-spacing:.5px}.footer-divider{margin:0 9px;color:#a5b0a4}dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:15px;padding:0;color:var(--ink);box-shadow:0 24px 80px #152b2930}dialog::backdrop{background:#142c2870;backdrop-filter:blur(3px)}.dialog-content{padding:26px}.dialog-content .eyebrow{margin:0}.dialog-content h2{font-size:23px;margin:18px 0}.review-amount{font:500 43px/1.4 var(--mono);overflow-wrap:anywhere}.review-amount small{font:14px var(--sans);color:var(--muted)}.review-route{font-size:12px;color:var(--muted);margin:7px 0 24px}.review-route span{padding:0 9px}.dialog-content .details>div:first-child{display:block}.dialog-content .full-address{text-align:left;max-width:100%;margin-top:7px;font-size:12px}.dialog-content .primary{margin-top:24px}.secondary{background:transparent;width:100%;margin-top:5px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}
@media(min-width:1500px){.container{padding-top:60px}}@media(max-width:760px){.header{height:76px;padding:0 20px}.header-right{gap:0}.network{display:none}.brand-light{display:none}.brand-mark{width:33px;height:33px;font-size:26px}.brand{font-size:16px;gap:9px}.connect{min-width:0;min-height:44px;padding:10px 12px;font-size:11px;gap:8px}.container{padding:27px 18px 0}.page-intro{margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:25px}.subheading{font-size:12px;max-width:275px}.chain-label{display:none}.workspace{grid-template-columns:minmax(0,1fr);gap:18px}.account-panel{padding:19px}.account-identity{margin:14px 0 15px}.balance-main>p{margin:3px 0 9px}.large-number{font-size:32px}.balance-breakdown{padding-bottom:14px}.account-note{display:none}.evm-balance{padding:14px 0 9px}.withdraw-panel{padding:22px 20px 18px}.activity{padding:19px;margin-top:20px}.activity .section-top{align-items:flex-start}.activity .text-button{font-size:10px;padding-top:0}.details>div{gap:12px}.empty{justify-content:flex-start;padding-top:20px}.empty p{font-size:10px}footer{flex-direction:column;gap:7px;margin-top:24px}.dialog-content{padding:22px}.review-amount{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.mode-tabs{display:flex;gap:6px;background:#e7ede5;border-radius:10px;padding:5px;margin-bottom:24px}.mode-tabs button{flex:1;min-height:54px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-weight:600}.mode-tabs button span{display:block;font-size:10px;font-weight:400}.mode-tabs button[aria-pressed=true]{background:var(--paper);color:var(--green);box-shadow:0 1px 4px #172d2912}.panel-description{color:var(--muted);font-size:12px;margin:18px 0}.session-box{border:1px solid var(--line);border-radius:8px;background:#f7faf5;padding:15px;margin-bottom:20px}.session-box>strong{font-size:12px}.session-box>p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.8}.session-box .button{border:1px solid #bacbbf;color:var(--green);font-size:12px;min-height:44px;margin-top:12px}.asset-input{width:100%;min-width:0;font:500 30px/1.4 var(--mono);border:0;background:transparent;outline:none;color:var(--ink)}.asset-input:disabled{color:#87918a}.slippage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0;font-size:12px}.slippage-row select{font:inherit;min-height:44px;padding:8px 16px;background:#f7faf5;color:var(--green);border:1px solid var(--line);border-radius:6px}select:focus-visible{outline:3px solid #31796a;outline-offset:3px}#swap-help,#usdc-help{margin-top:8px}#stable-balances{border-top:1px solid #d3dfd0;margin-top:16px}#stable-balances b{font:13px var(--mono);overflow-wrap:anywhere;max-width:52%}#stable-status{overflow-wrap:anywhere}.usdc-token{color:#2264a0}.activity-item strong{overflow-wrap:anywhere}#operation-details dd{overflow-wrap:anywhere}#operation-details>div:first-child dd{text-align:left;max-width:100%;margin-top:5px}#operation-amount{font-size:32px}#usdc-recipient{font-size:10px}.full-address{overflow-wrap:anywhere}@media(max-width:760px){.mode-tabs{gap:1px}.mode-tabs button{font-size:11px;padding:7px 3px}.mode-tabs button span{font-size:9px}.session-box{padding:12px}#operation-amount{font-size:27px}.activity-item strong{font-size:12px}}
.mode-tabs button{color:#4b6157}
.action-status{margin:10px 0;overflow-wrap:anywhere}

.explorer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 20px}.explorer-links a{min-height:44px;display:inline-flex;align-items:center}.tracking-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.tracking-controls button{min-height:44px;flex-shrink:0}@media(max-width:760px){.tracking-controls{align-items:flex-start;flex-direction:column;gap:4px}}
/* Evidence timeline: text carries status independently of color. */
.operation-evidence{grid-column:1/-1}.operation-evidence summary,.gate-details summary,.status-demo summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--green);font-size:12px;font-weight:600}summary:focus-visible{outline:3px solid #31796a;outline-offset:3px}.status-timeline{list-style:none;margin:12px 0 18px;padding:0 0 0 14px;border-left:2px solid var(--line)}.stage{position:relative;padding:0 0 20px 18px}.stage:last-child{padding-bottom:0}.stage:before{content:'';position:absolute;left:-20px;top:7px;width:10px;height:10px;border:2px solid var(--paper);border-radius:50%;background:#7a857f}.stage.pass:before{background:var(--green)}.stage.blocked:before,.stage.rejected:before{background:var(--error)}.stage.waiting:before,.stage.unknown:before{background:var(--amber)}.stage-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.stage-heading b{font:600 12px/1.7 var(--sans)}.status-label{font-size:11px;flex-shrink:0;color:var(--muted)}:is(.pass,.info)>.stage-heading .status-label{color:var(--green)}:is(.blocked,.rejected)>.stage-heading .status-label{color:var(--error)}:is(.unknown,.waiting)>.stage-heading .status-label{color:var(--amber)}.stage p,.last-check{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.last-check{padding:12px 0;border-top:1px solid var(--line)}.gate-details{margin-top:20px;border-top:1px solid var(--line)}.gate-list{list-style:none;padding:0;margin:12px 0}.gate{padding:12px 0;border-bottom:1px solid var(--line)}.gate-value{font:10px/1.8 var(--mono);overflow-wrap:anywhere;color:var(--muted);margin-top:5px}.gate summary{font-size:10px;font-weight:400}.status-demo{margin-top:24px;padding:16px 25px;border-top:2px solid #bdc9c0;background:#eef2ec}.status-demo>details>summary{font-size:14px}.demo-label{color:var(--amber);font-size:12px;margin:8px 0 20px}.status-demo label{display:block;font-size:12px;margin-bottom:6px}.status-demo select{font:inherit;max-width:100%;min-height:44px;padding:8px;background:var(--paper);border:1px solid #bacbbf;border-radius:6px;color:var(--ink)}#status-preview{margin-top:24px;max-width:780px}#status-preview .gate-list{margin-top:8px}@media(max-width:760px){.status-demo{padding:12px 18px}.stage-heading{flex-wrap:wrap;gap:2px 10px}.status-label{white-space:normal}.status-demo select{width:100%}}
.recipient-choice{min-width:0;margin:0 0 18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f7faf5}.recipient-choice legend{font-size:12px;padding:0 6px;font-weight:600}.recipient-options{display:flex;flex-wrap:wrap;gap:8px 20px}.recipient-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;cursor:pointer}.recipient-options input{accent-color:var(--green);width:18px;height:18px;flex:none}.recipient-choice>div>label[for]{display:block;font-size:12px;margin:10px 0 6px}.recipient-choice input[type=text]{width:100%;min-height:46px;border:1px solid #bacbbf;border-radius:6px;padding:10px;background:#fff;color:var(--ink);font:12px var(--mono)}.recipient-choice .tiny{margin-top:7px}.recipient-choice:disabled{color:var(--muted)}.recipient-choice input[aria-invalid=true]{border-color:var(--error)}.activity-recipient{grid-column:1/-1;font:11px/1.8 var(--mono);overflow-wrap:anywhere;color:var(--muted)}#recipient{overflow-wrap:anywhere}#forward-amount{font-size:28px}
.hash-input{display:block;width:100%;margin-top:6px;padding:10px;min-height:44px;border:1px solid #bacbbf;border-radius:6px;font:12px var(--mono);background:#fff;color:var(--ink)}