:root{color-scheme:dark;--bg:#111;--fg:#eee;--dim:#999;--line:#333;--warn:#ffb454}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.6 system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--fg)}
.top nav{font-size:.85rem;color:var(--dim)}
a{color:var(--fg)}
main{padding:1rem;max-width:34rem;margin:0 auto}
.card{padding:1rem 0}
h1{font-size:1.5rem;margin:.2rem 0 .8rem}
h2{font-size:1rem;margin:1.4rem 0 .4rem;color:var(--dim);font-weight:600}
.note{color:var(--dim);font-size:.85rem}
.warn{color:var(--warn)}
.nums{display:flex;gap:1.2rem;margin:.6rem 0}
.nums b{font-size:1.6rem;margin-right:.15rem}
.pts{list-style:none;padding:0;margin:0}
.pts li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
  padding:.6rem 0;border-bottom:1px solid var(--line)}
.pts em{color:var(--dim);font-style:normal;font-size:.85rem}
.btn{display:inline-block;padding:.7rem 1.2rem;border:1px solid var(--fg);
  border-radius:.4rem;text-decoration:none;margin:.4rem 0}
button{padding:.5rem .9rem;background:none;color:var(--fg);
  border:1px solid var(--line);border-radius:.3rem}
button[disabled]{opacity:.4}
input,textarea{background:#000;color:var(--fg);border:1px solid var(--line);
  border-radius:.3rem;padding:.5rem;font:inherit;width:100%;max-width:20rem}
.lnurl{font-size:.7rem;word-break:break-all}
#qr{margin:1rem 0}
#qr img,#qr canvas{width:min(100%,15rem);height:auto;image-rendering:pixelated}
.copyrow{display:flex;gap:.5rem;align-items:flex-start;max-width:20rem}
.copyrow .lnurl{flex:1}
.copyrow button{white-space:nowrap;flex:0 0 auto}