@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg: #e8f6ff;--bg-2: #fdeaff;--surface: #ffffff;--surface-2: #f0f7ff;--text: #32325d;--muted: #7c86a8;--accent: #6c5ce7;--accent-2: #00c9ff;--pink: #ff6bcb;--green: #22c55e;--red: #ff5d73;--gold: #ffb020;--radius: 22px;--shadow: 0 10px 30px rgba(108, 92, 231, .14);font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 8%,#fff3b0 0%,transparent 32%),radial-gradient(circle at 88% 18%,#ffd6f2 0%,transparent 30%),radial-gradient(circle at 50% 100%,#c9f7e3 0%,transparent 40%),linear-gradient(160deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed}h1,h2,h3,button,.balance,.tap-amount{font-family:"Baloo 2",Nunito,sans-serif}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.3rem;font-weight:700}a{color:inherit}#root{max-width:680px;margin:0 auto;padding:18px 16px 48px}button{font:inherit;font-weight:700;border:none;border-radius:999px;padding:13px 22px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),var(--pink));box-shadow:0 6px #6c5ce759,var(--shadow);transition:transform .12s ease,box-shadow .12s ease;display:inline-flex;align-items:center;gap:8px}button:hover{transform:translateY(-2px)}button:active{transform:translateY(2px);box-shadow:0 2px #6c5ce759}button:disabled{opacity:.55;cursor:default;transform:none}button.secondary{background:#fff;color:var(--accent);border:3px solid var(--accent);box-shadow:0 6px #6c5ce72e}button.danger{background:linear-gradient(135deg,var(--red),#ff8fa3);box-shadow:0 6px #ff5d7359}input,select{font:inherit;font-weight:700;width:100%;padding:14px 18px;border-radius:18px;border:3px solid #dcd6ff;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236c5ce7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 5px #6c5ce72e}input::placeholder{color:#b9c0dd;font-weight:600}label{display:block;margin:16px 0 7px;color:var(--muted);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:24px;background:var(--surface);border-radius:999px;padding:10px 18px;box-shadow:var(--shadow)}.nav .spacer{flex:1}.nav a.brand{text-decoration:none;display:flex;align-items:center;gap:10px}.nav a.brand h1{margin:0}.nav a:not(.brand){text-decoration:none;color:var(--muted);font-weight:800;font-size:.85rem;padding:7px 13px;border-radius:999px;transition:background .12s ease,color .12s ease}.nav a:not(.brand):hover{background:var(--surface-2);color:var(--accent)}@media(max-width:520px){.nav{border-radius:24px;padding:14px 16px 12px}.nav a.brand{width:100%;justify-content:center}.nav .spacer{display:none}.nav a:not(.brand){flex:1;text-align:center;background:var(--surface-2)}}.account-grid{display:grid;gap:16px}.account-card{position:relative;display:block;text-decoration:none;background:var(--surface);border-radius:var(--radius);padding:22px 22px 22px 96px;box-shadow:var(--shadow);border:3px solid transparent;transition:transform .16s ease,border-color .16s ease;overflow:hidden}.account-card:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,var(--accent-2),var(--pink))}.account-card:nth-child(2):before{background:linear-gradient(180deg,var(--gold),var(--pink))}.account-card:nth-child(3):before{background:linear-gradient(180deg,var(--green),var(--accent-2))}.account-card:hover{transform:translateY(-3px) rotate(-.5deg);border-color:#dcd6ff}.account-card .avatar{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:"Baloo 2",sans-serif;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 4px 12px #6c5ce759}.account-card:nth-child(2) .avatar{background:linear-gradient(135deg,var(--gold),var(--pink))}.account-card:nth-child(3) .avatar{background:linear-gradient(135deg,var(--green),var(--accent-2))}.account-card .name{font-size:1.15rem;font-weight:800}.account-card .balance{font-size:2.1rem;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.actions{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.balance-coin{color:var(--gold)}.balance-amount{display:inline-flex;align-items:center;gap:8px}.txn-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.txn{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border-radius:18px;padding:14px 18px;box-shadow:0 4px 14px #6c5ce714}.txn .desc{font-weight:800}.txn .meta{color:var(--muted);font-size:.8rem;font-weight:600}.txn .amount{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.txn .amount.positive{color:var(--green)}.txn .amount.negative{color:var(--red)}.tap-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:36px 20px;background:var(--surface);border-radius:28px;box-shadow:var(--shadow)}.tap-amount{font-size:2.8rem;font-weight:800;font-variant-numeric:tabular-nums}.tap-item{color:var(--muted);font-size:1.05rem;font-weight:700}.pulse-card{width:150px;height:96px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));position:relative;animation:card-pulse 1.6s ease-in-out infinite;box-shadow:0 0 #6c5ce74d}.pulse-card:before{content:"";position:absolute;top:16px;left:16px;width:30px;height:22px;border-radius:6px;background:linear-gradient(135deg,#ffe29a,var(--gold))}.pulse-card:after{content:"";position:absolute;top:20px;right:18px;width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.75);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}@keyframes card-pulse{0%,to{transform:scale(1) rotate(-2deg);box-shadow:0 0 #6c5ce74d}50%{transform:scale(1.07) rotate(2deg);box-shadow:0 0 36px 10px #6c5ce74d}}.tap-success .pulse-card{animation:card-bounce .55s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,var(--green),#4ade80)}@keyframes card-bounce{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(3deg)}to{transform:scale(1)}}.balance-delta-wrap{position:relative;display:inline-block}.flying-coin{position:absolute;right:-12px;top:50%;color:var(--gold);pointer-events:none;animation:coin-fly .95s cubic-bezier(.25,.6,.35,1) forwards;animation-delay:var(--coin-delay, 0ms);opacity:0}@keyframes coin-fly{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-72px) translate(28px) scale(1.05) rotate(240deg)}}.item-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px}.item-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 9px;min-width:74px;background:var(--surface);border:3px solid transparent;border-radius:18px;box-shadow:0 3px #6c5ce72e;transition:transform .12s ease,border-color .12s ease}.item-chip:hover{transform:translateY(-2px) scale(1.04)}.item-chip.selected{border-color:var(--accent);background:#efedfd;transform:translateY(-2px)}.item-chip .chip-label{font-size:.78rem;font-weight:800;color:var(--ink)}.tap-item-row{display:flex;align-items:center;gap:10px;justify-content:center}.tap-item-icon{animation:item-wiggle 2.2s ease-in-out infinite}@keyframes item-wiggle{0%,to{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.08)}}.tap-success .tap-item-icon{animation:item-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes item-pop{0%{transform:scale(1)}45%{transform:scale(1.35) rotate(-8deg)}to{transform:scale(1)}}.confetti-burst{position:absolute;width:0;height:0}.confetti-particle{position:absolute;width:10px;height:10px;border-radius:3px;animation:burst .75s ease-out forwards}@keyframes burst{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 calc(var(--burst-distance) * -1)}}.status-line{color:var(--muted);font-size:.95rem;font-weight:600;min-height:1.2em}.error-line{color:var(--red);font-size:.95rem;font-weight:700}.uid-display{font-family:ui-monospace,monospace;font-weight:700;background:var(--surface-2);border:3px dashed var(--accent);border-radius:16px;padding:12px 16px;letter-spacing:.08em;color:var(--accent)}@media(max-width:480px){.account-card{padding-left:88px}.actions{flex-wrap:nowrap;gap:10px}.actions>*{flex:1;min-width:0}.actions button{width:100%;padding:13px 10px;font-size:.9rem}}