:root{--w3l-accent:#7c8cff;--w3l-accent-fg:#0b0d12;--w3l-fg:#e6e8ee;--w3l-muted:#9aa3b2;--w3l-surface:#141821;--w3l-border:#2a3040;--w3l-radius:10px;--bg:#0b0d12;--surface:#141821;--border:#232937;--fg:#e6e8ee;--muted:#9aa3b2;--accent:#7c8cff;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.wrap{max-width:52rem;margin:0 auto;padding:4rem 1rem}@media (width>=48em){.wrap{padding:5rem 1.5rem}}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:700}h2{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.lede{color:var(--muted);margin:.75rem 0 0;font-size:clamp(1rem,2.5vw,1.2rem)}code{font-family:var(--mono);font-size:.9em}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;font-size:.75rem}section{margin-top:3.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}@media (width>=48em){.panel{padding:2rem}}.hint{color:var(--muted);margin:0 0 1.5rem;font-size:.875rem}.demo{gap:2rem;display:grid}@media (width>=40em){.demo{grid-template-columns:minmax(12rem,auto) 1fr;align-items:start}}.readout{gap:1rem;margin:0;display:grid}.readout dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem}.readout dd{font-family:var(--mono);word-break:break-all;margin:.25rem 0 0;font-size:.875rem}.pill{font-family:var(--font);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.pill[data-status=connected]{color:#86efac;background:#14532d}.pill[data-status=wrong-chain]{color:#fde68a;background:#713f12}.pill[data-status=connecting]{color:#93c5fd;background:#1e3a5f}.pill[data-status=unsupported]{color:#fca5a5;background:#7f1d1d}.pill[data-status=disconnected]{color:var(--muted);background:#262c38}pre{border:1px solid var(--border);background:#0b0d12;border-radius:10px;margin:0;padding:1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}pre+p{margin-top:1.25rem}.note{color:var(--muted);font-size:.9375rem}a{color:var(--accent)}a:hover{text-decoration:none}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:3.5rem;padding-top:1.5rem;font-size:.875rem}