.menu{z-index:100;background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);user-select:none;align-items:center;display:flex;position:fixed;left:0;right:0}.menu--mobile{height:calc(var(--menu-height-mobile) + env(safe-area-inset-bottom,0px));padding:var(--spacing-sm)var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);justify-content:space-around;bottom:0;box-shadow:0 -4px 20px #0006}.menu--web{height:var(--menu-height-web);padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;top:0;box-shadow:0 4px 20px #0006}.menu__brand{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:-.3px;font-weight:700;display:flex}.menu__brand-logo{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:inline-flex}.menu__items{align-items:center;gap:var(--spacing-xs);flex:1;justify-content:space-around;display:flex}.menu--web .menu__items{gap:var(--spacing-sm);flex:0 auto;justify-content:flex-end}.menu__item{padding:var(--spacing-sm)var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast);text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:56px;font-size:10px;font-weight:500;line-height:1.1;display:flex}.menu__item .menu__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.menu--web .menu__item{font-size:var(--font-size-sm);gap:var(--spacing-sm);flex-direction:row;min-width:auto;padding:10px 16px;font-weight:600}.menu__item:hover{color:var(--color-text-primary);background:#4f8cff14}.menu__item--active{color:var(--color-primary);background:#4f8cff1f}.menu__item--active:hover{background:#4f8cff2e}.menu__icon{font-size:22px;line-height:1}.menu--web .menu__icon{font-size:18px}