:root{color-scheme:light;color:#181c25;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--line-tight: 1.12;--line-default: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 56px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--color-bg: #f6f7fb;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f1f2f8;--color-ink: #181c25;--color-muted: #667085;--color-subtle: #98a2b3;--color-line: #e8eaf2;--color-line-strong: #d5d9e6;--color-brand: #6a55ff;--color-brand-strong: #5a45f0;--color-brand-soft: #efecff;--color-brand-line: rgba(106, 85, 255, .32);--color-brand-ink: #4a38d8;--color-accent: #14b8a6;--color-accent-soft: rgba(20, 184, 166, .12);--color-success: #16a34a;--color-success-soft: #e8f7ee;--color-warning: #b45309;--color-warning-soft: #fdf3e2;--color-danger: #dc2626;--color-danger-soft: #fdecec;--color-info: #6a55ff;--color-info-soft: #efecff;--shadow-panel: 0 1px 3px rgba(16, 24, 40, .06);--shadow-raised: 0 12px 32px rgba(16, 24, 40, .12);--shadow-toast: 0 16px 40px rgba(16, 24, 40, .18);--glow-brand: 0 8px 24px rgba(106, 85, 255, .25);--control-height-sm: 34px;--control-height-md: 42px;--control-height-lg: 50px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-family-sans);font-size:var(--text-md);line-height:var(--line-default)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::selection{background:#6a55ff40}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border-bottom:1px solid var(--color-line);background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink)}.brand-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--color-brand),#a08bff);color:#fff;box-shadow:var(--glow-brand)}.brand-mark strong{display:block;font-size:var(--text-lg);font-weight:750;letter-spacing:-.01em}.mock-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--color-warning);border-radius:var(--radius-pill);color:var(--color-warning);font-size:var(--text-xs);font-weight:750;letter-spacing:.03em;text-transform:uppercase}.topnav-links{display:flex;align-items:center;gap:var(--space-1)}.topnav-link{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);color:var(--color-muted);font-size:14px;font-weight:600;text-decoration:none;transition:color .14s ease,background-color .14s ease}.topnav-link:hover{color:var(--color-ink);background:var(--color-surface-raised)}.topnav-link.active{color:var(--color-ink);background:var(--color-brand-soft);box-shadow:inset 0 0 0 1px var(--color-brand-line)}.topnav-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topnav-utility{display:flex;align-items:center;gap:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--color-line)}.icon-link{display:grid;width:var(--control-height-sm);height:var(--control-height-sm);place-items:center;border-radius:var(--radius-pill);color:var(--color-muted);text-decoration:none;transition:color .14s ease,background-color .14s ease}.icon-link:hover{color:var(--color-ink);background:var(--color-surface-raised)}.icon-link.active{color:var(--color-brand);background:var(--color-brand-soft)}.balance-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:0 var(--space-4);border:1px solid var(--color-brand-line);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap}.balance-pill svg{color:var(--color-brand)}.balance-pill__value{font-family:var(--font-family-mono);font-weight:750;font-variant-numeric:tabular-nums}.balance-pill__unit{color:var(--color-muted);font-size:var(--text-xs);font-weight:650}.network-control{display:flex;align-items:center;gap:var(--space-2)}.network-control__select{min-height:var(--control-height-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background-color:var(--color-surface-raised);background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;color:var(--color-ink);padding:0 var(--space-6) 0 var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.network-control__select:hover{border-color:var(--color-brand-line);background-color:var(--color-surface)}.network-control__select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px var(--color-brand-soft)}.wallet-menu{position:relative;display:flex;align-items:center;gap:var(--space-2)}.wallet-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:0 var(--space-3) 0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-ink);font-size:var(--text-sm);font-weight:650;transition:border-color .14s ease,background-color .14s ease}.wallet-trigger:hover{border-color:var(--color-brand-line);background:var(--color-surface)}.wallet-trigger__addr{font-family:var(--font-family-mono);font-size:var(--text-xs)}.wallet-trigger__chevron{color:var(--color-muted);transition:transform .16s ease}.wallet-trigger__chevron.is-open{transform:rotate(180deg)}.wallet-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:40;display:grid;width:min(280px,calc(100vw - 32px));gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised);animation:veil-fade-up .16s ease both}.wallet-dropdown__head{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-1)}.wallet-dropdown__addr{overflow-wrap:anywhere;color:var(--color-ink);font-family:var(--font-family-mono);font-size:var(--text-xs);line-height:1.5}.wallet-dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink);font-size:var(--text-sm);font-weight:600;text-align:left;transition:background-color .12s ease}.wallet-dropdown__item:hover{background:var(--color-surface-raised)}.wallet-dropdown__item svg{color:var(--color-muted)}.wallet-dropdown__item--danger,.wallet-dropdown__item--danger svg{color:var(--color-danger)}.wallet-dropdown__item--danger:hover{background:var(--color-danger-soft)}.network-control__warning{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-warning);font-size:var(--text-xs);font-weight:700}.route-surface{width:100%;max-width:1120px;margin:0 auto;padding:var(--space-10) var(--space-10) var(--space-12)}.mobile-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.page-head__text{display:grid;gap:var(--space-2)}.page-head__kicker{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-brand);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-head__title{margin:0;font-size:var(--text-3xl);font-weight:780;line-height:var(--line-tight);letter-spacing:-.02em}.page-head__sub{max-width:62ch;margin:0;color:var(--color-muted);font-size:var(--text-md)}.page-head__aside{flex:0 0 auto}.section-kicker,.ui-kicker{color:var(--color-brand);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ui-display-text{display:block;font-size:var(--text-2xl);line-height:var(--line-tight)}.ui-title-text{display:block;color:var(--color-ink);font-weight:750}.ui-muted-text,.ui-meta-text{color:var(--color-muted);font-size:var(--text-sm)}.ui-meta-text{display:block;font-size:var(--text-xs);font-weight:650}.ui-error-text{color:var(--color-danger);font-size:var(--text-sm);font-weight:650}.ui-link{color:var(--color-brand);font-weight:600;text-decoration:none}.ui-link:hover{text-decoration:underline}.ui-stack{display:grid}.ui-stack--xs{gap:var(--space-1)}.ui-stack--sm{gap:var(--space-2)}.ui-stack--md{gap:var(--space-4)}.ui-stack--lg{gap:var(--space-6)}.ui-stack--xl{gap:var(--space-8)}.ui-inline{display:flex;flex-wrap:wrap}.ui-inline--xs{gap:var(--space-1)}.ui-inline--sm{gap:var(--space-2)}.ui-inline--md{gap:var(--space-4)}.ui-inline--lg{gap:var(--space-6)}.ui-inline--xl{gap:var(--space-8)}.ui-inline--align-start{align-items:flex-start}.ui-inline--align-center{align-items:center}.ui-inline--align-end{align-items:flex-end}.ui-inline--justify-start{justify-content:flex-start}.ui-inline--justify-center{justify-content:center}.ui-inline--justify-end{justify-content:flex-end}.ui-inline--justify-between{justify-content:space-between}.ui-grid{display:grid;gap:var(--space-6)}.ui-grid--page{align-items:start;grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr)}.ui-grid--metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.ui-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-list-item{display:grid;align-items:center;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-4)}.ui-list-item--three{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto}.ui-stat{display:grid;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-5);transition:border-color .18s ease,transform .18s ease}.ui-stat:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.ui-stat__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-muted)}.ui-stat__label{font-size:var(--text-xs);font-weight:650;letter-spacing:.05em;text-transform:uppercase}.ui-stat__head svg{color:var(--color-brand);opacity:.85}.ui-stat__value{color:var(--color-ink);font-family:var(--font-family-mono);font-size:27px;font-weight:750;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ui-stat__meta{color:var(--color-subtle);font-size:var(--text-xs)}.ui-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin:0;padding:0;list-style:none;counter-reset:step}.ui-step{display:grid;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5)}.ui-step__num{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--color-brand-line);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-ink);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:750}.ui-step__title{color:var(--color-ink);font-size:var(--text-md);font-weight:700}.ui-step__body{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-default)}.ui-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--color-surface-muted) 30%,rgba(16,24,40,.05) 50%,var(--color-surface-muted) 70%);background-size:220% 100%;animation:veil-shimmer 1.4s ease-in-out infinite}@keyframes veil-shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}.ui-skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.ui-skeleton-row+.ui-skeleton-row{border-top:1px solid var(--color-line)}.ui-skeleton-row__body{display:grid;flex:1;gap:var(--space-2)}.ui-success{display:flex;align-items:center;gap:var(--space-3);border:1px solid rgba(22,163,74,.28);border-radius:var(--radius-md);background:var(--color-success-soft);padding:var(--space-4);animation:veil-fade-up .32s cubic-bezier(.22,1,.36,1) both}.ui-success__body{display:grid;gap:2px;min-width:0}.ui-success__body strong{color:var(--color-ink);font-weight:700}.ui-success__body p{margin:0;color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.ui-check{flex:0 0 auto}.ui-check__halo{fill:#16a34a24;transform-origin:center;animation:veil-check-pop .42s ease-out both}.ui-check__circle{stroke:var(--color-success);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:veil-check-draw .48s ease-out forwards}.ui-check__mark{stroke:var(--color-success);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:veil-check-draw .3s .4s cubic-bezier(.65,0,.45,1) forwards}@keyframes veil-check-draw{to{stroke-dashoffset:0}}@keyframes veil-check-pop{0%{transform:scale(.5);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}.ui-progress{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4)}.ui-progress__step{display:flex;align-items:center;gap:var(--space-2);color:var(--color-subtle);font-size:var(--text-sm);font-weight:600}.ui-progress__step.is-active{color:var(--color-ink)}.ui-progress__step.is-done{color:var(--color-muted)}.ui-progress__dot{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);color:var(--color-subtle);font-family:var(--font-family-mono);font-size:11px;font-weight:700}.ui-progress__step.is-active .ui-progress__dot{border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}.ui-progress__step.is-done .ui-progress__dot{border-color:transparent;background:var(--color-success-soft);color:var(--color-success)}.ui-progress__bar{flex:1;min-width:12px;height:1px;background:var(--color-line-strong)}.ui-progress__bar.is-filled{background:var(--color-brand)}.ui-progress__spinner{animation:veil-spin .8s linear infinite}@keyframes veil-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.ui-progress__label{display:none}}@keyframes veil-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-head,.route-surface .ui-stat,.route-surface .ui-panel,.route-surface .ui-sidepanel,.route-surface .ui-step{animation:veil-fade-up .44s cubic-bezier(.22,1,.36,1) both}.ui-grid--metrics .ui-stat:nth-child(2),.ui-steps .ui-step:nth-child(2){animation-delay:60ms}.ui-grid--metrics .ui-stat:nth-child(3),.ui-steps .ui-step:nth-child(3){animation-delay:.12s}.ui-countup{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.ui-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-6)}.ui-panel--subtle{border-color:transparent;background:var(--color-surface-muted);box-shadow:none}.ui-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.ui-panel__header h2{margin:0;font-size:var(--text-lg);font-weight:700;line-height:var(--line-tight)}.ui-panel__header p{max-width:60ch;margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.ui-panel__actions{flex:0 0 auto}.ui-detail-list{display:grid;gap:var(--space-3);margin:0}.ui-detail-list__item{border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3)}.ui-detail-list dt{color:var(--color-muted);font-size:var(--text-sm);font-weight:650}.ui-detail-list dd{margin:var(--space-1) 0 0;color:var(--color-ink);font-weight:700;overflow-wrap:anywhere}.contract-id-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-4)}.contract-id-row__value{display:block;overflow-wrap:anywhere;color:var(--color-muted);font-family:var(--font-family-mono);font-size:var(--text-sm)}.receive-address-block{display:grid;gap:var(--space-2);border:1px solid var(--color-brand-line);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.receive-address-block code{overflow-wrap:anywhere;color:var(--color-ink);font-family:var(--font-family-mono);font-size:var(--text-md);font-weight:650;letter-spacing:.02em}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:650;line-height:1;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:focus-visible{outline:3px solid var(--color-brand-soft);outline-offset:2px}.ui-button--sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.ui-button--md{min-height:var(--control-height-md);padding:0 var(--space-5)}.ui-button--lg{min-height:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-md)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-brand);color:#fff;box-shadow:var(--glow-brand)}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-strong)}.ui-button--secondary{border-color:var(--color-line-strong);background:var(--color-surface-raised);color:var(--color-ink)}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-brand-line);background:var(--color-surface)}.ui-button--ghost{background:transparent;color:var(--color-muted)}.ui-button--ghost:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-ink)}.ui-button--danger{background:var(--color-danger);color:#fff}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-sm);font-weight:650}.ui-field__action{color:var(--color-brand);font-size:var(--text-xs)}.ui-field__action-btn{border:none;background:transparent;color:var(--color-brand);font-size:var(--text-xs);font-weight:650;padding:0}.ui-field__action-btn:hover{text-decoration:underline}.ui-input{width:100%;min-height:var(--control-height-lg);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-ink);padding:0 var(--space-4);transition:border-color .14s ease,box-shadow .14s ease}.ui-input::placeholder{color:var(--color-subtle)}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:var(--space-8)}.ui-input:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px var(--color-brand-soft)}.ui-field__message{color:var(--color-muted);font-size:var(--text-xs)}.ui-field__message--error{color:var(--color-danger)}.ui-status-badge{display:inline-flex;min-height:28px;align-items:center;gap:var(--space-2);border:1px solid var(--tone-line, var(--color-line));border-radius:var(--radius-pill);background:var(--tone-bg, var(--color-surface-raised));color:var(--tone-fg, var(--color-muted));padding:0 12px;font-size:var(--text-xs);font-weight:700;text-transform:capitalize}.ui-status-badge__dot{width:7px;height:7px;border-radius:var(--radius-pill);background:currentcolor;box-shadow:0 0 8px currentcolor}.tone-brand{--tone-bg: var(--color-brand-soft);--tone-fg: #b3a7ff;--tone-line: var(--color-brand-line)}.tone-success{--tone-bg: var(--color-success-soft);--tone-fg: var(--color-success);--tone-line: rgba(58, 208, 138, .32)}.tone-warning{--tone-bg: var(--color-warning-soft);--tone-fg: var(--color-warning);--tone-line: rgba(244, 183, 74, .32)}.tone-danger{--tone-bg: var(--color-danger-soft);--tone-fg: var(--color-danger);--tone-line: rgba(255, 107, 94, .32)}.tone-info{--tone-bg: var(--color-info-soft);--tone-fg: #b3a7ff;--tone-line: var(--color-brand-line)}.tone-neutral{--tone-bg: var(--color-surface-raised);--tone-fg: var(--color-muted);--tone-line: var(--color-line)}.ui-segmented{display:inline-flex;gap:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-muted);padding:var(--space-1)}.ui-segmented__option{border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;transition:background-color .14s ease,color .14s ease}.ui-segmented__option:hover:not(:disabled){color:var(--color-ink)}.ui-segmented__option.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px #1018281a}.ui-sidepanel{display:grid;align-content:start;gap:var(--space-3);border:1px solid var(--color-brand-line);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-6)}.ui-sidepanel__header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-brand)}.ui-sidepanel__header h2{margin:0;color:var(--color-ink);font-size:var(--text-md);font-weight:700;line-height:var(--line-tight)}.ui-sidepanel__body{display:grid;gap:var(--space-3)}.ui-balance{display:block;color:var(--color-ink);font-family:var(--font-family-mono);font-size:var(--text-2xl);font-weight:750;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.payment-list{display:grid}.payment-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.payment-row+.payment-row{border-top:1px solid var(--color-line)}.payment-row__icon{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success)}.payment-row__body{display:grid;min-width:0;flex:1;gap:2px}.payment-row__amount{display:grid;gap:2px;justify-items:end;text-align:right}.payment-row__amount strong{color:var(--color-success);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-weight:750}.payment-row__amount.is-muted strong{color:var(--color-muted)}.ui-empty-state{display:grid;gap:var(--space-3);justify-items:center;border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-subtle);padding:var(--space-12) var(--space-6);text-align:center;font-size:var(--text-sm)}.ui-empty-state svg{color:var(--color-subtle);opacity:.7}.ui-toast-stack{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:50;display:grid;width:min(360px,calc(100vw - 32px));gap:var(--space-3)}.ui-toast{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--space-3);border:1px solid var(--tone-line, var(--color-line));border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-toast);color:var(--tone-fg, var(--color-ink));padding:var(--space-4)}.ui-toast strong{display:block;color:var(--color-ink)}.ui-toast p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-sm)}@media (max-width: 940px){.app-shell{padding-bottom:76px}.topnav{gap:var(--space-3);padding:var(--space-3) var(--space-5)}.topnav-links,.topnav-utility{display:none}.route-surface{padding:var(--space-6) var(--space-5) var(--space-8)}.page-head{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-head__title{font-size:var(--text-2xl)}.ui-grid--page,.ui-grid--cards,.ui-grid--metrics,.ui-steps{grid-template-columns:1fr}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--color-line);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-link{display:grid;min-height:62px;place-items:center;gap:var(--space-1);color:var(--color-muted);text-decoration:none;padding:var(--space-2) var(--space-1);font-size:11px;font-weight:650}.mobile-nav-link.active{color:var(--color-brand)}}@media (max-width: 620px){.topnav-right{gap:var(--space-2)}.balance-pill{display:none}.ui-panel{padding:var(--space-5)}.ui-panel__header,.ui-inline--justify-between{align-items:flex-start;flex-direction:column}.ui-list-item--three{grid-template-columns:1fr}.contract-id-row{align-items:flex-start;flex-direction:column}.ui-toast-stack{right:var(--space-4);bottom:calc(76px + var(--space-4));left:var(--space-4);width:auto}}.hub-column{display:grid;width:100%;max-width:820px;margin:0 auto;gap:var(--space-5);align-content:start}.flow-column{display:grid;width:100%;max-width:560px;margin:0 auto;gap:var(--space-4);align-content:start}.flow-back{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;color:var(--color-muted);font-size:var(--text-sm);font-weight:550;text-decoration:none}.flow-back:hover{color:var(--color-ink)}.flow-card{display:grid;justify-items:center;gap:var(--space-5);border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-6) var(--space-6)}.flow-card__title{margin:0;color:var(--color-muted);font-size:var(--text-md);font-weight:650}.flow-card form{display:contents}.amount-hero{display:flex;align-items:baseline;gap:var(--space-2);justify-content:center}.amount-hero__input{width:auto;min-width:40px;max-width:280px;border:none;background:transparent;color:var(--color-ink);font-size:48px;font-weight:750;letter-spacing:-.02em;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums;padding:0}.amount-hero__input:focus{outline:none}.amount-hero__input::placeholder{color:var(--color-subtle)}.amount-hero__input[readonly]{caret-color:transparent;cursor:default}.amount-hero__unit{color:var(--color-muted);font-size:20px;font-weight:650}.flow-helper{display:flex;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.max-chip{border:none;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-ink);font-size:var(--text-sm);font-weight:650;padding:5px 12px}button.max-chip:hover{background:var(--color-brand-line)}.max-chip.is-active{box-shadow:inset 0 0 0 1px var(--color-brand-line)}.max-chip--static{cursor:default}.flow-hint{margin:0;color:var(--color-muted);font-size:var(--text-sm);text-align:center}.flow-error{margin:0;color:var(--color-danger);font-size:var(--text-sm);text-align:center}.flow-input{display:flex;align-items:center;gap:var(--space-2);width:100%;border:1px solid transparent;border-radius:14px;background:var(--color-surface-muted);padding:0 var(--space-4)}.flow-input:focus-within{border-color:var(--color-brand-line)}.flow-input>svg{flex:0 0 auto;color:var(--color-subtle)}.flow-input input{width:100%;min-width:0;min-height:48px;border:none;background:transparent;color:var(--color-ink);padding:0}.flow-input input:focus{outline:none}.flow-input input::placeholder{color:var(--color-subtle)}.balance-card{display:grid;gap:var(--space-5);border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-8)}.balance-card__hero{display:grid;gap:var(--space-1);justify-items:start}.balance-card__caption{color:var(--color-muted);font-size:var(--text-sm);font-weight:650}.balance-card__amount{display:block;color:var(--color-ink);font-size:48px;font-weight:750;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.balance-card__note{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.token-list{display:grid;border-top:1px solid var(--color-line);padding-top:var(--space-2)}.token-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.token-row__icon{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-ink);font-size:var(--text-sm);font-weight:750}.token-row__symbol{flex:1;color:var(--color-ink);font-size:var(--text-md);font-weight:650}.token-row__values{display:grid;gap:2px;justify-items:end}.token-row__amount{color:var(--color-ink);font-size:var(--text-md);font-weight:650;font-variant-numeric:tabular-nums}.token-row__usd{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.token-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:right 8px top 60%,right 3px top 60%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:18px}.card-list{display:grid;border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-2) var(--space-6)}.card-list__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0}.card-list__head h2{margin:0;color:var(--color-ink);font-size:var(--text-md);font-weight:700}.card-list__group{padding:var(--space-3) 0 var(--space-1);color:var(--color-subtle);font-size:var(--text-sm);font-weight:650}.card-list__divider{height:1px;background:var(--color-line)}.link-brand{border:none;background:transparent;color:var(--color-brand);font-size:var(--text-sm);font-weight:650;padding:0;text-decoration:none}.link-brand:hover{color:var(--color-brand-strong);text-decoration:underline}.activity-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.activity-row__icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:var(--radius-pill)}.activity-row__mid{display:grid;flex:1;gap:2px;min-width:0}.activity-row__title{color:var(--color-ink);font-size:var(--text-md);font-weight:650}.activity-row__sub{color:var(--color-muted);font-size:var(--text-sm)}.activity-row__end{display:grid;gap:2px;justify-items:end}.activity-row__amount{color:var(--color-ink);font-size:var(--text-md);font-weight:650;font-variant-numeric:tabular-nums}.activity-row__amount--in{color:var(--color-success)}.activity-row__status{color:var(--color-subtle);font-size:var(--text-xs)}.qr-box{display:grid;width:200px;height:200px;place-items:center;border-radius:var(--radius-lg);background:var(--color-surface-muted);padding:var(--space-4)}.qr-box svg,.qr-box canvas{width:100%;height:100%}.address-pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink);font-size:var(--text-sm);font-weight:550;padding:var(--space-3) var(--space-4);max-width:100%;overflow-wrap:anywhere}.settings-card{display:grid;gap:var(--space-4);border:1px solid var(--color-line);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-6)}.settings-card>h2{margin:0;color:var(--color-ink);font-size:var(--text-md);font-weight:700}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-row__text{display:grid;gap:2px;min-width:0}.settings-row__title{color:var(--color-ink);font-size:var(--text-md);font-weight:650}.settings-row__sub{color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.callout{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:550}.callout--warning{background:var(--color-warning-soft);color:var(--color-warning)}.callout--success{background:var(--color-success-soft);color:var(--color-success)}.settings-disclosure summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure[open]>summary{margin-bottom:var(--space-4)}.settings-disclosure__body{display:grid;gap:var(--space-5)}.wallet-status-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-success)}@media (max-width: 940px){.balance-card{padding:var(--space-6)}.balance-card__amount{font-size:38px}}.wallet-columns{display:grid;width:100%;max-width:980px;margin:0 auto;grid-template-columns:minmax(0,460px) minmax(0,496px);gap:var(--space-6);justify-content:center;align-items:start}.wallet-col{display:grid;gap:var(--space-5);min-width:0}.balance-card--wallet{border-radius:24px;background:linear-gradient(180deg,#f5f2ff,#fff 45%);padding:var(--space-6)}.balance-card__hero--center{justify-items:center;text-align:center;padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-line)}.token-row__icon--logo{color:#fff;font-size:15px;font-weight:750}.token-row__mid{display:grid;flex:1;gap:1px;min-width:0}.token-row__name{color:var(--color-subtle);font-size:var(--text-xs)}.action-card{display:grid;gap:var(--space-5);border:1px solid var(--color-line);border-radius:24px;background:var(--color-surface);box-shadow:0 8px 24px #1018280f;padding:var(--space-6)}.action-tabs{display:flex;gap:4px;border-radius:16px;background:var(--color-surface-muted);padding:4px}.action-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:7px;border:none;border-radius:12px;background:transparent;color:var(--color-muted);font-size:14px;font-weight:550;padding:10px 0}.action-tab>svg{position:relative;z-index:1;color:var(--color-subtle)}.action-tab__label{position:relative;z-index:1}.action-tab.is-active{color:var(--color-ink);font-weight:650}.action-tab.is-active>svg{color:var(--color-brand)}.action-tab__pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:12px;background:var(--color-surface);box-shadow:0 1px 3px #1018281f}.action-tab span,.action-tab{-webkit-tap-highlight-color:transparent}.action-card__panes{position:relative;overflow:hidden}.pane{display:grid;gap:var(--space-5);justify-items:center}.pane--center{justify-items:center}.pane .flow-input,.pane .ui-button--full,.pane .ui-success,.pane .ui-progress,.pane .dest-seg,.pane .flow-hint{width:100%}.dest-seg{display:flex;gap:var(--space-4);justify-content:center}.dest-seg__option{position:relative;display:grid;gap:4px;justify-items:center;border:none;background:transparent;color:var(--color-subtle);font-size:var(--text-sm);font-weight:550;padding:2px 2px 0}.dest-seg__underline{width:100%;height:2px;border-radius:2px;background:transparent}.dest-seg__option.is-active{color:var(--color-brand-ink);font-weight:650}.dest-seg__option.is-active .dest-seg__underline{background:var(--color-brand)}.unit-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;padding:0}.unit-btn:hover{color:var(--color-brand-ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0f122659;padding:var(--space-4)}.token-modal{display:grid;gap:var(--space-3);width:424px;max-width:100%;border-radius:24px;background:var(--color-surface);box-shadow:0 24px 64px #0f122640;padding:var(--space-5) var(--space-5) var(--space-2)}.token-modal__head{display:flex;align-items:center;justify-content:space-between}.token-modal__head h2{margin:0;font-size:16px;font-weight:700;color:var(--color-ink)}.token-modal__close{display:grid;width:28px;height:28px;place-items:center;border:none;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-muted)}.token-modal__search{display:flex;align-items:center;gap:var(--space-2);border-radius:12px;background:var(--color-surface-muted);color:var(--color-subtle);padding:11px 14px}.token-modal__search input{width:100%;border:none;background:transparent;color:var(--color-ink);font-size:14px;padding:0}.token-modal__search input:focus{outline:none}.token-modal__list{position:relative;display:grid;gap:2px;max-height:300px;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent 100%);mask-image:linear-gradient(180deg,#000 85%,transparent 100%);padding-bottom:var(--space-3)}.token-pick{position:relative;display:flex;align-items:center;gap:var(--space-3);border:none;border-radius:12px;background:transparent;text-align:left;padding:9px 10px}.token-pick:hover{background:var(--color-surface-muted)}.token-pick.is-selected{background:var(--color-brand-soft)}.token-pick__logo{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:var(--radius-pill);color:#fff;font-size:14px;font-weight:750}.token-pick__mid{display:grid;flex:1;gap:0;min-width:0}.token-pick__sym{color:var(--color-ink);font-size:14px;font-weight:650}.token-pick.is-selected .token-pick__sym{color:var(--color-brand-ink)}.token-pick__name{color:var(--color-subtle);font-size:11px}.token-pick__end{display:grid;gap:0;justify-items:end}.token-pick__bal{color:var(--color-ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.token-pick__usd{color:var(--color-subtle);font-size:11px}.token-pick__check{display:grid;flex:0 0 auto;width:18px;height:18px;place-items:center;border-radius:var(--radius-pill);background:var(--color-brand);color:#fff}.token-modal__footer{color:var(--color-subtle);font-size:11px;text-align:center;padding:var(--space-1) 0 var(--space-2)}@media (max-width: 940px){.wallet-columns{grid-template-columns:minmax(0,1fr);max-width:560px;gap:var(--space-4)}.wallet-col{gap:var(--space-4)}.wallet-col--right{order:-1}.hub-column>header.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width: 640px){.modal-backdrop{align-items:end;padding:0}.token-modal{width:100%;max-height:82dvh;border-radius:24px 24px 0 0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.token-modal__list{max-height:none;min-height:0}.settings-row{flex-wrap:wrap}}@media (max-width: 420px){.route-surface{padding:var(--space-4) var(--space-3) var(--space-6)}.action-card,.balance-card--wallet{border-radius:20px;padding:var(--space-5)}.card-list{padding:var(--space-1) var(--space-4)}.amount-hero__input{font-size:40px;line-height:1.15}.amount-hero__unit{font-size:17px}.action-tab{gap:5px;font-size:13px}.dest-seg{gap:var(--space-3)}.balance-card__amount{font-size:34px}}.balance-card--wallet{position:relative}.wallet-sync{position:absolute;top:18px;right:18px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);transition:border-color .14s ease,background-color .14s ease,color .14s ease}.wallet-sync:hover:not(:disabled){border-color:var(--color-brand-line);color:var(--color-brand)}.wallet-sync--brand{border-color:#cfc5ff;background:var(--color-brand-soft);color:var(--color-brand)}.wallet-sync--pulse{animation:sync-pulse 1.6s ease-out 3}@keyframes sync-pulse{0%{box-shadow:0 0 #6a55ff59}70%{box-shadow:0 0 0 10px #6a55ff00}to{box-shadow:0 0 #6a55ff00}}.wallet-sync__spin{animation:sync-spin 1s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.wallet-sync__lock{position:absolute;right:-3px;bottom:-3px;display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-subtle)}.wallet-sync__dot{position:absolute;top:-1px;right:-1px;width:9px;height:9px;border:1.5px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-success)}.sync-hint{margin:0;color:var(--color-brand-ink);font-size:var(--text-xs);font-weight:550;text-align:center}.sync-chip-row{display:grid;gap:var(--space-1);justify-items:center}.sync-chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-muted);font-size:var(--text-xs);font-weight:600;padding:6px 14px}.sync-chip--brand{background:var(--color-brand-soft);color:var(--color-brand-ink)}.sync-chip--ok{background:var(--color-success-soft);color:var(--color-success)}.sync-reassure{color:var(--color-subtle);font-size:11px;text-align:center}@media (prefers-reduced-motion: reduce){.wallet-sync--pulse,.wallet-sync__spin{animation:none}}