.floaty-mobile-bottom-nav{inset-inline:0;z-index:9998;min-height:56px;padding:5px max(12px, env(safe-area-inset-left,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-right,0px));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 88%, transparent);color:var(--color-muted);-webkit-backdrop-filter:blur(var(--material-blur,16px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0}.floaty-mobile-bottom-nav__destination{min-width:0;min-height:48px;color:var(--color-muted);-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-system-duration) var(--motion-system-easing), color var(--motion-system-duration) var(--motion-system-easing);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:650;line-height:1.1;text-decoration:none;display:flex}.floaty-mobile-bottom-nav__destination:hover{color:var(--color-primary);background:var(--color-surface-hover)}.floaty-mobile-bottom-nav__destination[data-active=true]{color:var(--color-primary);background:var(--color-surface-selected)}.floaty-mobile-bottom-nav__destination:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}:root[data-floaty-keyboard=open] .floaty-mobile-bottom-nav{display:none}@media (prefers-reduced-transparency:reduce){.floaty-mobile-bottom-nav{background:var(--color-background);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.floaty-mobile-bottom-nav{border-top-width:2px}.floaty-mobile-bottom-nav__destination[data-active=true]{outline-offset:-3px;outline:2px solid}}@media (width<=340px){.floaty-mobile-bottom-nav{padding-inline:max(6px, env(safe-area-inset-left,0px)) max(6px, env(safe-area-inset-right,0px))}}