*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.45;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}.grow{flex:1;min-width:0}.mini{color:var(--color-text-muted);font-size:13px}.eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.screen{padding:var(--space-gutter);padding-bottom:calc(76px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto}.screen.centered{justify-content:center;align-items:center;min-height:60vh}.hdr{display:flex;align-items:center;gap:12px;padding:4px 0 8px}.hdr h1{margin:0;font-size:22px;font-weight:var(--font-weight-heading)}.hdr p{margin:2px 0 0;color:var(--color-text-muted);font-size:13px}.avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--gradient-hero);color:var(--color-primary-text);display:grid;place-items:center;font-weight:700;object-fit:cover;flex:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-section);box-shadow:var(--shadow-card)}.card.hero{background:var(--gradient-card),var(--color-surface)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.card-t{margin:0;font-size:14px;font-weight:600;color:var(--color-text-muted)}.hero-amount{font-size:34px;font-weight:var(--font-weight-heading);line-height:1.1}.hero-code{font-size:16px;color:var(--color-text-muted)}.row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--color-border)}.card-head+.row,.card>.row:first-child{border-top:none}.row.tappable{cursor:pointer}.row .k{font-size:14px;font-weight:500}.row .v{font-size:15px;font-weight:600}.actions{display:flex;align-items:center;gap:6px}.stats{display:flex;gap:10px}.stat{flex:1;background:var(--color-surface-alt);border-radius:var(--radius-md);padding:12px}.stat-v{font-size:20px;font-weight:700}.stat-k{font-size:12px;color:var(--color-text-muted)}.signin-title{margin:4px 0 8px;font-size:19px}.signin-note{margin-top:14px;opacity:.7}.empty{padding:18px 0;text-align:center;color:var(--color-text-muted);font-size:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-weight:600;border-radius:var(--radius-md);padding:12px 16px;background:var(--color-primary);color:var(--color-primary-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.line{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn.ghost{background:transparent;color:var(--color-text-muted);padding:8px 10px}.btn.sm{padding:7px 12px;font-size:13px;border-radius:var(--radius-sm)}.input{width:100%;padding:12px 14px;margin:10px 0;background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:15px}.input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.seg{display:flex;gap:4px;padding:4px;background:var(--color-surface-alt);border-radius:var(--radius-pill);overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-pill);white-space:nowrap;background:transparent;color:var(--color-text-muted)}.seg button[data-on="1"]{background:var(--color-primary);color:var(--color-primary-text)}.chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);white-space:nowrap}.chip.primary{background:var(--color-primary);color:var(--color-primary-text)}.chip.success{background:var(--color-success);color:var(--color-primary-text)}.chip.warning{background:var(--color-warning);color:#1b1200}.chip.danger{background:var(--color-danger);color:var(--color-primary-text)}.banner{margin:10px 0;padding:10px 12px;font-size:13px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-warning) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent)}.banner.info{background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.banner.danger{background:color-mix(in srgb,var(--color-danger) 16%,transparent);border-color:color-mix(in srgb,var(--color-danger) 40%,transparent)}.banner.success{background:color-mix(in srgb,var(--color-success) 16%,transparent);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}.spark{width:100%;height:64px;display:block;margin:4px 0 10px}.bar{height:6px;border-radius:var(--radius-pill);background:var(--color-surface-alt);margin-top:10px;overflow:hidden}.bar .fill{height:100%;background:var(--gradient-hero);transition:width .3s ease}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border);padding:8px var(--space-section) calc(var(--space-section) + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:rise .22s ease}.sheet h3{margin:6px 0 12px;font-size:17px}.sheet .btn{width:100%;margin-top:12px}.grab{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--color-border);margin:6px auto 4px}@keyframes rise{0%{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.nav .inner{display:flex;max-width:640px;margin:0 auto}.nav button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;color:var(--color-text-muted);font:inherit;font-size:11px}.nav button[data-on="1"]{color:var(--color-primary)}.nav svg{width:22px;height:22px}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .7s linear infinite;margin:8px auto}.spinner.sm{width:14px;height:14px;border-width:2px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}