@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p,figure,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{vertical-align:middle}button svg,a svg{flex-shrink:0}}@layer tokens{:root{--cream-50:#fffcf7;--cream-100:#f8f3e9;--cream-200:#efe6d7;--cream-300:#d9cdbb;--ink-900:#342d28;--ink-600:#73685c;--red-700:#a92429;--red-800:#8e1d23;--red-50:#fbebe7;--gold-200:#edcc86;--gold-800:#815a24;--green-700:#33614b;--page:var(--cream-100);--surface:var(--cream-50);--surface-subtle:var(--cream-200);--text:var(--ink-900);--muted:var(--ink-600);--border:var(--cream-300);--accent:var(--red-700);--accent-hover:var(--red-800);--accent-soft:var(--red-50);--accent-text:var(--cream-50);--ornament:var(--gold-200);--warning:var(--gold-800);--success:var(--green-700);--focus:#275c96;--font-body:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-display:"Noto Serif CJK SC", "Songti SC", "STSong", Georgia, serif;--text-small:.875rem;--text-body:1rem;--text-heading:1.125rem;--text-title:1.5rem;--text-display:2rem;--text-art:2.5rem;--radius-control:10px;--radius-panel:20px}}@layer base{html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);background:var(--page);color:var(--text);text-underline-offset:.2em;line-height:1.6}body{-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;min-width:0}#root{min-height:100svh}h1{font-family:var(--font-display);font-size:var(--text-display);text-wrap:balance;font-weight:700;line-height:1.25}h2{font-size:var(--text-title);text-wrap:balance;font-weight:600;line-height:1.4}h3{font-size:var(--text-heading);font-weight:600;line-height:1.4}strong{font-weight:600}p{text-wrap:pretty}a{color:var(--accent);overflow-wrap:anywhere}button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-control);min-height:44px;padding:10px 16px;line-height:1.4}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;min-width:0;min-height:46px;font-size:var(--text-body);padding:10px 13px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0;margin:0}label{font-size:var(--text-small);margin-block-end:6px;font-weight:600;display:block}textarea{resize:vertical}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main:focus{outline:none}::selection{color:var(--accent-hover);background:var(--ornament)}summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600}code,.address,.stats-list dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}code{font-family:ui-monospace,monospace;font-size:var(--text-small)}.small{font-size:var(--text-small)}.muted{color:var(--muted)}.error{color:var(--accent-hover);font-size:var(--text-small);overflow-wrap:anywhere}.error:empty{display:none}.warning{color:var(--warning)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);padding:12px;position:absolute;inset-block-start:-80px;inset-inline-start:16px}.skip-link:focus{inset-block-start:10px}}@layer components{.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin-inline:auto;padding:28px 40px;display:flex}.brand{color:var(--text);flex-shrink:0;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:44px;height:48px;color:var(--ornament);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand strong{font-size:var(--text-heading)}.brand-subtitle{font-size:var(--text-small);color:var(--muted);display:block}.header-actions{align-items:center;gap:12px;display:flex}.language-button{min-width:44px;font-size:var(--text-small);background:0 0;border-color:#0000;padding:10px}.wallet-button{font-size:var(--text-small);background:0 0;align-items:center;gap:8px;font-weight:600;display:flex}.wrong-chain{max-width:220px;color:var(--accent)}.page-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:64px;max-width:1120px;margin:36px auto 64px;padding-inline:40px;display:grid}main{min-width:0}.tabs{flex-wrap:wrap;gap:8px;margin-block-end:18px;display:flex}.tabs a{overflow-wrap:normal;min-width:max-content;color:var(--muted);min-height:44px;font-size:var(--text-small);border-block-end:2px solid #0000;flex:1 0 20%;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:600;text-decoration:none;display:flex}.tabs a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.panel{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);min-width:0;padding:32px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;display:flex}.panel-heading p{font-size:var(--text-small);margin-block-start:8px}.heading-symbol{color:var(--accent);flex-shrink:0}.field{margin-block-end:16px}.field p{margin-block-start:6px}.form-pair{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;display:grid}.form-pair .field{margin-block-end:0}.form-meta{color:var(--muted);font-size:var(--text-small);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-block:6px 14px;display:flex}.unit-input{border:1px solid var(--border);border-radius:var(--radius-control);align-items:center;min-width:0;padding-inline-end:13px;display:flex}.unit-input input{background:0 0;border:none;flex:1;width:0}.unit-input span{font-size:var(--text-small);padding-inline-start:6px;font-weight:600}.unit-input:focus-within{outline:3px solid var(--focus);outline-offset:3px}.unit-input input:focus-visible{outline:none}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.label-row label{margin:0}.label-row .text-button{min-height:32px;padding-block:4px}.mode-switch{border:none;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px;padding:0;display:grid}.mode-switch label{border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px;display:flex}.mode-switch input{width:14px;height:14px;min-height:14px}.mode-switch .selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.duration-field{justify-content:space-between;align-items:center;gap:16px;display:flex}.duration-field label{margin:0}.duration-field select,.duration-field input{width:53%}.amount-summary{border-block-start:1px dashed var(--border);font-size:var(--text-small);gap:8px;margin-block-start:4px;padding-block:16px;display:grid}.amount-summary>span{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.amount-summary strong,.amount-summary span span{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.primary,.secondary{border-radius:var(--radius-control);text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-block-start:12px;padding:12px 16px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.primary{color:var(--accent-text);background:var(--accent);border:none}.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.text-button{min-height:36px;color:var(--accent);font-size:var(--text-small);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;text-decoration:underline;display:inline-flex}.gate-note{text-align:center;margin-block-start:10px}.details{border-block-start:1px solid var(--surface-subtle);font-size:var(--text-small);margin-block-start:20px}.details p{color:var(--muted);margin-block:8px 12px}.details input{margin-block-end:14px}.tx-status{font-size:var(--text-small);overflow-wrap:anywhere}.tx-status>:not(:empty){margin-block-start:10px;display:block}.tx-status>[role=status]{color:var(--success)}.notice{border-block:1px solid var(--border);font-size:var(--text-small);color:var(--muted);margin-block:12px;padding:12px 0}.story-side{color:var(--text);padding-block-start:48px}.story-art{color:var(--warning);margin:-10px -20px 14px}.packet-art{width:100%;height:auto}.story-side>h2{font-family:var(--font-display);font-size:var(--text-display);white-space:pre-line;color:var(--accent-hover);font-weight:600;line-height:1.4}.story-copy{color:var(--muted);font-size:var(--text-small);max-width:34ch;margin-block:16px 28px}.how-it-works{gap:20px;display:grid}.how-it-works>div{align-items:flex-start;gap:16px;display:flex}.step-number{border:1px solid var(--border);width:28px;height:28px;color:var(--warning);font-size:var(--text-small);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.how-it-works h3{font-size:var(--text-body)}.how-it-works p{font-size:var(--text-small);color:var(--muted);margin-block-start:4px}.trust-note{border-block-start:1px solid var(--border);color:var(--muted);font-size:var(--text-small);align-items:center;gap:12px;margin-block-start:28px;padding-block-start:20px;display:flex}.trust-note svg{flex-shrink:0}.trust-note p{white-space:pre-line}.site-footer{border-block-start:1px solid var(--border);max-width:1120px;margin-inline:auto;padding:24px 40px 30px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.network-label{font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-dot{background:var(--warning);border-radius:50%;width:7px;height:7px}.status-dot.online{background:var(--success)}.connection-state{color:var(--muted);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:8px;display:flex}.deployment-details{font-size:var(--text-small);margin-block-start:16px}.contracts-grid{grid-template-columns:1fr 1fr;gap:24px;margin-block:16px;display:grid}.address-view{min-width:0;font-size:var(--text-small)}.address-view>span,.address-view>a{display:block}.address-view a{word-break:break-all}.address{font-size:var(--text-small)}.copy-control{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.footer-signoff{color:var(--muted);font-size:var(--text-small);margin-block-start:28px}.footer-signoff span{margin-inline:8px}.wallet-dialog{background:var(--surface);width:100%;max-width:min(420px,100% - 32px);max-height:calc(100svh - 40px);color:var(--text);overscroll-behavior:contain;border:none;border-radius:20px;padding:0}.wallet-dialog::backdrop{background:#342d2873}.sheet-content{padding:24px}.sheet-content>p{margin-block:12px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-block-end:12px;display:flex}.section-heading h2{font-size:var(--text-title)}.icon-button{min-width:44px;font-size:var(--text-title);background:0 0;border:none;padding:5px}.wallet-row{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:52px;font-size:var(--text-body);color:var(--text);text-align:start;background:0 0;align-items:center;gap:12px;margin-block-start:10px;padding:12px;text-decoration:none;display:flex}.wallet-row img{border-radius:6px;flex-shrink:0}.backup-panel{border-block:1px dashed var(--border);margin-block:16px;padding-block:16px}.backup-panel h2{font-size:var(--text-heading)}.backup-panel p{margin-block:10px}.backup-code{color:var(--accent-hover);word-break:break-all;padding:12px 0;display:block}.checkbox-label{align-items:center;gap:12px;min-height:44px;display:flex}.success-panel>*+*{margin-block-start:18px}.success-mark{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.packet-summary{gap:10px;margin-block-end:24px;display:grid}.packet-amount{font-family:var(--font-display);font-size:var(--text-display);overflow-wrap:anywhere;font-weight:600}.packet-amount span{font-family:var(--font-body);font-size:var(--text-body)}.packet-progress{font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.status-label{color:var(--accent-hover)}progress{appearance:none;background:var(--surface-subtle);border:none;border-radius:3px;width:100%;height:6px}progress::-webkit-progress-bar{background:var(--surface-subtle);border-radius:3px}progress::-webkit-progress-value{background:var(--accent);border-radius:3px}progress::-moz-progress-bar{background:var(--accent);border-radius:3px}.recipient-preview{margin-block:12px}.lifecycle,.results{border-block-start:1px solid var(--border);margin-block-start:28px;padding-block-start:24px}.lifecycle>p{font-size:var(--text-small);margin-block:12px}.lifecycle h2,.results h2{font-size:var(--text-heading)}.grabbers{margin:0;padding:0;list-style:none}.grabbers li{border-block-end:1px solid var(--surface-subtle);padding-block:16px}.grabber-top{font-size:var(--text-small);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-block-end:8px;display:flex}.best-luck{color:var(--warning);align-items:center;gap:6px;display:inline-flex}.empty-note{font-size:var(--text-small);color:var(--muted);padding-block:16px}.stats-list{font-size:var(--text-small);gap:12px;margin-block:16px;display:grid}.stats-list>div{justify-content:space-between;gap:16px;display:flex}.stats-list dt{color:var(--muted);flex:1}.stats-list dd{text-align:end;max-width:60%}.balance-line{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:12px 20px;display:flex}.balance-line strong{max-width:100%}.direction-button{background:var(--page);border-radius:50%;width:44px;margin:-4px auto 12px;padding:8px;display:block}.direction-button svg{transform:rotate(90deg)}.receive-amount{gap:8px;margin-block-end:24px;display:grid}.receive-amount strong{font-size:var(--text-title);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.boot-error{max-width:520px;margin:80px auto;padding:24px}.boot-error>*+*{margin-block-start:16px}@media (hover:hover){button:not(:disabled):hover,.wallet-row:hover{background:var(--surface-subtle)}.primary:not(:disabled):hover{background:var(--accent-hover)}.text-button:hover,.language-button:hover{color:var(--accent-hover)}.tabs a:not([aria-current]):hover{background:var(--surface-subtle)}}@media (prefers-reduced-motion:no-preference){button,.primary,.tabs a{transition:background-color .12s,color .12s,transform .12s}button:active:not(:disabled),.primary:active{transform:scale(.96)}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.primary,.tabs a[aria-current],.mode-switch .selected{border:2px solid buttontext}}}@layer responsive{@media (width>=1000px){h1{font-size:var(--text-art)}}@media (width<=920px){.page-layout{gap:32px;padding-inline:24px}.site-header,.site-footer{padding-inline:24px}.panel{padding:24px}.story-side{padding-block-start:60px}}@media (width<=760px){.page-layout{grid-template-columns:1fr;gap:32px;max-width:580px;margin-block:12px 32px;padding-inline:16px}.site-header{flex-wrap:wrap;gap:12px;padding:16px}.brand{gap:8px}.brand-mark{border-radius:9px;width:36px;height:40px}.brand-subtitle{display:none}.brand strong{font-size:var(--text-small)}.header-actions{gap:4px}.wallet-button{font-size:var(--text-small);padding-inline:10px}.wallet-button svg{display:none}.story-side{padding:0 8px}.story-art{display:none}.story-side>h2{font-size:var(--text-title);white-space:normal}.story-copy{max-width:none;margin-block:12px 24px}.site-footer{padding:20px 24px}.contracts-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:flex-start;gap:8px}.panel{padding:22px}.panel-heading{margin-block-end:20px}.panel-heading h1{font-size:var(--text-display)}.send-panel .heading-symbol{display:none}.heading-symbol svg{width:30px;height:30px}.tabs{gap:4px;margin-block-end:12px}.tabs a{gap:6px;padding-inline:4px}.mode-switch{gap:8px;margin-block-end:16px}.mode-switch label{gap:6px}.mode-switch label svg{display:none}.form-pair{gap:12px}.form-meta{gap:2px;margin-block-end:10px;display:grid}.field{margin-block-end:12px}.amount-summary{gap:4px;padding-block:12px}.wrong-chain{max-width:148px;font-size:var(--text-small)}.wallet-dialog{width:100%;max-width:100%;max-height:88svh;border-radius:20px 20px 0 0;margin:auto 0 0;padding-block-end:env(safe-area-inset-bottom)}}@media (width<=350px){.site-header{gap:6px;padding-inline:12px}.brand-mark{display:none}.page-layout{padding-inline:12px}.panel{padding:18px}.panel-heading h1{font-size:var(--text-title)}.tabs a{gap:4px}.tabs svg{width:16px;height:16px}.form-pair{gap:8px}}}