html{font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif}body{justify-content:center;min-height:100dvh;display:flex;overflow:hidden}.card-shell{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;height:100dvh;padding:22px 20px 24px;display:flex;overflow:hidden}.card-header{justify-content:center;align-items:center;width:100%;display:flex}.card-header__wordmark{flex-shrink:0;width:auto;height:76px}.card-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.card-name__eyebrow{font-size:11px;font-weight:var(--weight-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.card-name{font-variation-settings:"opsz" 80;letter-spacing:-.015em;color:var(--text);margin-bottom:10px;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:32px;font-style:italic;font-weight:500;line-height:1.1}.card-balance__label{font-size:10.5px;font-weight:var(--weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.card-balance__amount{font-size:32px;font-weight:var(--weight-bold);color:var(--green-deep);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.1}.card-balance__unit{font-size:18px;font-weight:var(--weight-medium);color:var(--text-secondary);margin-left:2px}.card-qr-block{flex-direction:column;align-items:center;gap:14px;display:flex}.card-qr{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-subtle);width:min(78vw,340px);box-shadow:var(--shadow-card);border-radius:22px;justify-content:center;align-items:center;padding:16px;display:flex}.card-qr svg{width:100%;height:100%}.card-number{font-variant-numeric:tabular-nums;letter-spacing:.22em;font-size:15px;font-weight:var(--weight-semibold);color:var(--text-secondary)}.center-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.center-screen__title{font-size:20px;font-weight:var(--weight-bold);color:var(--text)}.center-screen__desc{color:var(--text-secondary);max-width:280px;font-size:14px}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--green);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){:root.theme-auto .card-qr{background:#fff}}:root.theme-dark .card-qr{background:#fff}