:root{--paper:#eef1ef;--card:#fbfcfa;--ink:#1c2320;--muted:#5c6763;--line:#d3dad5;--hazard:#c2410c;--hazard-soft:#fbe9de;--safe:#0e7a55;--safe-soft:#e0f1e9;--amber:#b45309;--mono:ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}#root{min-height:100vh}a{color:inherit}button{font:inherit}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{max-width:860px;margin:0 auto;padding:40px 20px 64px}.mono{font-family:var(--mono);font-size:.92em}.dim{color:var(--muted)}.masthead h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(30px,5vw,42px);font-weight:750}.masthead .lede{max-width:58ch;color:var(--muted);margin:0 0 24px}.custody{border:1px solid var(--line);background:var(--card);border-radius:6px;grid-template-columns:1fr 56px 1fr;align-items:stretch;display:grid;overflow:hidden}.chip{flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.chip.hazard{border-top:3px solid var(--hazard);background:linear-gradient(var(--hazard-soft), var(--card) 80%)}.chip.safe{border-top:3px solid var(--safe);background:linear-gradient(var(--safe-soft), var(--card) 80%)}.chip-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.chip.hazard .chip-label{color:var(--hazard)}.chip.safe .chip-label{color:var(--safe)}.addr-input{border:none;border-bottom:1px dashed var(--line);background:0 0;width:100%;padding:2px 0;font-size:13px}.addr-input:focus{border-bottom-color:var(--ink);outline:none}.stripe{background:repeating-linear-gradient(-45deg, var(--hazard), var(--hazard) 7px, #f2b28f 7px, #f2b28f 14px);position:relative}.stripe:after{content:"→";color:#fff;text-shadow:0 1px 2px #00000059;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}.warn{color:var(--hazard);margin:10px 0 0;font-size:13.5px}main{flex-direction:column;gap:20px;margin-top:36px;display:flex}.step{background:var(--card);border:1px solid var(--line);border-radius:6px;grid-template-columns:52px 1fr;gap:18px;padding:22px 24px;display:grid}.step-num{font-family:var(--mono);text-align:center;border-right:1px solid var(--line);padding-top:3px;font-size:24px;font-weight:700;line-height:1}.hazard-num{color:var(--hazard)}.safe-num{color:var(--safe)}.step-body{min-width:0}.step-body h2{letter-spacing:-.01em;margin:0 0 6px;font-size:19px;font-weight:700}.step-body>p{color:var(--muted);max-width:62ch;margin:0 0 14px}.optional-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);vertical-align:3px;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:11px;font-weight:600}.warn-block{background:var(--hazard-soft);border-left:3px solid var(--hazard);border-radius:0 4px 4px 0;padding:10px 12px;font-size:14px;color:var(--ink)!important}button{background:var(--ink);color:var(--paper);cursor:pointer;border:none;border-radius:4px;padding:9px 16px;font-size:14px;font-weight:600}button:hover:not(:disabled){background:#33403a}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}button.secondary:hover:not(:disabled){background:var(--paper)}.method-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.method{border:1px solid var(--line);cursor:pointer;background:var(--paper);border-radius:4px;align-items:center;gap:7px;padding:7px 12px;font-size:13.5px;display:flex}.method.on{border-color:var(--ink);background:var(--card);font-weight:600}.method input{accent-color:var(--ink);margin:0}.key-input{border:1px solid var(--line);background:var(--paper);border-radius:4px;width:100%;margin-bottom:12px;padding:9px 12px;font-size:13px}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.health{border:1px solid var(--line);background:var(--paper);border-radius:4px;flex-wrap:wrap;gap:28px;margin:16px 0 4px;padding:12px 14px;display:flex}.health>div{flex-direction:column;gap:2px;display:flex}.stat-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.positions{border-collapse:collapse;width:100%;margin-top:14px;font-size:14px}.positions th{text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--ink);padding:6px 10px;font-size:11px;font-weight:600}.positions td{border-bottom:1px solid var(--line);padding:8px 10px}.positions .num{text-align:right}.positions .debt{color:var(--hazard);font-weight:600}.token-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.token-row:first-of-type{border-top:none}.token-id{flex-direction:column;gap:2px;min-width:160px;display:flex}.token-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.amt-input{border:1px solid var(--line);background:var(--paper);text-align:right;border-radius:4px;width:130px;padding:8px 10px;font-size:13px}.wrap-box{color:var(--muted);border:1px dashed var(--line);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:13.5px;display:flex}.status{flex-wrap:wrap;align-items:center;gap:8px;max-width:46ch;font-size:13px;display:inline-flex}.status.ok{color:var(--safe);font-weight:600}.status.error{color:var(--hazard)}.status.busy{color:var(--amber)}.status a{color:inherit}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.colophon{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding-top:16px;font-size:12.5px}.colophon p{overflow-wrap:anywhere;margin:0 0 6px}@media (width<=640px){.custody{grid-template-columns:1fr}.stripe{height:28px}.stripe:after{content:"↓"}.step{grid-template-columns:1fr;gap:8px}.step-num{border-right:none;border-bottom:1px solid var(--line);text-align:left;padding-bottom:8px}}
