.glass-bar{--tab-ink:var(--tab-ink-light);--glass:color-mix(in oklab, var(--background) 58%, transparent);--glass-rim:#fff9;--glass-ease:cubic-bezier(.32, .72, 0, 1);z-index:40;left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:calc(.5rem + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border:1px solid var(--glass-rim);max-width:30rem;height:4rem;transition:height .35s var(--glass-ease), max-width .35s var(--glass-ease);border-radius:2rem;margin:0 auto;position:fixed;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #fff3,0 14px 34px -12px #0000004d,0 2px 8px #00000012}.glass-bar:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff80 0%,#ffffff14 42%,#fff0 62%,#ffffff24 100%);position:absolute;inset:0}.dark .glass-bar{--tab-ink:var(--tab-ink-dark);--glass:color-mix(in oklab, var(--background) 52%, transparent);--glass-rim:#ffffff24;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0d,0 14px 34px -10px #000000b3}.glass-bar[data-compact]{max-width:22rem;height:3.25rem}.glass-bar-track{position:absolute;inset:.25rem}.glass-lens{width:calc(100% / var(--tab-count));background:color-mix(in oklab, var(--tab-ink) 14%, #fff9);border-radius:1.75rem;transition:inset-inline-start .5s cubic-bezier(.34,1.36,.5,1),opacity .2s;position:absolute;inset-block:0;inset-inline-start:calc(var(--tab-index) * 100% / var(--tab-count));box-shadow:inset 0 1px #ffffffd9,inset 0 0 0 1px #ffffff4d,0 2px 8px #00000012}.dark .glass-lens{background:color-mix(in oklab, var(--tab-ink) 24%, #ffffff14);box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff0f}.glass-lens[data-hidden]{opacity:0}.glass-tab{min-width:0;color:var(--muted-foreground);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:1.75rem;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;font-weight:500;transition:color .2s,transform .15s;display:flex}.glass-tab:active{transform:scale(.93)}.glass-tab:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--ring) 70%, transparent)}.glass-tab.is-active,.glass-tab[data-state=open]{color:var(--tab-ink)}.glass-tab-icon{border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:1.75rem;display:flex;position:relative}.glass-tab-icon svg{width:1.4rem;height:1.4rem}.glass-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;max-height:1rem;transition:opacity .2s, max-height .35s var(--glass-ease);padding-inline:.125rem;font-size:.6875rem;line-height:1rem;overflow:hidden}.glass-tab.is-active .glass-tab-label{font-weight:600}.glass-bar[data-compact] .glass-tab-label{opacity:0;max-height:0}.glass-tab.is-donate{color:var(--dawn-ink)}.glass-tab.is-donate .glass-tab-icon{background:var(--color-brand-apricot);color:var(--color-brand-ink)}.glass-tab-badge{top:-.3rem;background:var(--dawn);min-width:1rem;color:var(--color-brand-ink);font-variant-numeric:tabular-nums;text-align:center;border-radius:9999px;padding-inline:.25rem;font-size:.625rem;font-weight:600;line-height:1rem;position:absolute;inset-inline-end:-.4rem}.glass-tab-badge.is-inline{position:static}.glass-menu{--tab-ink:var(--tab-ink-light);--glass:color-mix(in oklab, var(--popover) 72%, transparent);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);border:1px solid #ffffff8c;border-radius:1.25rem;min-width:13rem;max-width:min(18rem,100vw - 1.5rem);padding:.375rem;box-shadow:inset 0 1px #ffffffa6,0 18px 40px -12px #00000052,0 2px 8px #0000000f}.dark .glass-menu{--tab-ink:var(--tab-ink-dark);--glass:color-mix(in oklab, var(--popover) 62%, transparent);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 18px 40px -10px #000000b3}.glass-menu-item{border-radius:.875rem;gap:.75rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.9375rem;font-weight:500}.glass-menu-item[data-highlighted]{background:color-mix(in oklab, var(--foreground) 8%, transparent)}.glass-menu-item svg{width:1.15rem;height:1.15rem;color:var(--muted-foreground)}.glass-menu-item[aria-current=page],.glass-menu-item[aria-current=page] svg,.glass-menu-item .glass-menu-check{color:var(--tab-ink)}.glass-menu-item.is-donate svg{color:var(--dawn-ink)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-bar,.glass-menu{--glass:var(--background)}}@media (prefers-reduced-motion:reduce){.glass-bar,.glass-lens,.glass-tab,.glass-tab-label{transition:none}}