.mgn-navbar{--mgn-surface:rgba(255, 255, 255, .72);--mgn-text:#181821;--mgn-muted:rgba(24, 24, 33, .57);--mgn-border:rgba(255, 255, 255, .82);--mgn-shadow:rgba(35, 25, 80, .18);position:fixed;z-index:999999;right:16px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 8px));left:16px;display:none;max-width:520px;margin:auto;color:var(--mgn-text);font-family:-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;opacity:1;transform:translateY(0);transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.mgn-theme-dark{--mgn-surface:rgba(22, 22, 29, .74);--mgn-text:#fff;--mgn-muted:rgba(255, 255, 255, .58);--mgn-border:rgba(255, 255, 255, .15);--mgn-shadow:rgba(0, 0, 0, .36)}@media(prefers-color-scheme:dark){.mgn-theme-auto{--mgn-surface:rgba(22, 22, 29, .74);--mgn-text:#fff;--mgn-muted:rgba(255, 255, 255, .58);--mgn-border:rgba(255, 255, 255, .15);--mgn-shadow:rgba(0, 0, 0, .36)}}.mgn-navbar.is-visible{display:block}.mgn-navbar.is-scroll-hidden{pointer-events:none;opacity:0;transform:translateY(calc(100% + 24px))}.mgn-navbar__inner{position:relative;display:flex;align-items:center;min-height:60px;padding:4px 10px calc(4px + env(safe-area-inset-bottom) * .12);overflow:visible;border:1px solid var(--mgn-border);border-radius:22px;background:var(--mgn-surface);box-shadow:0 18px 45px var(--mgn-shadow),inset 0 1px rgba(255,255,255,.42);-webkit-backdrop-filter:blur(22px)saturate(165%);backdrop-filter:blur(22px)saturate(165%)}.mgn-navbar__inner::after{position:absolute;top:1px;right:22px;left:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);content:""}.mgn-navbar__glow{position:absolute;right:18%;bottom:-8px;left:18%;height:28px;border-radius:50%;background:color-mix(in srgb,var(--mgn-accent) 45%,transparent);filter:blur(24px);opacity:.6}.mgn-navbar__item{position:relative;z-index:1;display:flex;flex:1;min-width:0;height:52px;align-items:center;justify-content:center;flex-direction:column;gap:0;color:var(--mgn-muted);text-decoration:none!important;transform:translateY(-3px);-webkit-tap-highlight-color:transparent}.mgn-navbar__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid transparent;border-radius:14px;transition:transform .38s cubic-bezier(.2,.85,.25,1.25),color .25s,background-color .25s,box-shadow .25s}.mgn-navbar__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mgn-navbar__label{max-width:100%;overflow:hidden;font-size:9px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap;transition:color .25s,transform .35s}.mgn-navbar__item.is-active{color:var(--mgn-text)}.mgn-navbar__item.is-active .mgn-navbar__icon{color:#fff;border-color:rgba(255,255,255,.48);background:var(--mgn-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--mgn-accent) 45%,transparent),inset 0 1px rgba(255,255,255,.45);transform:translateY(-8px)scale(1.18)}.mgn-navbar__item.is-active .mgn-navbar__icon svg{width:29px;height:29px}.mgn-navbar__item.is-active .mgn-navbar__label{color:var(--mgn-text);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.mgn-navbar,.mgn-navbar__icon,.mgn-navbar__label{transition:none}}