.balance-bar-beta{--bb-beta-fg:#cffafe;--bb-beta-fg-strong:#a5f3fc;--bb-beta-border:#22d3ee8c;--bb-beta-inner:#22d3ee1f;--bb-beta-glow:#22d3ee52;box-sizing:border-box;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;min-width:max-content;min-height:28px;color:var(--bb-beta-fg);border:1px solid var(--bb-beta-border);box-shadow:0 0 0 1px var(--bb-beta-inner), 0 0 22px -8px var(--bb-beta-glow);text-shadow:0 1px 2px #00000059;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(165deg,#22d3ee38 0%,#06b6d41a 48%,#0e749029 100%);border-radius:.375rem;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:.32rem .55rem;font-size:clamp(.5625rem,1.4vw + .38rem,.6875rem);font-weight:800;line-height:1;animation:3.2s ease-in-out infinite balance-bar-beta-glow;display:inline-flex}@media (min-width:480px){.balance-bar-beta{letter-spacing:.15em;min-height:30px;padding:.38rem .65rem}}@media (min-width:640px){.balance-bar-beta{letter-spacing:.17em;padding:.42rem .75rem;font-size:.6875rem}}.balance-bar-beta--compact{letter-spacing:.11em;-webkit-backdrop-filter:blur(12px);background:linear-gradient(165deg,#cffafe1a 0%,#22d3ee24 42%,#0e74901f 100%);border:1px solid #22d3ee73;border-radius:9999px;min-height:26px;padding:.28rem .52rem;font-size:clamp(.5rem,2.2vw + .28rem,.5625rem);font-weight:700;animation:5.5s ease-in-out infinite balance-bar-beta-float-lift;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 4px 18px -4px #0000008c,0 2px 8px -3px #22d3ee40,0 0 0 1px #0e749040}@media (min-width:380px){.balance-bar-beta--compact{letter-spacing:.12em;padding:.3rem .58rem}}@media (max-width:360px){.balance-bar-beta:not(.balance-bar-beta--compact){letter-spacing:.09em;padding-left:.42rem;padding-right:.42rem}}@keyframes balance-bar-beta-glow{0%,to{box-shadow:0 0 0 1px var(--bb-beta-inner), 0 0 18px -10px var(--bb-beta-glow)}50%{box-shadow:0 0 0 1px #a5f3fc38,0 0 26px -6px #22d3ee73}}@keyframes balance-bar-beta-float-lift{0%,to{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 4px 18px -4px #0000008c,0 2px 8px -3px #22d3ee38,0 0 0 1px #0e749038}50%{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff29,0 6px 22px -4px #00000080,0 3px 12px -3px #22d3ee52,0 0 0 1px #22d3ee4d}}@media (prefers-reduced-motion:reduce){.balance-bar-beta{animation:none}.balance-bar-beta--compact{animation:none;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 4px 16px -4px #00000080,0 2px 8px -3px #22d3ee3d,0 0 0 1px #0e749040}}.balance-bar-strip{flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex}@media (max-width:639px){.balance-bar-strip--scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.balance-bar-strip--scroll::-webkit-scrollbar{height:3px}.balance-bar-strip--scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}}@media (min-width:640px){.balance-bar-strip--scroll{flex-wrap:nowrap;overflow:visible}}
.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#06b6d480,#3b82f680);border-radius:10px;transition:background .3s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#06b6d4cc,#3b82f6cc)}