body { background: #f4f5f7; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.qr-box { min-height: 280px; display: flex; align-items: center; justify-content: center; }
.qr-box img { width: 264px; height: 264px; image-rendering: pixelated; }
.token { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; }
.table td, .table th { vertical-align: middle; }
.msg-body { max-width: 420px; white-space: pre-wrap; word-break: break-word; }
.docs section { margin-top: 2.5rem; scroll-margin-top: 1rem; }
.docs h2 { font-size: 1.35rem; margin-bottom: 1rem; }
.docs code { color: #b02a5b; }
.code-block { background: #1e2329; color: #e6e6e6; padding: 1rem; border-radius: 8px; font-size: .85rem; overflow-x: auto; }
.code-block code { color: inherit; white-space: pre; }
.docs-toc a { color: var(--bs-body-color); text-decoration: none; }
.docs-toc a:hover { color: var(--bs-primary); }