.tok-badge{
  position:fixed; bottom:16px; right:16px; z-index:60;
  display:flex; align-items:center; gap:6px;
  background:var(--bg-card); border:1px solid var(--border-subtle);
  border-radius:999px; padding:8px 14px;
  font-size:.8rem; font-weight:700; color:var(--text-primary);
  text-decoration:none; box-shadow:0 4px 16px rgba(0,0,0,.35);
  transition:border-color .2s;
}
.tok-badge:hover{border-color:var(--accent-blue)}
.tok-badge-icon{font-size:.9rem}
.tok-badge[data-state="low"]{border-color:#f59e0b; color:#f59e0b}
.tok-badge[data-state="zero"]{border-color:#ef4444; color:#ef4444}
.tok-badge-pulse{animation:tok-badge-pulse .3s ease}
@keyframes tok-badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}

@media (max-width:1024px){
  .tok-badge{bottom:calc(60px + env(safe-area-inset-bottom) + 12px)}
}