:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--bg-raise:#131318;--surface:#17171e;--border:#ffffff17;--border-strong:#ffffff29;--ink:#f4f3f7;--ink-2:#a8a6b8;--ink-muted:#6c6a7c;--ootle:#9370f0;--ootle-dim:#9370f024;--eth:#708df7;--eth-dim:#708df724;--good:#3ecf7e;--good-dim:#3ecf7e24;--warn:#e8b64c;--warn-dim:#e8b64c24;--bad:#ec6a6a;--bad-dim:#ec6a6a24}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink)}body{margin:0;padding-block:48px;padding-inline:20px;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14.5px;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;font-family:Familjen Grotesk,Manrope,sans-serif}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.tab{font-variant-numeric:tabular-nums}a{color:var(--ootle)}.page{flex-direction:column;gap:28px;max-width:620px;margin-inline:auto;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.eyebrow .dot{background:linear-gradient(90deg, var(--eth), var(--ootle));border-radius:50%;flex:none;width:6px;height:6px}header{flex-direction:column;gap:10px;display:flex}h1{font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.15}h1 .eth-word{color:var(--eth)}h1 .ootle-word{color:var(--ootle)}.sub{color:var(--ink-2);max-width:56ch;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:20px 22px;display:flex}.card-title{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.connect-row{background:var(--border);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.connect-cell{background:var(--surface);flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex}.connect-cell.eth{border-top:2px solid var(--eth)}.connect-cell.ootle{border-top:2px solid var(--ootle)}.connect-label{color:var(--ink-2);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.connect-label .swatch{border-radius:50%;flex:none;width:8px;height:8px}.connect-cell.eth .swatch{background:var(--eth)}.connect-cell.ootle .swatch{background:var(--ootle)}.connect-address{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.connect-hint{color:var(--ink-muted);font-size:12px}@media (width<=480px){.connect-row{grid-template-columns:1fr}}button{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:filter .15s,opacity .15s}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:linear-gradient(135deg, var(--eth), var(--ootle));color:#0b0b0f}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.secondary{background:var(--bg-raise);color:var(--ink);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--ootle)}button.link{color:var(--ink-2);text-underline-offset:3px;background:0 0;padding:4px 0;font-weight:500;text-decoration:underline}.btn-row{flex-wrap:wrap;gap:10px;display:flex}label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}input[type=text],input[type=number]{background:var(--bg-raise);border:1px solid var(--border-strong);width:100%;color:var(--ink);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}input:focus{border-color:var(--ootle);outline:none}input::placeholder{color:var(--ink-muted)}.field{flex-direction:column;display:flex}.field+.field{margin-top:14px}.field-note{color:var(--ink-muted);margin-top:5px;font-size:11.5px}.status-line{border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.status-line.ok{background:var(--good-dim);color:var(--good)}.status-line.err{background:var(--bad-dim);color:var(--bad)}.status-line.pending{background:var(--warn-dim);color:var(--warn)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.timeline{flex-direction:column;gap:0;display:flex}.tl-step{grid-template-columns:22px 1fr;gap:12px;padding-block:3px;display:grid}.tl-marker-col{flex-direction:column;align-items:center;display:flex}.tl-marker{border:2px solid var(--border-strong);background:var(--bg-raise);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px}.tl-step.done .tl-marker{background:var(--good);border-color:var(--good)}.tl-step.active .tl-marker{background:var(--warn);border-color:var(--warn)}.tl-line{background:var(--border-strong);flex:1;width:2px;min-height:20px}.tl-step.done .tl-line{background:var(--good)}.tl-body{padding-bottom:18px}.tl-title{color:var(--ink);font-size:13.5px;font-weight:600}.tl-detail{color:var(--ink-2);margin-top:3px;font-size:12px}.tl-detail a{color:inherit;text-underline-offset:2px;text-decoration:underline}.muted{color:var(--ink-muted);font-size:12.5px}footer{border-top:1px solid var(--border);color:var(--ink-muted);padding-top:18px;font-size:12px;line-height:1.7}footer code{color:var(--ink-2)}