.bottom-nav{--bottom-nav-height:60px;height:var(--bottom-nav-height);background:var(--color-bg-card,#fff);border-top:1px solid var(--color-border,#e0e0e0);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.bottom-nav__item{color:var(--color-text-secondary,#666);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 0 4px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav__item:hover{color:var(--color-text,#212121)}.bottom-nav__item--active{color:var(--color-primary,#2e7d32)}.bottom-nav__item--active:before{content:"";background:var(--color-primary,#2e7d32);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0}.bottom-nav__label{letter-spacing:.01em;font-size:.7rem;font-weight:500}@media (min-width:769px){.bottom-nav{display:none}}@media (max-width:768px){body{padding-bottom:calc(var(--bottom-nav-height,60px) + env(safe-area-inset-bottom,0))}}
html[data-chrome-hidden=true] .navbar{transform:translateY(-100%)}html[data-chrome-hidden=true] .bottom-nav{transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.navbar,.bottom-nav{transition:none}}.navbar{will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1)}