:root{--accent:#8fa8ff;--accent-strong:#5b7cff;--accent-soft:#e6ebff;--accent-wash:#f4f6ff;--mint:#3ddc97;--ink:#0d1526;--ink-2:#1b2a4a;--paper:#f4f6fa;--surface:#fff;--surface-2:#f8f9fc;--line:#e3e7ef;--line-soft:#edf0f5;--line-strong:#d3d9e4;--muted:#5a6479;--warn-bg:#fff4d9;--warn-ink:#6b4800;--ok-bg:#e5f6ee;--ok-ink:#11643f;--info-bg:#e9eeff;--info-ink:#2b3f9e;--danger:#c0352b;--danger-bg:#fdeeec;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #0d15260d;--shadow:0 1px 2px #0d15260a, 0 10px 30px -14px #0d152624;--shadow-lg:0 24px 60px -20px #0d152659, 0 2px 6px #0d15260f;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Plus Jakarta Sans", Inter, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 520px at 8% -8%, #8fa8ff38, transparent 62%), radial-gradient(900px 420px at 96% -12%, #3ddc971a, transparent 60%), var(--paper);background-repeat:no-repeat;min-height:100vh;font-size:15px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}#root>main{flex:1 0 auto}a{color:var(--ink)}button,input{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.025em;font-family:var(--display);margin:0}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}::selection{background:var(--accent-soft)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row{align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.header{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(14px);color:#fff;background:#0d1526f0;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:28px;max-width:1200px;min-height:64px;margin:0 auto;padding:0 24px;display:flex}.header a,.header .logo{color:#fff}.header .menu,.header .menu a{color:var(--ink)}.header .chip-net{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.header .chip-ink{color:var(--accent);background:#8fa8ff29;box-shadow:inset 0 0 0 1px #8fa8ff59}.header .btn-primary{background:var(--accent);color:var(--ink);border-color:#0000;box-shadow:0 6px 18px -8px #8fa8ffcc}.header .btn-primary:not(:disabled):hover{background:#a9bcff}.header .btn-white{color:#fff;box-shadow:none;background:#ffffff0f;border-color:#ffffff24}.header .btn-white:not(:disabled):hover{background:#ffffff1f}.header :focus-visible{outline-color:var(--accent)}.logo{font-family:var(--display);letter-spacing:-.035em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.logo-mark{flex:none;display:block}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:#ffffffb3;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav a:hover{color:#fff;background:#ffffff12}.nav a.active{color:#fff;background:#ffffff17}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.page{width:100%;max-width:1200px;margin:0 auto;padding:36px 24px 80px}.page-narrow{width:100%;max-width:720px;margin:0 auto;padding:56px 24px 80px}.two-col{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:28px;display:flex}.two-col>.main{flex-direction:column;flex:999 560px;gap:18px;min-width:0;display:flex}.two-col>.side{flex-direction:column;flex:340px;gap:18px;min-width:280px;display:flex}.page-title{font-family:var(--display);letter-spacing:-.035em;font-size:38px;font-weight:800}.back{min-height:32px;color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.footer{border-top:1px solid var(--line);margin-top:24px}.footer-inner{max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:24px;font-size:13px;display:flex}.hero{color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(700px 320px at 85% 10%,#8fa8ff59,#0000 60%),radial-gradient(500px 260px at 0 110%,#3ddc972e,#0000 60%),linear-gradient(135deg,#0d1526 0%,#172446 100%);border-radius:24px;flex-wrap:wrap;align-items:center;gap:40px;padding:44px 44px 40px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.hero>*{z-index:1;position:relative}.hero h1{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1.05}.hero h1 em{background:linear-gradient(90deg,#a9bcff,#7ef0c0);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:#ffffffb8;max-width:540px;margin:16px 0 0;font-size:16.5px}.hero .eyebrow{color:var(--accent);background:#8fa8ff1f;border:1px solid #8fa8ff47;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hero .btn-white{color:#fff;box-shadow:none;background:#ffffff14;border-color:#ffffff2e}.hero .btn-white:not(:disabled):hover{background:#ffffff24}.ticket{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;width:340px;max-width:100%;margin-left:auto;padding:18px;transform:rotate(-1.5deg);box-shadow:0 30px 60px -30px #0009}.ticket-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.ticket-row+.ticket-row{margin-top:8px}.ticket-amt{font-family:var(--mono);letter-spacing:.12em;color:#ffffffd9;margin-left:auto;font-size:15px}.ticket-swap{z-index:1;justify-content:center;margin:-4px 0;display:flex;position:relative}.ticket-swap span{background:var(--accent);width:30px;height:30px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 0 0 4px #15203d}.feature{align-items:flex-start;gap:14px;display:flex}.feature-icon{background:linear-gradient(135deg, var(--accent-soft), #f0fbf6);width:40px;height:40px;color:var(--accent-strong);font-family:var(--display);border-radius:12px;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #5b7cff26}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card-strong{box-shadow:0 0 0 4px #8fa8ff1a, var(--shadow);border-color:#d6def6}.card h2{font-size:17px;font-weight:700}.card-dark{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#0d1526,#1b2a4a);padding:18px 20px;font-size:13px;line-height:1.6}.callout{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.callout-warn{background:var(--warn-bg);color:var(--warn-ink)}.callout-info{background:var(--info-bg);color:var(--info-ink)}.callout-danger{background:var(--danger-bg);color:var(--danger)}.callout-ok{background:var(--ok-bg);color:var(--ok-ink)}.divider{background:var(--line-soft);height:1px;margin:4px 0}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;min-height:44px;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:not(:disabled):hover{background:var(--surface-2)}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, #1d2b4b, var(--ink));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff14,0 8px 18px -10px #0d1526b3}.btn-primary:not(:disabled):hover{background:linear-gradient(#26365c,#121c33)}.btn-accent{background:var(--accent);color:var(--ink);border-color:#0000}.btn-accent:not(:disabled):hover{background:#a9bcff}.btn-ghost{box-shadow:none;background:0 0}.btn-ghost:not(:disabled):hover,.btn-white{background:#fff}.btn-danger{color:var(--danger);border-color:#f1c4bf}.btn-danger:not(:disabled):hover{background:var(--danger-bg)}.btn-sm{border-radius:9px;min-height:36px;padding:0 14px;font-size:14px}.btn-block{width:100%}.btn-dashed{box-shadow:none;background:0 0;border-style:dashed}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--line-soft);color:var(--ink)}.link-btn{color:var(--accent-strong);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.link-btn:hover{text-decoration:underline}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-lg{padding:6px 12px;font-size:13px}.chip-ok{background:var(--ok-bg);color:var(--ok-ink)}.chip-info{background:var(--info-bg);color:var(--info-ink)}.chip-warn{background:var(--warn-bg);color:var(--warn-ink)}.chip-ink{background:var(--ink);color:#fff}.chip-neutral{color:var(--muted);background:#eef1f6}.chip-danger{background:var(--danger-bg);color:var(--danger)}.chip-net{background:#eef1f6}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tok{letter-spacing:-.02em;border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #0d152626}.tok-lg{width:32px;height:32px}.tok-stack{display:flex}.tok-stack .tok+.tok{margin-left:-8px}.field{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;font-family:var(--mono);background:#fff;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent-strong);outline:none;box-shadow:0 0 0 4px #8fa8ff40}.field-error{border-color:var(--danger)}.field-help{margin-top:6px;font-size:13px}.leg{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex}.leg:focus-within{background:#fff;border-color:#c3cff7;box-shadow:0 0 0 4px #8fa8ff24}.leg-meta{color:var(--muted);flex-wrap:wrap;flex-basis:100%;justify-content:space-between;gap:12px;padding-left:4px;font-size:13px;display:flex}.amt-input{min-width:120px;min-height:44px;font-family:var(--mono);text-align:right;background:0 0;border:0;outline:none;flex:1;font-size:24px;font-weight:600}.amt-input::placeholder{color:#b6bdcc}.toksel{border:1px solid var(--line-strong);cursor:pointer;min-height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 8px;font-weight:600;display:inline-flex}.toksel:hover{border-color:#c3cff7}.seg{text-align:left;border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:4px;min-width:220px;padding:14px;display:flex}.seg[aria-checked=true]{border-color:var(--accent-strong);background:var(--accent-wash);box-shadow:0 0 0 3px #8fa8ff40}.pill{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:999px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s}.pill:hover{background:var(--surface-2)}.pill[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.menu{border:1px solid var(--line);z-index:40;min-width:260px;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;font-weight:600;display:flex}.menu-item:hover{background:var(--paper)}.backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0d152680;justify-content:center;align-items:flex-start;padding:56px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{width:100%;max-width:620px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;overflow:hidden}.dialog-head{border-bottom:1px solid var(--line-soft);background:radial-gradient(420px 160px at 100% 0,#8fa8ff59,#0000 70%),linear-gradient(#f3f6ff,#fff);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.dialog-body{padding:8px 24px 24px}.fold-head{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0;display:flex}.bal-list{margin:12px 0 0;padding:0;list-style:none}.bal-list li{border-top:1px solid var(--line-soft);align-items:center;gap:12px;min-height:48px;font-size:14px;display:flex}.token-menu{gap:2px;width:max-content;min-width:280px;max-width:min(380px,100vw - 48px);max-height:340px;left:0;right:auto;overflow-y:auto}.step{border-top:1px solid var(--line-soft);gap:16px;padding:16px 0;display:flex}.step:first-child{border-top:0}.step-dot{width:32px;height:32px;font-family:var(--mono);border:1px solid var(--line-strong);color:var(--muted);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-dot.done{background:var(--ok-ink);color:#fff;border-color:var(--ok-ink)}.step-dot.active{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--accent-strong);box-shadow:0 0 0 4px #8fa8ff33}.step-dot.error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.step-title{font-weight:700}.step-sub{color:var(--muted);margin-top:2px;font-size:14px}.subrow{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.subrow.active{border-color:var(--accent-strong);background:var(--accent-wash)}.table-card{padding:0;overflow:hidden}.tabs{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:28px;padding:4px 22px 0;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 2px;font-weight:600}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent-strong)}.scroll-x{overflow-x:auto}.grid-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(220px,1.6fr) minmax(160px,1fr) minmax(140px,.9fr) minmax(150px,1fr) 130px;align-items:center;gap:16px;min-width:900px;padding:16px 22px;transition:background .12s;display:grid}.grid-row:not(.head):hover{background:var(--surface-2)}.grid-row.head{border-top:0;padding-top:14px;padding-bottom:10px}.grid-row.highlight{background:var(--accent-wash)}.legrow{border-top:1px solid var(--line-soft);align-items:center;gap:12px;padding:14px 0;display:flex}.amount{font-family:var(--mono);font-size:20px;font-weight:600}.bars{gap:4px;display:flex}.bars span{background:var(--line);border-radius:3px;flex:1;height:6px}.bars span.on{background:var(--accent-strong)}.bars span.pending{background:repeating-linear-gradient(-45deg, var(--accent) 0 6px, var(--accent-soft) 6px 9px)}.bars-lg span{height:10px}.legs-table{border-top:1px solid var(--line-soft);grid-template-columns:minmax(140px,1.1fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(130px,1fr) minmax(130px,1fr);align-items:center;gap:14px;min-width:720px;padding:14px 22px;font-size:14px;display:grid}.pill-sm{min-height:30px;padding:0 12px;font-size:13px}.tabs-flush{padding:0}.field-sans{font-family:var(--font)}.pbar{background:var(--line-soft);border-radius:4px;height:8px;position:relative;overflow:hidden}.pbar>span{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:4px;position:absolute;inset:0 auto 0 0}.pbar.ok>span{background:linear-gradient(90deg, #4fd99c, var(--ok-ink))}.side-cell{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;font-size:13px;display:flex}.side-cell .pbar{align-self:stretch}.chip-decoy{color:var(--muted);border:1px dashed var(--line-strong);background:#eef1f6}.timeline-item{gap:14px;padding-bottom:18px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--line-soft);width:2px;position:absolute;top:18px;bottom:0;left:5px}.timeline-dot{background:var(--line-strong);border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px}.timeline-item:first-of-type .timeline-dot{background:var(--accent-strong);box-shadow:0 0 0 4px #8fa8ff40}.empty{text-align:center;padding:56px 20px}.hero-icon{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.page-title{font-size:28px}.hero{padding:28px 22px}.hero h1{font-size:32px}.ticket{margin:0;transform:none}.header-inner{gap:12px;padding:8px 16px}.page,.page-narrow{padding-left:16px;padding-right:16px}}.switch{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent-strong)}.switch:checked:after{transform:translate(18px)}