body{touch-action:manipulation;justify-content:center;min-height:100dvh;display:flex}#app{justify-content:center;width:100%;display:flex}.card-shell{overscroll-behavior:contain;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:clamp(10px,2.2dvh,18px);width:100%;max-width:440px;height:100dvh;padding:clamp(12px,2.8dvh,22px) 20px clamp(14px,3dvh,24px);display:flex;overflow:hidden auto}.card-shell>*{flex-shrink:0}.card-shell>:first-child{margin-top:auto}.card-shell>:last-child{margin-bottom:auto}.card-header{justify-content:center;align-items:center;width:100%;display:flex}.card-header__wordmark{flex-shrink:0;width:auto;height:clamp(44px,9.5dvh,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);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 clamp(4px,1.2dvh,10px);padding:.08em .1em;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(24px,4.2dvh,32px);font-style:italic;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}@media (height>=740px){.card-name{-webkit-line-clamp:3;line-clamp:3}}.card-balance__label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.card-balance__amount{font-size:clamp(26px,4.2dvh,32px);font-weight:var(--weight-bold);color:var(--green-deep);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:baseline;gap:4px;line-height:1.1;display:inline-flex;position:relative}.card-balance__unit{font-size:18px;font-weight:var(--weight-medium);color:var(--text-secondary)}.balance-delta{font-size:14px;font-weight:var(--weight-bold);color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;margin-left:7px;animation:1.1s cubic-bezier(.23,1,.32,1) both balance-delta-float;position:absolute;bottom:.4em;left:100%}.balance-delta--down{color:var(--text-secondary)}@keyframes balance-delta-float{0%{opacity:0;transform:translateY(8px)}25%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-20px)}}.card-sync{border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.card-sync:active:not(:disabled){background:var(--green-tint)}.card-sync:disabled{cursor:default}.card-sync--failed{color:var(--text)}.card-sync--failed .card-sync__icon{color:var(--danger)}.card-sync__icon{flex-shrink:0;width:14px;height:14px}.card-sync__icon--spin{animation:.8s linear infinite spin}.card-qr-block{flex:auto;justify-content:center;align-items:center;width:100%;min-height:200px;max-height:min(78vw,340px);display:flex;container-type:size}.card-qr{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-subtle);width:min(78vw,340px,100cqh);box-shadow:var(--shadow-card);border-radius:22px;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-qr svg{width:100%;height:100%}@supports not (container-type:size){.card-qr-block{flex:none;max-height:none}}.card-foot{flex-direction:column;align-items:center;gap:2px;display:flex}.card-number{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;letter-spacing:.18em;min-height:44px;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.card-number:active{background:var(--green-tint)}.card-number__digits{-webkit-user-select:text;user-select:text}.card-number__icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.card-number__icon--done{color:var(--green)}.card-hint{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;max-width:300px;line-height:1.35}.card-sync:focus-visible,.card-number:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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);margin:0}.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-reduced-motion:reduce){.card-sync__icon--spin{animation:none}.balance-delta{animation:1s both balance-delta-fade}@keyframes balance-delta-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}}:root.theme-dark .card-qr{background:#fff}:root.theme-dark .card-qr--skeleton{background:var(--bg-card)}