:root{color-scheme:light dark;--bg: #f6f7f9;--card: #ffffff;--text: #16181d;--dim: #6b7280;--line: #e5e7eb;--accent: #2563eb;--ok: #15803d;--err: #b91c1c}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #171a21;--text: #e7e9ee;--dim: #9aa1ad;--line: #2a2f3a;--accent: #60a5fa;--ok: #4ade80;--err: #f87171}}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);display:flex;justify-content:center;padding:3rem 1rem}.card{width:100%;max-width:34rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2rem}h1{margin:0 0 .25rem;font-size:1.4rem}h2{font-size:.95rem;margin:1.5rem 0 .5rem}.sub{margin:0 0 1rem;color:var(--dim)}.banner{border:1px dashed var(--line);border-radius:8px;padding:1rem;color:var(--dim)}.tokens{list-style:none;margin:0;padding:0}.tokens li{display:flex;gap:.5rem;align-items:baseline;padding:.35rem 0;border-bottom:1px solid var(--line)}.tokens .amount{font-weight:600}.tokens a{margin-left:auto;text-decoration:none}label{display:block;margin:1rem 0 .5rem;font-size:.85rem;color:var(--dim)}input{display:block;width:100%;margin-top:.4rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-family:ui-monospace,monospace}button{padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:.25rem}button:disabled{opacity:.5;cursor:not-allowed}.mono{font-family:ui-monospace,monospace}.dim{color:var(--dim);font-size:.85rem}.ok{color:var(--ok)}.err{color:var(--err)}footer{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:.75rem}a{color:var(--accent)}