html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}html,body{margin:0;padding:0;height:100%;width:100%;background:transparent;overflow:hidden}.app{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.card-wrapper{width:100%;max-width:480px;position:relative}.card{width:100%;background:#1f2028f2;border-radius:12px;border-left:4px solid #66ccff;box-shadow:0 8px 32px #0009,0 2px 8px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem;box-sizing:border-box;font-family:Montserrat,Inter,system-ui,sans-serif}.card__logo{flex-shrink:0;width:128px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 14px rgba(102,204,255,.22))}.card__logo-img{width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none}.card__content{flex:1;display:flex;flex-direction:column;gap:.45rem;min-width:0;min-height:72px}.card__header-row{display:flex;align-items:center;justify-content:space-between;min-height:2rem}.card__title{font-size:.8rem;font-weight:700;color:#6cf;text-transform:uppercase;letter-spacing:.1em;margin:0;line-height:1}.card__amount{font-size:2rem;font-weight:700;color:#4ade80;letter-spacing:-.03em;display:inline-flex;align-items:baseline;line-height:1}.card__loading{color:#9ca3af;font-size:.85rem;margin:0}.card__progress{width:100%}.card__meta-row{display:flex;justify-content:space-between;align-items:center}.card__meta-left{font-size:1rem;font-weight:700;color:#ff6b9d;text-transform:uppercase;letter-spacing:.05em}.card__meta-right{font-size:1rem;font-weight:500;color:#9ca3af}.progress-track{width:100%;height:.5rem;background:#2a2c35;border-radius:9999px;overflow:hidden}.progress-track .progress-fill{height:100%;background:linear-gradient(90deg,#f96,#ff6b9d,#6cf);border-radius:9999px;transition:width .5s ease}@media (max-width: 520px){.app{height:100dvh;padding:1rem .75rem}.card-wrapper{max-width:100%}.card{flex-direction:column;align-items:stretch;gap:.75rem;padding:.875rem}.card__logo{width:80px;align-self:center}.card__content,.card__header-row{min-height:auto}}.animated-number{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;font-weight:700}.animated-number .digit-container{display:inline-flex;align-items:baseline;position:relative}.animated-number .separator{margin:0;line-height:1.2em;height:1.2em;display:inline-flex;align-items:baseline}.animated-number .digit-roller{display:inline-block;width:1ch;height:1.2em;overflow:hidden;position:relative;text-align:center}.animated-number .digit-roller .digit-strip{display:flex;flex-direction:column;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1)}.animated-number .digit-roller .digit-strip .digit{height:1.2em;line-height:1.2em;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;flex-shrink:0}.toast{position:absolute;top:.5rem;left:1rem;background:var(--theme-toast-gradient, linear-gradient(135deg, #007a3d 0%, #ce1126 100%));color:#fff;padding:.8rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;transform:translate(-100%);opacity:0;transition:all .3s ease-in-out;z-index:10;min-width:180px;max-width:220px}.toast--visible{transform:translate(0);opacity:.95}.toast__content{display:flex;flex-direction:column;gap:.3rem}.toast__details{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.toast__name{font-size:.85rem;font-weight:600;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.85)}.toast__amount{font-size:.9rem;font-weight:700;color:var(--theme-toast-amount-color, #ffe163);white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.85)}@media (max-width: 480px){.toast{right:.5rem;top:.5rem;min-width:180px;max-width:200px}.toast__header{font-size:.8rem}.toast__name{font-size:.75rem}.toast__amount{font-size:.8rem}}