:root{--bg:#14110f;--fg:#ece4d8;--dim:#9a8f80;--acc:#e8a33d;--line:#2e2822;--panel:#1c1814}
@media (prefers-color-scheme:light){:root{--bg:#f5efe4;--fg:#211b14;--dim:#6f6454;--acc:#a85f00;--line:#ddd2bf;--panel:#ebe3d3}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:34rem;margin:0 auto;padding:12vh 1.25rem 4rem}
h1{font-size:2.1rem;line-height:1.1;margin:0 0 .4rem;letter-spacing:-.02em}
.sub{color:var(--dim);margin:0 0 2.2rem}
.btn{display:inline-block;background:var(--acc);color:#1a1208;font-weight:600;padding:.75rem 1.2rem;border:0;border-radius:6px;text-decoration:none;font-size:1rem;cursor:pointer}
.btn.ghost{background:none;color:var(--fg);border:1px solid var(--line)}
.row{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0}
.addr{display:flex;border:1px solid var(--line);border-radius:6px;background:var(--panel);margin:1.4rem 0}
.addr code{flex:1;padding:.8rem 1rem;font:1.15rem ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:nowrap}
.addr button{border:0;border-left:1px solid var(--line);background:none;color:var(--acc);font:inherit;font-weight:600;padding:0 1.1rem;cursor:pointer}
ol{padding-left:1.2rem;color:var(--dim)} ol li{margin:.45rem 0} ol b{color:var(--fg);font-weight:600}
.state{color:var(--dim);min-height:1.5em}
.fallback[hidden]{display:none}
.fallback{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.4rem}
a{color:var(--acc)}
small{color:var(--dim)}