/* Dracula palette */
:root {
  --bg: #282a36; --cur: #44475a; --fg: #f8f8f2;
  --cyan:#8be9fd; --green:#50fa7b; --orange:#ffb86c;
  --pink:#ff79c6; --purple:#bd93f9; --red:#ff5555; --yellow:#f1fa8c;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial}
.container{width:min(1200px,92vw);margin:0 auto;padding:32px}
.card{background:#1e2029;border:1px solid var(--cur);border-radius:16px;padding:24px;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.h{margin:0 0 12px;font-weight:700}
.h1{font-size:28px;color:var(--purple)}
.h2{font-size:20px;color:var(--cyan)}
.row{display:flex;gap:24px;flex-wrap:wrap}
.col{flex:1 1 280px}
.repo-row .repo-col{flex:2 1 420px}
.repo-row .qr-col{flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.repo-row .qr-col .qr{margin-left:auto}
.qr-link{display:inline-flex;border-radius:12px}
.qr-link:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.repo-help{margin:0 0 12px;color:var(--fg);opacity:.9}
.kv{margin:8px 0}
.kv b{color:var(--orange)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--cur);text-decoration:none;color:var(--fg);background:#232531}
.btn:hover{border-color:var(--purple)}
.code{font-family:ui-monospace,Consolas,Menlo,monospace;display:inline-block;word-break:break-all;overflow-wrap:anywhere;padding:8px 10px;background:#21232c;border:1px solid var(--cur);border-radius:10px;max-width:100%}
.inline-code{font-family:ui-monospace,Consolas,Menlo,monospace;background:#1a1c24;padding:0 4px;border-radius:4px}
.setup{margin-top:32px;padding:24px;border:1px solid var(--cur);border-radius:16px;background:#232531}
.setup ul{margin:16px 0 0;padding-left:18px}
.setup li{margin-bottom:16px}
.code-block{font-family:ui-monospace,Consolas,Menlo,monospace;background:#15161d;border:1px solid var(--cur);border-radius:10px;padding:12px;overflow:auto;margin:8px 0}
.hash-code{display:block;padding:10px 12px;margin-top:4px}
small{opacity:.8}
img.qr{width:200px;height:200px;image-rendering:pixelated;border-radius:12px;border:1px solid var(--cur)}
footer{margin-top:24px;padding:24px;border:1px solid var(--cur);border-radius:16px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;background:#232531}
.donate-copy{flex:1 1 260px}
.donate-copy p{margin:8px 0 0;opacity:.9}
.donate-address{display:block;margin-top:8px;font-size:14px}
.donate-qr-wrap{flex:0 0 auto}
.donate-qr-link{display:inline-flex;border-radius:12px}
.donate-qr-link:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.donate-qr{width:170px;height:170px;border-radius:12px;border:1px solid var(--cur);background:#fff;padding:8px}

@media (max-width:900px){
  .container{padding:24px 20px}
  .card{padding:20px}
  .row{flex-direction:column}
  .repo-row .qr-col{align-items:center;text-align:center}
  .repo-row .qr-col .qr{margin:0 auto}
  .btns{flex-direction:column;align-items:stretch}
  .btn{width:100%;text-align:center}
  footer{flex-direction:column;align-items:flex-start}
  .donate-qr-wrap{width:100%;display:flex;justify-content:center}
}

@media (max-width:600px){
  body{font-size:15px}
  .container{padding:18px 12px}
  .card{padding:16px}
  img.qr{width:160px;height:160px}
  .donate-qr{width:150px;height:150px}
}