:root{--bg: #f3f6f5;--surface: #ffffff;--ink: #14201c;--muted: #56675f;--line: #c6d1cc;--ckb: #0b7458;--ckb-soft: #d9efe6;--base: #2a52c4;--base-soft: #e1e7fb;--secret: #9c520a;--secret-soft: #fbead6;--no: #a3361f;--no-soft: #f8e1db;--f-display: "Archivo", "Arial Narrow", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1412;--surface: #161d1a;--ink: #e2ebe7;--muted: #9aaca4;--line: #33413b;--ckb: #43c99f;--ckb-soft: #133a2f;--base: #86a2ff;--base-soft: #1c2546;--secret: #f2a64c;--secret-soft: #3b2a14;--no: #f08a72;--no-soft: #3d1d16;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-body)}[hidden]{display:none!important}a{color:var(--base);text-underline-offset:2px}code,.mono{font-family:var(--f-mono);font-size:.86em}.wrap{max-width:980px;margin:0 auto;padding-block:28px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:22px}.top{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.top>div{min-width:0;flex:1 1 420px}.eyebrow{margin:0 0 8px;font:500 .76rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{font-family:var(--f-display);font-stretch:88%;line-height:1.12;margin:0;text-wrap:balance}h1{font-size:clamp(1.7rem,4.6vw,2.5rem);font-weight:800}h1 a{color:inherit;text-decoration:none}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}.lede{margin:8px 0 0;color:var(--muted);max-width:62ch}.btn{font:600 .95rem var(--f-body);border-radius:10px;padding:10px 16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,input:focus-visible{outline:2px solid var(--secret);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-secret{background:var(--secret);color:#fff;border-color:var(--secret)}.btn-small{padding:6px 12px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px;min-width:0}.wallet{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.wallet .card{gap:6px}.addr{display:flex;gap:8px;align-items:center;min-width:0}.addr code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chip{display:inline-block;font:600 .72rem/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:999px}.chip-ckb{background:var(--ckb-soft);color:var(--ckb)}.chip-base{background:var(--base-soft);color:var(--base)}.chip-secret{background:var(--secret-soft);color:var(--secret)}.chip-no{background:var(--no-soft);color:var(--no)}.bal{font-variant-numeric:tabular-nums;font-size:.95rem}.muted{color:var(--muted)}.small{font-size:.88rem}.notice{border:1px solid var(--secret);background:var(--secret-soft);border-radius:10px;padding:10px 14px}.notice.err{border-color:var(--no);background:var(--no-soft)}.grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:760px){.grid2{grid-template-columns:1fr}}.offers{display:grid;gap:10px}.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center}.offer .trade{font:700 1.1rem/1.3 var(--f-display);font-stretch:90%;font-variant-numeric:tabular-nums}.offer .trade .arrow{color:var(--muted);font-weight:500;padding:0 4px}.empty{color:var(--muted);padding:18px;border:1px dashed var(--line);border-radius:12px;text-align:center}form{display:grid;gap:12px}fieldset{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label{border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:500}.seg input:checked+label{background:var(--ink);color:var(--bg);border-color:var(--ink)}.seg input:focus-visible+label{outline:2px solid var(--secret);outline-offset:2px}.field{display:grid;gap:4px}.field label{font-size:.85rem;color:var(--muted)}input[type=text],input[type=number]{font:500 1rem var(--f-mono);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%;min-width:0}.steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font:600 .72rem var(--f-mono);color:var(--muted);margin-top:2px}.step.done .dot{background:var(--ink);border-color:var(--ink);color:var(--bg)}.step.now .dot{border-color:var(--secret);color:var(--secret)}.step .t{font-weight:600}.step.pending .t{color:var(--muted);font-weight:500}.step .s{font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}.action{border:1px solid var(--secret);background:var(--secret-soft);border-radius:12px;padding:14px 16px;display:grid;gap:10px}.action p{margin:0}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;font-size:.92rem}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}details summary{cursor:pointer;color:var(--muted)}.log{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:.86rem}.log li{overflow-wrap:anywhere}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));z-index:20}.modal .card{max-width:460px;width:100%}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.foot{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:14px}.foot p{margin:0;max-width:72ch}@media(prefers-reduced-motion:reduce){*{transition:none!important}}