.bn{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:var(--z-dock);border-radius:var(--r-md);max-width:320px;font-size:var(--fs-3);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--glass-bg);box-shadow:var(--elev-2);border:1px solid var(--line-1);padding:12px 14px;line-height:1.45;position:fixed}.bn.is-warning{background:linear-gradient(#fbbf241a,#141414eb);border-color:#fbbf244d}.bn.is-exhausted{background:linear-gradient(#f871711f,#141414f0);border-color:#f8717159}.bn-head{color:var(--ink);align-items:center;gap:8px;font-weight:600;display:flex}.bn-head svg{flex-shrink:0}.bn-dismiss{cursor:pointer;color:var(--muted);flex-shrink:0;margin-left:auto;padding:2px;display:flex}.bn-dismiss:hover{color:var(--ink)}.bn-body{color:var(--muted);margin-top:6px}.bn-figures{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:8px;font-weight:600}.bn-track{border-radius:var(--r-xs);background:var(--wa-4);height:4px;margin-top:8px;overflow:hidden}.bn-fill{transform-origin:0;height:100%;transition:transform var(--f-move)var(--ease)}.bn-topup{margin-top:10px}@media (max-width:640px){.bn{max-width:none;left:20px;right:20px;bottom:calc(96px + env(safe-area-inset-bottom))}}